@pie-lib/config-ui 11.30.3-next.2 → 11.30.4-next.0

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 (145) hide show
  1. package/CHANGELOG.md +7 -78
  2. package/lib/__tests__/alert-dialog.test.js +262 -0
  3. package/lib/__tests__/checkbox.test.js +227 -0
  4. package/lib/__tests__/choice-utils.test.js +14 -0
  5. package/lib/__tests__/form-section.test.js +252 -0
  6. package/lib/__tests__/help.test.js +270 -0
  7. package/lib/__tests__/input.test.js +268 -0
  8. package/lib/__tests__/langs.test.js +541 -0
  9. package/lib/__tests__/number-text-field-custom.test.js +362 -0
  10. package/lib/__tests__/number-text-field.test.js +421 -0
  11. package/lib/__tests__/radio-with-label.test.js +233 -0
  12. package/lib/__tests__/settings-panel.test.js +184 -0
  13. package/lib/__tests__/settings.test.js +653 -0
  14. package/lib/__tests__/tabs.test.js +211 -0
  15. package/lib/__tests__/two-choice.test.js +124 -0
  16. package/lib/__tests__/with-stateful-model.test.js +221 -0
  17. package/lib/alert-dialog.js +36 -43
  18. package/lib/alert-dialog.js.map +1 -1
  19. package/lib/checkbox.js +57 -72
  20. package/lib/checkbox.js.map +1 -1
  21. package/lib/choice-configuration/__tests__/feedback-menu.test.js +287 -0
  22. package/lib/choice-configuration/__tests__/index.test.js +253 -0
  23. package/lib/choice-configuration/feedback-menu.js +30 -65
  24. package/lib/choice-configuration/feedback-menu.js.map +1 -1
  25. package/lib/choice-configuration/index.js +203 -263
  26. package/lib/choice-configuration/index.js.map +1 -1
  27. package/lib/choice-utils.js +7 -19
  28. package/lib/choice-utils.js.map +1 -1
  29. package/lib/feedback-config/__tests__/feedback-config.test.js +201 -0
  30. package/lib/feedback-config/__tests__/feedback-selector.test.js +177 -0
  31. package/lib/feedback-config/feedback-selector.js +80 -116
  32. package/lib/feedback-config/feedback-selector.js.map +1 -1
  33. package/lib/feedback-config/group.js +27 -41
  34. package/lib/feedback-config/group.js.map +1 -1
  35. package/lib/feedback-config/index.js +48 -91
  36. package/lib/feedback-config/index.js.map +1 -1
  37. package/lib/form-section.js +32 -34
  38. package/lib/form-section.js.map +1 -1
  39. package/lib/help.js +40 -81
  40. package/lib/help.js.map +1 -1
  41. package/lib/index.js +2 -32
  42. package/lib/index.js.map +1 -1
  43. package/lib/input.js +22 -55
  44. package/lib/input.js.map +1 -1
  45. package/lib/inputs.js +62 -96
  46. package/lib/inputs.js.map +1 -1
  47. package/lib/langs.js +59 -102
  48. package/lib/langs.js.map +1 -1
  49. package/lib/layout/__tests__/config.layout.test.js +70 -0
  50. package/lib/layout/__tests__/layout-content.test.js +6 -0
  51. package/lib/layout/config-layout.js +41 -71
  52. package/lib/layout/config-layout.js.map +1 -1
  53. package/lib/layout/index.js +1 -4
  54. package/lib/layout/index.js.map +1 -1
  55. package/lib/layout/layout-contents.js +73 -104
  56. package/lib/layout/layout-contents.js.map +1 -1
  57. package/lib/layout/settings-box.js +28 -57
  58. package/lib/layout/settings-box.js.map +1 -1
  59. package/lib/mui-box/index.js +42 -58
  60. package/lib/mui-box/index.js.map +1 -1
  61. package/lib/number-text-field-custom.js +80 -162
  62. package/lib/number-text-field-custom.js.map +1 -1
  63. package/lib/number-text-field.js +81 -115
  64. package/lib/number-text-field.js.map +1 -1
  65. package/lib/radio-with-label.js +31 -32
  66. package/lib/radio-with-label.js.map +1 -1
  67. package/lib/settings/display-size.js +17 -33
  68. package/lib/settings/display-size.js.map +1 -1
  69. package/lib/settings/index.js +15 -48
  70. package/lib/settings/index.js.map +1 -1
  71. package/lib/settings/panel.js +160 -230
  72. package/lib/settings/panel.js.map +1 -1
  73. package/lib/settings/settings-radio-label.js +29 -31
  74. package/lib/settings/settings-radio-label.js.map +1 -1
  75. package/lib/settings/toggle.js +36 -47
  76. package/lib/settings/toggle.js.map +1 -1
  77. package/lib/tabs/index.js +23 -58
  78. package/lib/tabs/index.js.map +1 -1
  79. package/lib/tags-input/__tests__/index.test.js +183 -0
  80. package/lib/tags-input/index.js +51 -100
  81. package/lib/tags-input/index.js.map +1 -1
  82. package/lib/two-choice.js +47 -91
  83. package/lib/two-choice.js.map +1 -1
  84. package/lib/with-stateful-model.js +9 -32
  85. package/lib/with-stateful-model.js.map +1 -1
  86. package/package.json +12 -20
  87. package/src/__tests__/alert-dialog.test.jsx +283 -0
  88. package/src/__tests__/checkbox.test.jsx +249 -0
  89. package/src/__tests__/form-section.test.jsx +334 -0
  90. package/src/__tests__/help.test.jsx +184 -0
  91. package/src/__tests__/input.test.jsx +192 -0
  92. package/src/__tests__/langs.test.jsx +435 -15
  93. package/src/__tests__/number-text-field-custom.test.jsx +438 -0
  94. package/src/__tests__/number-text-field.test.jsx +295 -102
  95. package/src/__tests__/radio-with-label.test.jsx +259 -0
  96. package/src/__tests__/settings-panel.test.js +66 -83
  97. package/src/__tests__/settings.test.jsx +515 -0
  98. package/src/__tests__/tabs.test.jsx +193 -0
  99. package/src/__tests__/two-choice.test.js +104 -18
  100. package/src/__tests__/with-stateful-model.test.jsx +145 -0
  101. package/src/alert-dialog.jsx +21 -19
  102. package/src/checkbox.jsx +42 -46
  103. package/src/choice-configuration/__tests__/feedback-menu.test.jsx +157 -4
  104. package/src/choice-configuration/__tests__/index.test.jsx +198 -56
  105. package/src/choice-configuration/feedback-menu.jsx +6 -6
  106. package/src/choice-configuration/index.jsx +201 -196
  107. package/src/feedback-config/__tests__/feedback-config.test.jsx +130 -60
  108. package/src/feedback-config/__tests__/feedback-selector.test.jsx +87 -40
  109. package/src/feedback-config/feedback-selector.jsx +52 -53
  110. package/src/feedback-config/group.jsx +21 -22
  111. package/src/feedback-config/index.jsx +27 -29
  112. package/src/form-section.jsx +26 -18
  113. package/src/help.jsx +20 -28
  114. package/src/input.jsx +1 -1
  115. package/src/inputs.jsx +34 -50
  116. package/src/langs.jsx +41 -46
  117. package/src/layout/__tests__/config.layout.test.jsx +55 -38
  118. package/src/layout/config-layout.jsx +38 -32
  119. package/src/layout/layout-contents.jsx +38 -39
  120. package/src/layout/settings-box.jsx +16 -19
  121. package/src/mui-box/index.jsx +35 -43
  122. package/src/number-text-field-custom.jsx +30 -36
  123. package/src/number-text-field.jsx +45 -29
  124. package/src/radio-with-label.jsx +25 -13
  125. package/src/settings/display-size.jsx +12 -11
  126. package/src/settings/panel.jsx +97 -91
  127. package/src/settings/settings-radio-label.jsx +25 -13
  128. package/src/settings/toggle.jsx +30 -29
  129. package/src/tabs/index.jsx +8 -8
  130. package/src/tags-input/__tests__/index.test.jsx +88 -37
  131. package/src/tags-input/index.jsx +35 -38
  132. package/src/two-choice.jsx +15 -19
  133. package/esm/index.css +0 -847
  134. package/esm/index.js +0 -213950
  135. package/esm/index.js.map +0 -1
  136. package/esm/package.json +0 -3
  137. package/src/__tests__/__snapshots__/langs.test.jsx.snap +0 -32
  138. package/src/__tests__/__snapshots__/settings-panel.test.js.snap +0 -115
  139. package/src/__tests__/__snapshots__/two-choice.test.js.snap +0 -171
  140. package/src/choice-configuration/__tests__/__snapshots__/feedback-menu.test.jsx.snap +0 -51
  141. package/src/choice-configuration/__tests__/__snapshots__/index.test.jsx.snap +0 -519
  142. package/src/feedback-config/__tests__/__snapshots__/feedback-config.test.jsx.snap +0 -27
  143. package/src/feedback-config/__tests__/__snapshots__/feedback-selector.test.jsx.snap +0 -38
  144. package/src/layout/__tests__/__snapshots__/config.layout.test.jsx.snap +0 -59
  145. package/src/tags-input/__tests__/__snapshots__/index.test.jsx.snap +0 -170
package/esm/package.json DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "type": "module"
3
- }
@@ -1,32 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`langs snapshot renders 1`] = `
4
- <div>
5
- <WithStyles(FormControl)>
6
- <WithStyles(WithFormControlContext(InputLabel))
7
- htmlFor="1"
8
- />
9
- <WithStyles(WithFormControlContext(Select))
10
- input={
11
- <WithStyles(Input)
12
- id="1"
13
- />
14
- }
15
- onChange={[Function]}
16
- >
17
- <WithStyles(MenuItem)
18
- key="0"
19
- value="en-US"
20
- >
21
- en-US
22
- </WithStyles(MenuItem)>
23
- <WithStyles(MenuItem)
24
- key="1"
25
- value="es-ES"
26
- >
27
- es-ES
28
- </WithStyles(MenuItem)>
29
- </WithStyles(WithFormControlContext(Select))>
30
- </WithStyles(FormControl)>
31
- </div>
32
- `;
@@ -1,115 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Settings Panel snapshot does not render radio buttons 1`] = `
4
- <div>
5
- <WithStyles(Component)
6
- configuration={
7
- Object {
8
- "editChoiceLabel": false,
9
- "orientationLabel": "Orientation",
10
- "settingsOrientation": true,
11
- }
12
- }
13
- group={
14
- Object {
15
- "choiceAreaLayout": false,
16
- "editChoiceLabel": Object {
17
- "isConfigProperty": true,
18
- "label": "Edit choice label",
19
- "type": "toggle",
20
- },
21
- }
22
- }
23
- key="Group 1"
24
- label="Group 1"
25
- model={
26
- Object {
27
- "choiceAreaLayout": "vertical",
28
- }
29
- }
30
- onChange={[Function]}
31
- />
32
- </div>
33
- `;
34
-
35
- exports[`Settings Panel snapshot renders 1`] = `
36
- <div>
37
- <WithStyles(Component)
38
- configuration={
39
- Object {
40
- "editChoiceLabel": false,
41
- "orientationLabel": "Orientation",
42
- "settingsOrientation": true,
43
- }
44
- }
45
- group={
46
- Object {
47
- "choiceAreaLayout": Object {
48
- "choices": Array [
49
- Object {
50
- "label": "opt1",
51
- "value": "opt1",
52
- },
53
- Object {
54
- "label": "opt2",
55
- "value": "opt2",
56
- },
57
- ],
58
- "equationEditor": Object {
59
- "choices": Array [
60
- "geometry",
61
- "advanced-algebra",
62
- "statistics",
63
- "miscellaneous",
64
- ],
65
- "isConfigProperty": false,
66
- "label": "Dropdown",
67
- "type": "dropdown",
68
- },
69
- "graph": Object {
70
- "fields": Object {
71
- "domain": Object {
72
- "isConfigProperty": false,
73
- "label": "Domain",
74
- "suffix": "px",
75
- "type": "numberField",
76
- },
77
- "range": Object {
78
- "isConfigProperty": false,
79
- "label": "Range",
80
- "suffix": "px",
81
- "type": "numberField",
82
- },
83
- "width": Object {
84
- "isConfigProperty": false,
85
- "label": "Width",
86
- "max": 250,
87
- "min": 50,
88
- "suffix": "px",
89
- "type": "numberField",
90
- },
91
- },
92
- "label": "Graph Display Size",
93
- "type": "numberFields",
94
- },
95
- "label": "Orientation",
96
- "type": "radio",
97
- },
98
- "editChoiceLabel": Object {
99
- "isConfigProperty": true,
100
- "label": "Edit choice label",
101
- "type": "toggle",
102
- },
103
- }
104
- }
105
- key="Group 1"
106
- label="Group 1"
107
- model={
108
- Object {
109
- "choiceAreaLayout": "vertical",
110
- }
111
- }
112
- onChange={[Function]}
113
- />
114
- </div>
115
- `;
@@ -1,171 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`NChoice renders n choice radio buttons vertical correctly 1`] = `
4
- <div
5
- className="MuiFormControl-root-5 RawInputContainer-formControl-3"
6
- >
7
- <label
8
- className="MuiFormLabel-root-20 MuiInputLabel-root-9 MuiInputLabel-formControl-14 MuiInputLabel-animated-17 MuiInputLabel-shrink-16 RawInputContainer-label-4"
9
- data-shrink={true}
10
- >
11
- n-choice-vertical
12
- </label>
13
- <div
14
- className="RawNChoice-group-1 RawNChoice-vertical-2"
15
- >
16
- <label
17
- className="MuiFormControlLabel-root-29"
18
- >
19
- <span
20
- className="MuiButtonBase-root-50 MuiIconButton-root-44 MuiPrivateSwitchBase-root-40 MuiRadio-root-35 MuiRadio-colorSecondary-39 MuiPrivateSwitchBase-checked-41 MuiRadio-checked-36 Component-customColor-28"
21
- onBlur={[Function]}
22
- onContextMenu={[Function]}
23
- onFocus={[Function]}
24
- onKeyDown={[Function]}
25
- onKeyUp={[Function]}
26
- onMouseDown={[Function]}
27
- onMouseLeave={[Function]}
28
- onMouseUp={[Function]}
29
- onTouchEnd={[Function]}
30
- onTouchMove={[Function]}
31
- onTouchStart={[Function]}
32
- tabIndex={null}
33
- >
34
- <span
35
- className="MuiIconButton-label-49"
36
- >
37
- <svg
38
- aria-hidden="true"
39
- className="MuiSvgIcon-root-53"
40
- focusable="false"
41
- role="presentation"
42
- viewBox="0 0 24 24"
43
- >
44
- <path
45
- d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
46
- />
47
- </svg>
48
- <input
49
- checked={true}
50
- className="MuiPrivateSwitchBase-input-43"
51
- disabled={false}
52
- onChange={[Function]}
53
- type="radio"
54
- value="left"
55
- />
56
- </span>
57
- <span
58
- className="MuiTouchRipple-root-98"
59
- />
60
- </span>
61
- <span
62
- className="MuiTypography-root-62 MuiTypography-body1-71 MuiFormControlLabel-label-34 Component-label-27"
63
- >
64
- left
65
- </span>
66
- </label>
67
- <label
68
- className="MuiFormControlLabel-root-29"
69
- >
70
- <span
71
- className="MuiButtonBase-root-50 MuiIconButton-root-44 MuiPrivateSwitchBase-root-40 MuiRadio-root-35 MuiRadio-colorSecondary-39 Component-customColor-28"
72
- onBlur={[Function]}
73
- onContextMenu={[Function]}
74
- onFocus={[Function]}
75
- onKeyDown={[Function]}
76
- onKeyUp={[Function]}
77
- onMouseDown={[Function]}
78
- onMouseLeave={[Function]}
79
- onMouseUp={[Function]}
80
- onTouchEnd={[Function]}
81
- onTouchMove={[Function]}
82
- onTouchStart={[Function]}
83
- tabIndex={null}
84
- >
85
- <span
86
- className="MuiIconButton-label-49"
87
- >
88
- <svg
89
- aria-hidden="true"
90
- className="MuiSvgIcon-root-53"
91
- focusable="false"
92
- role="presentation"
93
- viewBox="0 0 24 24"
94
- >
95
- <path
96
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
97
- />
98
- </svg>
99
- <input
100
- checked={false}
101
- className="MuiPrivateSwitchBase-input-43"
102
- disabled={false}
103
- onChange={[Function]}
104
- type="radio"
105
- value="center"
106
- />
107
- </span>
108
- <span
109
- className="MuiTouchRipple-root-98"
110
- />
111
- </span>
112
- <span
113
- className="MuiTypography-root-62 MuiTypography-body1-71 MuiFormControlLabel-label-34 Component-label-27"
114
- >
115
- center
116
- </span>
117
- </label>
118
- <label
119
- className="MuiFormControlLabel-root-29"
120
- >
121
- <span
122
- className="MuiButtonBase-root-50 MuiIconButton-root-44 MuiPrivateSwitchBase-root-40 MuiRadio-root-35 MuiRadio-colorSecondary-39 Component-customColor-28"
123
- onBlur={[Function]}
124
- onContextMenu={[Function]}
125
- onFocus={[Function]}
126
- onKeyDown={[Function]}
127
- onKeyUp={[Function]}
128
- onMouseDown={[Function]}
129
- onMouseLeave={[Function]}
130
- onMouseUp={[Function]}
131
- onTouchEnd={[Function]}
132
- onTouchMove={[Function]}
133
- onTouchStart={[Function]}
134
- tabIndex={null}
135
- >
136
- <span
137
- className="MuiIconButton-label-49"
138
- >
139
- <svg
140
- aria-hidden="true"
141
- className="MuiSvgIcon-root-53"
142
- focusable="false"
143
- role="presentation"
144
- viewBox="0 0 24 24"
145
- >
146
- <path
147
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
148
- />
149
- </svg>
150
- <input
151
- checked={false}
152
- className="MuiPrivateSwitchBase-input-43"
153
- disabled={false}
154
- onChange={[Function]}
155
- type="radio"
156
- value="right"
157
- />
158
- </span>
159
- <span
160
- className="MuiTouchRipple-root-98"
161
- />
162
- </span>
163
- <span
164
- className="MuiTypography-root-62 MuiTypography-body1-71 MuiFormControlLabel-label-34 Component-label-27"
165
- >
166
- right
167
- </span>
168
- </label>
169
- </div>
170
- </div>
171
- `;
@@ -1,51 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`feedback-menu renders correctly 1`] = `
4
- <div>
5
- <div
6
- onClick={[Function]}
7
- >
8
- <button
9
- aria-label="Feedback disabled"
10
- className="MuiButtonBase-root-7 MuiIconButton-root-1"
11
- disabled={false}
12
- onBlur={[Function]}
13
- onContextMenu={[Function]}
14
- onFocus={[Function]}
15
- onKeyDown={[Function]}
16
- onKeyUp={[Function]}
17
- onMouseDown={[Function]}
18
- onMouseLeave={[Function]}
19
- onMouseUp={[Function]}
20
- onTouchEnd={[Function]}
21
- onTouchMove={[Function]}
22
- onTouchStart={[Function]}
23
- tabIndex="0"
24
- type="button"
25
- >
26
- <span
27
- className="MuiIconButton-label-6"
28
- >
29
- <svg
30
- aria-hidden="true"
31
- className="MuiSvgIcon-root-10 MuiSvgIcon-colorDisabled-15"
32
- focusable="false"
33
- role="presentation"
34
- viewBox="0 0 24 24"
35
- >
36
- <path
37
- d="M0 0h24v24H0z"
38
- fill="none"
39
- />
40
- <path
41
- d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z"
42
- />
43
- </svg>
44
- </span>
45
- <span
46
- className="MuiTouchRipple-root-23"
47
- />
48
- </button>
49
- </div>
50
- </div>
51
- `;