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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/CHANGELOG.md +13 -67
  2. package/lib/choices/choice.js +98 -203
  3. package/lib/choices/choice.js.map +1 -1
  4. package/lib/choices/index.js +21 -53
  5. package/lib/choices/index.js.map +1 -1
  6. package/lib/componentize.js +1 -5
  7. package/lib/componentize.js.map +1 -1
  8. package/lib/components/blank.js +303 -361
  9. package/lib/components/blank.js.map +1 -1
  10. package/lib/components/correct-input.js +41 -65
  11. package/lib/components/correct-input.js.map +1 -1
  12. package/lib/components/dropdown.js +218 -257
  13. package/lib/components/dropdown.js.map +1 -1
  14. package/lib/components/input.js +10 -17
  15. package/lib/components/input.js.map +1 -1
  16. package/lib/constructed-response.js +40 -54
  17. package/lib/constructed-response.js.map +1 -1
  18. package/lib/customizable.js +5 -9
  19. package/lib/customizable.js.map +1 -1
  20. package/lib/drag-in-the-blank.js +140 -105
  21. package/lib/drag-in-the-blank.js.map +1 -1
  22. package/lib/index.js +0 -7
  23. package/lib/index.js.map +1 -1
  24. package/lib/inline-dropdown.js +4 -12
  25. package/lib/inline-dropdown.js.map +1 -1
  26. package/lib/mask.js +60 -118
  27. package/lib/mask.js.map +1 -1
  28. package/lib/serialization.js +8 -48
  29. package/lib/serialization.js.map +1 -1
  30. package/lib/with-mask.js +30 -58
  31. package/lib/with-mask.js.map +1 -1
  32. package/package.json +12 -20
  33. package/src/__tests__/drag-in-the-blank.test.js +66 -26
  34. package/src/__tests__/mask.test.js +147 -112
  35. package/src/__tests__/with-mask.test.js +44 -19
  36. package/src/choices/__tests__/index.test.js +38 -25
  37. package/src/choices/choice.jsx +86 -153
  38. package/src/choices/index.jsx +9 -3
  39. package/src/components/__tests__/blank.test.js +92 -156
  40. package/src/components/__tests__/correct-input.test.js +60 -19
  41. package/src/components/__tests__/dropdown.test.js +61 -19
  42. package/src/components/__tests__/input.test.js +72 -20
  43. package/src/components/blank.jsx +273 -272
  44. package/src/components/correct-input.jsx +33 -39
  45. package/src/components/dropdown.jsx +173 -161
  46. package/src/constructed-response.jsx +25 -30
  47. package/src/drag-in-the-blank.jsx +131 -42
  48. package/src/mask.jsx +38 -29
  49. package/src/with-mask.jsx +7 -4
  50. package/esm/index.css +0 -847
  51. package/esm/index.js +0 -195939
  52. package/esm/index.js.map +0 -1
  53. package/esm/package.json +0 -3
  54. package/src/__tests__/__snapshots__/drag-in-the-blank.test.js.snap +0 -316
  55. package/src/__tests__/__snapshots__/mask.test.js.snap +0 -55
  56. package/src/__tests__/__snapshots__/with-mask.test.js.snap +0 -62
  57. package/src/choices/__tests__/__snapshots__/index.test.js.snap +0 -209
  58. package/src/components/__tests__/__snapshots__/blank.test.js.snap +0 -111
  59. package/src/components/__tests__/__snapshots__/correct-input.test.js.snap +0 -64
  60. package/src/components/__tests__/__snapshots__/dropdown.test.js.snap +0 -136
  61. package/src/components/__tests__/__snapshots__/input.test.js.snap +0 -34
package/src/components/__tests__/__snapshots__/blank.test.js.snap DELETED
@@ -1,111 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Blank render renders correctly with default props 1`] = `
4
- <WithStyles(Chip)
5
- className="undefined"
6
- clickable={false}
7
- component="span"
8
- disabled={true}
9
- label={
10
- <React.Fragment>
11
- <span
12
- className=""
13
- >
14
-
15
- </span>
16
- </React.Fragment>
17
- }
18
- style={
19
- Object {
20
- "height": 0,
21
- "minHeight": 32,
22
- "minWidth": 90,
23
- "width": 0,
24
- }
25
- }
26
- />
27
- `;
28
-
29
- exports[`Blank render renders correctly with disabled prop as true 1`] = `
30
- <WithStyles(Chip)
31
- className="undefined"
32
- clickable={false}
33
- component="span"
34
- disabled={true}
35
- label={
36
- <React.Fragment>
37
- <span
38
- className=""
39
- >
40
-
41
- </span>
42
- </React.Fragment>
43
- }
44
- style={
45
- Object {
46
- "height": 0,
47
- "minHeight": 32,
48
- "minWidth": 90,
49
- "width": 0,
50
- }
51
- }
52
- variant="outlined"
53
- />
54
- `;
55
-
56
- exports[`Blank render renders correctly with draggedItem 1`] = `
57
- <WithStyles(Chip)
58
- className="undefined"
59
- clickable={false}
60
- component="span"
61
- disabled={true}
62
- label={
63
- <React.Fragment>
64
- <span
65
- className=""
66
- >
67
-
68
- </span>
69
- </React.Fragment>
70
- }
71
- style={
72
- Object {
73
- "height": 0,
74
- "minHeight": 32,
75
- "minWidth": 90,
76
- "width": 0,
77
- }
78
- }
79
- />
80
- `;
81
-
82
- exports[`Blank render renders correctly with draggedItem and isOver 1`] = `
83
- <WithStyles(Chip)
84
- className="undefined"
85
- clickable={false}
86
- component="span"
87
- disabled={true}
88
- label={
89
- <React.Fragment>
90
- <span
91
- className="undefined"
92
- >
93
-
94
- </span>
95
- <span
96
- className=""
97
- >
98
-
99
- </span>
100
- </React.Fragment>
101
- }
102
- style={
103
- Object {
104
- "height": 0,
105
- "minHeight": 32,
106
- "minWidth": 90,
107
- "width": 0,
108
- }
109
- }
110
- />
111
- `;
package/src/components/__tests__/__snapshots__/correct-input.test.js.snap DELETED
@@ -1,64 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`CorrectInput render renders correctly with correct as false 1`] = `
4
- <Component
5
- classes={
6
- Object {
7
- "box": "Component-box-5",
8
- "correct": "Component-correct-3",
9
- "crInput": "Component-crInput-2",
10
- "incorrect": "Component-incorrect-4",
11
- "input": "Component-input-1",
12
- "notchedOutline": "Component-notchedOutline-7",
13
- "outlinedInput": "Component-outlinedInput-6",
14
- }
15
- }
16
- correct={false}
17
- disabled={false}
18
- onChange={[MockFunction]}
19
- value="Cow"
20
- variant="outlined"
21
- />
22
- `;
23
-
24
- exports[`CorrectInput render renders correctly with default props 1`] = `
25
- <Component
26
- classes={
27
- Object {
28
- "box": "Component-box-5",
29
- "correct": "Component-correct-3",
30
- "crInput": "Component-crInput-2",
31
- "incorrect": "Component-incorrect-4",
32
- "input": "Component-input-1",
33
- "notchedOutline": "Component-notchedOutline-7",
34
- "outlinedInput": "Component-outlinedInput-6",
35
- }
36
- }
37
- correct={false}
38
- disabled={false}
39
- onChange={[MockFunction]}
40
- value="Cow"
41
- variant="outlined"
42
- />
43
- `;
44
-
45
- exports[`CorrectInput render renders correctly with disabled prop as true 1`] = `
46
- <Component
47
- classes={
48
- Object {
49
- "box": "Component-box-5",
50
- "correct": "Component-correct-3",
51
- "crInput": "Component-crInput-2",
52
- "incorrect": "Component-incorrect-4",
53
- "input": "Component-input-1",
54
- "notchedOutline": "Component-notchedOutline-7",
55
- "outlinedInput": "Component-outlinedInput-6",
56
- }
57
- }
58
- correct={false}
59
- disabled={true}
60
- onChange={[MockFunction]}
61
- value="Cow"
62
- variant="outlined"
63
- />
64
- `;
package/src/components/__tests__/__snapshots__/dropdown.test.js.snap DELETED
@@ -1,136 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Dropdown render renders correctly with correct as true 1`] = `
4
- <Dropdown
5
- choices={
6
- Array [
7
- Object {
8
- "id": undefined,
9
- "label": "Jumped",
10
- "value": "Jumped",
11
- },
12
- Object {
13
- "id": undefined,
14
- "label": "Laughed",
15
- "value": "Laughed",
16
- },
17
- Object {
18
- "id": undefined,
19
- "label": "Smiled",
20
- "value": "Smiled",
21
- },
22
- ]
23
- }
24
- classes={
25
- Object {
26
- "correctIcon": "Dropdown-correctIcon-11",
27
- "correctnessIndicatorIcon": "Dropdown-correctnessIndicatorIcon-10",
28
- "disabledCorrect": "Dropdown-disabledCorrect-2",
29
- "disabledIncorrect": "Dropdown-disabledIncorrect-3",
30
- "incorrectIcon": "Dropdown-incorrectIcon-12",
31
- "label": "Dropdown-label-7",
32
- "menuRoot": "Dropdown-menuRoot-6",
33
- "root": "Dropdown-root-1",
34
- "selectMenu": "Dropdown-selectMenu-4",
35
- "selected": "Dropdown-selected-5",
36
- "selectedIndicator": "Dropdown-selectedIndicator-8",
37
- "srOnly": "Dropdown-srOnly-9",
38
- }
39
- }
40
- correct={true}
41
- disabled={false}
42
- id="1"
43
- onChange={[MockFunction]}
44
- value="Jumped"
45
- />
46
- `;
47
-
48
- exports[`Dropdown render renders correctly with default props 1`] = `
49
- <Dropdown
50
- choices={
51
- Array [
52
- Object {
53
- "id": undefined,
54
- "label": "Jumped",
55
- "value": "Jumped",
56
- },
57
- Object {
58
- "id": undefined,
59
- "label": "Laughed",
60
- "value": "Laughed",
61
- },
62
- Object {
63
- "id": undefined,
64
- "label": "Smiled",
65
- "value": "Smiled",
66
- },
67
- ]
68
- }
69
- classes={
70
- Object {
71
- "correctIcon": "Dropdown-correctIcon-11",
72
- "correctnessIndicatorIcon": "Dropdown-correctnessIndicatorIcon-10",
73
- "disabledCorrect": "Dropdown-disabledCorrect-2",
74
- "disabledIncorrect": "Dropdown-disabledIncorrect-3",
75
- "incorrectIcon": "Dropdown-incorrectIcon-12",
76
- "label": "Dropdown-label-7",
77
- "menuRoot": "Dropdown-menuRoot-6",
78
- "root": "Dropdown-root-1",
79
- "selectMenu": "Dropdown-selectMenu-4",
80
- "selected": "Dropdown-selected-5",
81
- "selectedIndicator": "Dropdown-selectedIndicator-8",
82
- "srOnly": "Dropdown-srOnly-9",
83
- }
84
- }
85
- correct={false}
86
- disabled={false}
87
- id="1"
88
- onChange={[MockFunction]}
89
- value="Jumped"
90
- />
91
- `;
92
-
93
- exports[`Dropdown render renders correctly with disabled prop as true 1`] = `
94
- <Dropdown
95
- choices={
96
- Array [
97
- Object {
98
- "id": undefined,
99
- "label": "Jumped",
100
- "value": "Jumped",
101
- },
102
- Object {
103
- "id": undefined,
104
- "label": "Laughed",
105
- "value": "Laughed",
106
- },
107
- Object {
108
- "id": undefined,
109
- "label": "Smiled",
110
- "value": "Smiled",
111
- },
112
- ]
113
- }
114
- classes={
115
- Object {
116
- "correctIcon": "Dropdown-correctIcon-11",
117
- "correctnessIndicatorIcon": "Dropdown-correctnessIndicatorIcon-10",
118
- "disabledCorrect": "Dropdown-disabledCorrect-2",
119
- "disabledIncorrect": "Dropdown-disabledIncorrect-3",
120
- "incorrectIcon": "Dropdown-incorrectIcon-12",
121
- "label": "Dropdown-label-7",
122
- "menuRoot": "Dropdown-menuRoot-6",
123
- "root": "Dropdown-root-1",
124
- "selectMenu": "Dropdown-selectMenu-4",
125
- "selected": "Dropdown-selected-5",
126
- "selectedIndicator": "Dropdown-selectedIndicator-8",
127
- "srOnly": "Dropdown-srOnly-9",
128
- }
129
- }
130
- correct={false}
131
- disabled={true}
132
- id="1"
133
- onChange={[MockFunction]}
134
- value="Jumped"
135
- />
136
- `;
package/src/components/__tests__/__snapshots__/input.test.js.snap DELETED
@@ -1,34 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Input render renders correctly with correct as false 1`] = `
4
- <WithStyles(Component)
5
- correct={false}
6
- disabled={false}
7
- isBox={true}
8
- onChange={[Function]}
9
- value="Cow"
10
- variant="outlined"
11
- />
12
- `;
13
-
14
- exports[`Input render renders correctly with default props 1`] = `
15
- <WithStyles(Component)
16
- correct={false}
17
- disabled={false}
18
- isBox={true}
19
- onChange={[Function]}
20
- value="Cow"
21
- variant="outlined"
22
- />
23
- `;
24
-
25
- exports[`Input render renders correctly with disabled prop as true 1`] = `
26
- <WithStyles(Component)
27
- correct={false}
28
- disabled={true}
29
- isBox={true}
30
- onChange={[Function]}
31
- value="Cow"
32
- variant="outlined"
33
- />
34
- `;