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

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 (123) hide show
  1. package/CHANGELOG.md +19 -67
  2. package/lib/alert-dialog.js +35 -42
  3. package/lib/alert-dialog.js.map +1 -1
  4. package/lib/checkbox.js +56 -71
  5. package/lib/checkbox.js.map +1 -1
  6. package/lib/choice-configuration/feedback-menu.js +29 -64
  7. package/lib/choice-configuration/feedback-menu.js.map +1 -1
  8. package/lib/choice-configuration/index.js +202 -262
  9. package/lib/choice-configuration/index.js.map +1 -1
  10. package/lib/choice-utils.js +6 -18
  11. package/lib/choice-utils.js.map +1 -1
  12. package/lib/feedback-config/feedback-selector.js +79 -115
  13. package/lib/feedback-config/feedback-selector.js.map +1 -1
  14. package/lib/feedback-config/group.js +26 -40
  15. package/lib/feedback-config/group.js.map +1 -1
  16. package/lib/feedback-config/index.js +47 -90
  17. package/lib/feedback-config/index.js.map +1 -1
  18. package/lib/form-section.js +31 -33
  19. package/lib/form-section.js.map +1 -1
  20. package/lib/help.js +39 -80
  21. package/lib/help.js.map +1 -1
  22. package/lib/index.js +1 -31
  23. package/lib/index.js.map +1 -1
  24. package/lib/input.js +21 -54
  25. package/lib/input.js.map +1 -1
  26. package/lib/inputs.js +61 -95
  27. package/lib/inputs.js.map +1 -1
  28. package/lib/langs.js +58 -101
  29. package/lib/langs.js.map +1 -1
  30. package/lib/layout/config-layout.js +40 -70
  31. package/lib/layout/config-layout.js.map +1 -1
  32. package/lib/layout/index.js +0 -3
  33. package/lib/layout/index.js.map +1 -1
  34. package/lib/layout/layout-contents.js +72 -103
  35. package/lib/layout/layout-contents.js.map +1 -1
  36. package/lib/layout/settings-box.js +27 -56
  37. package/lib/layout/settings-box.js.map +1 -1
  38. package/lib/mui-box/index.js +41 -57
  39. package/lib/mui-box/index.js.map +1 -1
  40. package/lib/number-text-field-custom.js +79 -161
  41. package/lib/number-text-field-custom.js.map +1 -1
  42. package/lib/number-text-field.js +80 -114
  43. package/lib/number-text-field.js.map +1 -1
  44. package/lib/radio-with-label.js +30 -31
  45. package/lib/radio-with-label.js.map +1 -1
  46. package/lib/settings/display-size.js +16 -32
  47. package/lib/settings/display-size.js.map +1 -1
  48. package/lib/settings/index.js +14 -47
  49. package/lib/settings/index.js.map +1 -1
  50. package/lib/settings/panel.js +159 -229
  51. package/lib/settings/panel.js.map +1 -1
  52. package/lib/settings/settings-radio-label.js +28 -30
  53. package/lib/settings/settings-radio-label.js.map +1 -1
  54. package/lib/settings/toggle.js +35 -46
  55. package/lib/settings/toggle.js.map +1 -1
  56. package/lib/tabs/index.js +22 -57
  57. package/lib/tabs/index.js.map +1 -1
  58. package/lib/tags-input/index.js +50 -99
  59. package/lib/tags-input/index.js.map +1 -1
  60. package/lib/two-choice.js +46 -90
  61. package/lib/two-choice.js.map +1 -1
  62. package/lib/with-stateful-model.js +8 -31
  63. package/lib/with-stateful-model.js.map +1 -1
  64. package/package.json +12 -20
  65. package/src/__tests__/alert-dialog.test.jsx +283 -0
  66. package/src/__tests__/checkbox.test.jsx +249 -0
  67. package/src/__tests__/form-section.test.jsx +334 -0
  68. package/src/__tests__/help.test.jsx +184 -0
  69. package/src/__tests__/input.test.jsx +192 -0
  70. package/src/__tests__/langs.test.jsx +435 -15
  71. package/src/__tests__/number-text-field-custom.test.jsx +438 -0
  72. package/src/__tests__/number-text-field.test.jsx +295 -102
  73. package/src/__tests__/radio-with-label.test.jsx +259 -0
  74. package/src/__tests__/settings-panel.test.js +66 -83
  75. package/src/__tests__/settings.test.jsx +515 -0
  76. package/src/__tests__/tabs.test.jsx +193 -0
  77. package/src/__tests__/two-choice.test.js +104 -18
  78. package/src/__tests__/with-stateful-model.test.jsx +145 -0
  79. package/src/alert-dialog.jsx +21 -19
  80. package/src/checkbox.jsx +42 -46
  81. package/src/choice-configuration/__tests__/feedback-menu.test.jsx +157 -4
  82. package/src/choice-configuration/__tests__/index.test.jsx +198 -56
  83. package/src/choice-configuration/feedback-menu.jsx +6 -6
  84. package/src/choice-configuration/index.jsx +201 -203
  85. package/src/feedback-config/__tests__/feedback-config.test.jsx +130 -60
  86. package/src/feedback-config/__tests__/feedback-selector.test.jsx +81 -44
  87. package/src/feedback-config/feedback-selector.jsx +50 -55
  88. package/src/feedback-config/group.jsx +21 -22
  89. package/src/feedback-config/index.jsx +27 -29
  90. package/src/form-section.jsx +26 -18
  91. package/src/help.jsx +20 -28
  92. package/src/input.jsx +1 -1
  93. package/src/inputs.jsx +34 -50
  94. package/src/langs.jsx +41 -46
  95. package/src/layout/__tests__/config.layout.test.jsx +55 -38
  96. package/src/layout/config-layout.jsx +38 -32
  97. package/src/layout/layout-contents.jsx +38 -39
  98. package/src/layout/settings-box.jsx +16 -19
  99. package/src/mui-box/index.jsx +35 -43
  100. package/src/number-text-field-custom.jsx +30 -36
  101. package/src/number-text-field.jsx +45 -29
  102. package/src/radio-with-label.jsx +25 -13
  103. package/src/settings/display-size.jsx +12 -11
  104. package/src/settings/panel.jsx +97 -91
  105. package/src/settings/settings-radio-label.jsx +25 -13
  106. package/src/settings/toggle.jsx +30 -29
  107. package/src/tabs/index.jsx +8 -8
  108. package/src/tags-input/__tests__/index.test.jsx +88 -37
  109. package/src/tags-input/index.jsx +35 -38
  110. package/src/two-choice.jsx +15 -19
  111. package/esm/index.css +0 -847
  112. package/esm/index.js +0 -213950
  113. package/esm/index.js.map +0 -1
  114. package/esm/package.json +0 -3
  115. package/src/__tests__/__snapshots__/langs.test.jsx.snap +0 -32
  116. package/src/__tests__/__snapshots__/settings-panel.test.js.snap +0 -115
  117. package/src/__tests__/__snapshots__/two-choice.test.js.snap +0 -171
  118. package/src/choice-configuration/__tests__/__snapshots__/feedback-menu.test.jsx.snap +0 -51
  119. package/src/choice-configuration/__tests__/__snapshots__/index.test.jsx.snap +0 -519
  120. package/src/feedback-config/__tests__/__snapshots__/feedback-config.test.jsx.snap +0 -27
  121. package/src/feedback-config/__tests__/__snapshots__/feedback-selector.test.jsx.snap +0 -38
  122. package/src/layout/__tests__/__snapshots__/config.layout.test.jsx.snap +0 -59
  123. 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
- `;