@pie-lib/mask-markup 1.33.3-next.2 → 1.33.4-next.0

package/esm/package.json

@@ -1,3 +0,0 @@
-{
-  "type": "module"
-}

package/src/__tests__/__snapshots__/drag-in-the-blank.test.js.snap

@@ -1,316 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DragInTheBlank render renders correctly with default props 1`] = `
-<div
-  style={
-    Object {
-      "alignItems": undefined,
-      "display": "flex",
-      "flexDirection": "column-reverse",
-      "justifyContent": undefined,
-      "minWidth": "100px",
-    }
-  }
->
-  <Choices
-    choicePosition="below"
-    choices={
-      Array [
-        Object {
-          "id": "0",
-          "value": "Jumped",
-        },
-        Object {
-          "id": "1",
-          "value": "Laughed",
-        },
-        Object {
-          "id": "2",
-          "value": "Spoon",
-        },
-        Object {
-          "id": "3",
-          "value": "Fork",
-        },
-        Object {
-          "id": "4",
-          "value": "Bumped",
-        },
-        Object {
-          "id": "5",
-          "value": "Smiled",
-        },
-      ]
-    }
-    disabled={false}
-    value={
-      Object {
-        "0": undefined,
-      }
-    }
-  />
-  <WithMask
-    choices={
-      Array [
-        Object {
-          "id": "0",
-          "value": "Jumped",
-        },
-        Object {
-          "id": "1",
-          "value": "Laughed",
-        },
-        Object {
-          "id": "2",
-          "value": "Spoon",
-        },
-        Object {
-          "id": "3",
-          "value": "Fork",
-        },
-        Object {
-          "id": "4",
-          "value": "Bumped",
-        },
-        Object {
-          "id": "5",
-          "value": "Smiled",
-        },
-      ]
-    }
-    disabled={false}
-    elementType="drag-in-the-blank"
-    feedback={Object {}}
-    markup="<div>
-  <img src=\\"https://image.shutterstock.com/image-vector/cow-jumped-over-moon-traditional-260nw-1152899330.jpg\\"></img>
-   <h5>Hey Diddle Diddle <i>by ?</i></h5>
- <p>1: Hey, diddle, diddle,</p>
- <p>2: The cat and the fiddle,</p>
- <p>3: The cow {{0}} over the moon;</p>
- <p>4: The little dog {{1}},</p>
- <p>5: To see such sport,</p>
- <p>6: And the dish ran away with the {{2}}.</p>
-</div>"
-    value={
-      Object {
-        "0": undefined,
-      }
-    }
-  />
-</div>
-`;
-
-exports[`DragInTheBlank render renders correctly with disabled prop as true 1`] = `
-<div
-  style={
-    Object {
-      "alignItems": undefined,
-      "display": "flex",
-      "flexDirection": "column-reverse",
-      "justifyContent": undefined,
-      "minWidth": "100px",
-    }
-  }
->
-  <Choices
-    choicePosition="below"
-    choices={
-      Array [
-        Object {
-          "id": "0",
-          "value": "Jumped",
-        },
-        Object {
-          "id": "1",
-          "value": "Laughed",
-        },
-        Object {
-          "id": "2",
-          "value": "Spoon",
-        },
-        Object {
-          "id": "3",
-          "value": "Fork",
-        },
-        Object {
-          "id": "4",
-          "value": "Bumped",
-        },
-        Object {
-          "id": "5",
-          "value": "Smiled",
-        },
-      ]
-    }
-    disabled={true}
-    value={
-      Object {
-        "0": undefined,
-      }
-    }
-  />
-  <WithMask
-    choices={
-      Array [
-        Object {
-          "id": "0",
-          "value": "Jumped",
-        },
-        Object {
-          "id": "1",
-          "value": "Laughed",
-        },
-        Object {
-          "id": "2",
-          "value": "Spoon",
-        },
-        Object {
-          "id": "3",
-          "value": "Fork",
-        },
-        Object {
-          "id": "4",
-          "value": "Bumped",
-        },
-        Object {
-          "id": "5",
-          "value": "Smiled",
-        },
-      ]
-    }
-    disabled={true}
-    elementType="drag-in-the-blank"
-    feedback={Object {}}
-    markup="<div>
-  <img src=\\"https://image.shutterstock.com/image-vector/cow-jumped-over-moon-traditional-260nw-1152899330.jpg\\"></img>
-   <h5>Hey Diddle Diddle <i>by ?</i></h5>
- <p>1: Hey, diddle, diddle,</p>
- <p>2: The cat and the fiddle,</p>
- <p>3: The cow {{0}} over the moon;</p>
- <p>4: The little dog {{1}},</p>
- <p>5: To see such sport,</p>
- <p>6: And the dish ran away with the {{2}}.</p>
-</div>"
-    value={
-      Object {
-        "0": undefined,
-      }
-    }
-  />
-</div>
-`;
-
-exports[`DragInTheBlank render renders correctly with feedback 1`] = `
-<div
-  style={
-    Object {
-      "alignItems": undefined,
-      "display": "flex",
-      "flexDirection": "column-reverse",
-      "justifyContent": undefined,
-      "minWidth": "100px",
-    }
-  }
->
-  <Choices
-    choicePosition="below"
-    choices={
-      Array [
-        Object {
-          "id": "0",
-          "value": "Jumped",
-        },
-        Object {
-          "id": "1",
-          "value": "Laughed",
-        },
-        Object {
-          "id": "2",
-          "value": "Spoon",
-        },
-        Object {
-          "id": "3",
-          "value": "Fork",
-        },
-        Object {
-          "id": "4",
-          "value": "Bumped",
-        },
-        Object {
-          "id": "5",
-          "value": "Smiled",
-        },
-      ]
-    }
-    disabled={false}
-    value={
-      Object {
-        "0": undefined,
-      }
-    }
-  />
-  <WithMask
-    choices={
-      Array [
-        Object {
-          "id": "0",
-          "value": "Jumped",
-        },
-        Object {
-          "id": "1",
-          "value": "Laughed",
-        },
-        Object {
-          "id": "2",
-          "value": "Spoon",
-        },
-        Object {
-          "id": "3",
-          "value": "Fork",
-        },
-        Object {
-          "id": "4",
-          "value": "Bumped",
-        },
-        Object {
-          "id": "5",
-          "value": "Smiled",
-        },
-      ]
-    }
-    disabled={false}
-    elementType="drag-in-the-blank"
-    feedback={
-      Object {
-        "0": Object {
-          "correct": "Jumped",
-          "value": "Jumped",
-        },
-        "1": Object {
-          "correct": "Laughed",
-          "value": "Laughed",
-        },
-        "2": Object {
-          "correct": "Spoon",
-          "value": "Spoon",
-        },
-      }
-    }
-    markup="<div>
-  <img src=\\"https://image.shutterstock.com/image-vector/cow-jumped-over-moon-traditional-260nw-1152899330.jpg\\"></img>
-   <h5>Hey Diddle Diddle <i>by ?</i></h5>
- <p>1: Hey, diddle, diddle,</p>
- <p>2: The cat and the fiddle,</p>
- <p>3: The cow {{0}} over the moon;</p>
- <p>4: The little dog {{1}},</p>
- <p>5: To see such sport,</p>
- <p>6: And the dish ran away with the {{2}}.</p>
-</div>"
-    value={
-      Object {
-        "0": undefined,
-      }
-    }
-  />
-</div>
-`;

package/src/__tests__/__snapshots__/mask.test.js.snap

@@ -1,55 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Mask render renders correctly a div 1`] = `
-<div>
-  <div
-    key="div-0"
-  >
-    <WithStyles(Component)
-      key="p-0"
-    >
-      Foo
-    </WithStyles(Component)>
-  </div>
-</div>
-`;
-
-exports[`Mask render renders correctly a em 1`] = `
-<WithStyles(Component)>
-  Foo 
-  <em
-    key="1"
-  >
-    x
-  </em>
-   bar
-</WithStyles(Component)>
-`;
-
-exports[`Mask render renders correctly a paragraph 1`] = `
-<div>
-  <WithStyles(Component)
-    key="p-0"
-  >
-    Foo
-  </WithStyles(Component)>
-</div>
-`;
-
-exports[`Mask render renders correctly with default props 1`] = `
-<div>
-  Foo
-</div>
-`;
-
-exports[`Mask render renders without space under tbody 1`] = `
-<div>
-  <tbody
-    key="tbody-0"
-  >
-    <tr
-      key="tr-1"
-    />
-  </tbody>
-</div>
-`;

package/src/__tests__/__snapshots__/with-mask.test.js.snap

@@ -1,62 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`WithMask render renders correctly with default props 1`] = `
-<Mask
-  layout={
-    Object {
-      "data": Object {},
-      "nodes": Array [
-        Object {
-          "data": Object {
-            "attributes": Object {},
-            "dataset": Object {},
-          },
-          "nodes": Array [
-            Object {
-              "leaves": Array [
-                Object {
-                  "text": "Foo bar ",
-                },
-              ],
-              "object": "text",
-            },
-            Object {
-              "data": Object {
-                "attributes": Object {
-                  "data-component": "foo",
-                  "data-id": "0",
-                },
-                "dataset": Object {
-                  "component": "foo",
-                  "id": "0",
-                },
-              },
-              "nodes": Array [],
-              "object": "inline",
-              "type": "span",
-            },
-            Object {
-              "leaves": Array [
-                Object {
-                  "text": " over the moon;",
-                },
-              ],
-              "object": "text",
-            },
-          ],
-          "object": "block",
-          "type": "p",
-        },
-      ],
-      "object": "document",
-    }
-  }
-  onChange={[MockFunction]}
-  renderChildren={[Function]}
-  value={
-    Object {
-      "0": "blank",
-    }
-  }
-/>
-`;

package/src/choices/__tests__/__snapshots__/index.test.js.snap

@@ -1,209 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`index Choice render renders correctly with default props 1`] = `
-<BlankContentComp
-  classes={
-    Object {
-      "chip": "BlankContentComp-chip-2",
-      "chipLabel": "BlankContentComp-chipLabel-3",
-      "choice": "BlankContentComp-choice-1",
-      "disabled": "BlankContentComp-disabled-4",
-    }
-  }
-  disabled={false}
-  label="Label"
-  targetId="1"
-  value="1"
-/>
-`;
-
-exports[`index Choice render renders correctly with disabled prop as true 1`] = `
-<BlankContentComp
-  classes={
-    Object {
-      "chip": "BlankContentComp-chip-2",
-      "chipLabel": "BlankContentComp-chipLabel-3",
-      "choice": "BlankContentComp-choice-1",
-      "disabled": "BlankContentComp-disabled-4",
-    }
-  }
-  disabled={true}
-  label="Label"
-  targetId="1"
-  value="1"
-/>
-`;
-
-exports[`index Choices renders correctly with default props 1`] = `
-<div
-  style={
-    Object {
-      "margin": "0 40px 0 0",
-      "minWidth": "100px",
-    }
-  }
->
-  <DropTarget(DroppablePlaceholder)
-    disabled={false}
-  >
-    <DragSource(WithStyles(BlankContentComp))
-      choice={
-        Object {
-          "id": "0",
-          "label": "Jumped",
-          "value": "Jumped",
-        }
-      }
-      disabled={false}
-      key="Jumped-0"
-    />
-    <DragSource(WithStyles(BlankContentComp))
-      choice={
-        Object {
-          "id": "1",
-          "label": "Laughed",
-          "value": "Laughed",
-        }
-      }
-      disabled={false}
-      key="Laughed-1"
-    />
-    <DragSource(WithStyles(BlankContentComp))
-      choice={
-        Object {
-          "id": "2",
-          "label": "Spoon",
-          "value": "Spoon",
-        }
-      }
-      disabled={false}
-      key="Spoon-2"
-    />
-  </DropTarget(DroppablePlaceholder)>
-</div>
-`;
-
-exports[`index Choices renders correctly with disabled prop as true 1`] = `
-<div
-  style={
-    Object {
-      "margin": "0 40px 0 0",
-      "minWidth": "100px",
-    }
-  }
->
-  <DropTarget(DroppablePlaceholder)
-    disabled={true}
-  >
-    <DragSource(WithStyles(BlankContentComp))
-      choice={
-        Object {
-          "id": "0",
-          "label": "Jumped",
-          "value": "Jumped",
-        }
-      }
-      disabled={true}
-      key="Jumped-0"
-    />
-    <DragSource(WithStyles(BlankContentComp))
-      choice={
-        Object {
-          "id": "1",
-          "label": "Laughed",
-          "value": "Laughed",
-        }
-      }
-      disabled={true}
-      key="Laughed-1"
-    />
-    <DragSource(WithStyles(BlankContentComp))
-      choice={
-        Object {
-          "id": "2",
-          "label": "Spoon",
-          "value": "Spoon",
-        }
-      }
-      disabled={true}
-      key="Spoon-2"
-    />
-  </DropTarget(DroppablePlaceholder)>
-</div>
-`;
-
-exports[`index Choices renders with duplicates 1`] = `
-<div
-  style={
-    Object {
-      "margin": "0 40px 0 0",
-      "minWidth": "100px",
-    }
-  }
->
-  <DropTarget(DroppablePlaceholder)
-    disabled={false}
-  >
-    <DragSource(WithStyles(BlankContentComp))
-      choice={
-        Object {
-          "id": "0",
-          "label": "Jumped",
-          "value": "Jumped",
-        }
-      }
-      disabled={false}
-      key="Jumped-0"
-    />
-    <DragSource(WithStyles(BlankContentComp))
-      choice={
-        Object {
-          "id": "1",
-          "label": "Laughed",
-          "value": "Laughed",
-        }
-      }
-      disabled={false}
-      key="Laughed-1"
-    />
-    <DragSource(WithStyles(BlankContentComp))
-      choice={
-        Object {
-          "id": "2",
-          "label": "Spoon",
-          "value": "Spoon",
-        }
-      }
-      disabled={false}
-      key="Spoon-2"
-    />
-  </DropTarget(DroppablePlaceholder)>
-</div>
-`;
-
-exports[`index Choices renders without duplicates 1`] = `
-<div
-  style={
-    Object {
-      "margin": "0 40px 0 0",
-      "minWidth": "100px",
-    }
-  }
->
-  <DropTarget(DroppablePlaceholder)
-    disabled={false}
-  >
-    <DragSource(WithStyles(BlankContentComp))
-      choice={
-        Object {
-          "id": "2",
-          "label": "Spoon",
-          "value": "Spoon",
-        }
-      }
-      disabled={false}
-      key="Spoon-0"
-    />
-  </DropTarget(DroppablePlaceholder)>
-</div>
-`;