@pie-lib/config-ui 11.9.25-next.0 → 11.10.0-beta.2

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.9.24](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.23...@pie-lib/config-ui@11.9.24) (2023-10-26)
+# [11.10.0-beta.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.24...@pie-lib/config-ui@11.10.0-beta.2) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [11.9.23](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.22...@pie-lib/config-ui@11.9.23) (2023-10-16)
+# [11.10.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.24...@pie-lib/config-ui@11.10.0-beta.1) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
@@ -19,18 +19,15 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [11.9.22](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.21...@pie-lib/config-ui@11.9.22) (2023-10-16)
-
-
-### Bug Fixes
+# [11.10.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.24...@pie-lib/config-ui@11.10.0-beta.1) (2025-07-20)
 
-* **config-ui:** pd-3018 avoid scrolling for math editor ([843ba90](https://github.com/pie-framework/pie-lib/commit/843ba9099d75ec6a281985360b7d76c76e5e910d))
+**Note:** Version bump only for package @pie-lib/config-ui
 
 
 
 
 
-## [11.9.21](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.20...@pie-lib/config-ui@11.9.21) (2023-10-03)
+# [11.10.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.24...@pie-lib/config-ui@11.10.0-beta.0) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
@@ -38,217 +35,134 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [11.9.20](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.19...@pie-lib/config-ui@11.9.20) (2023-10-01)
+# [11.11.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.24...@pie-lib/config-ui@11.11.0-beta.0) (2025-07-15)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
+# [11.10.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.24...@pie-lib/config-ui@11.10.0-beta.0) (2025-07-15)
 
+**Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-## [11.9.19](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.18...@pie-lib/config-ui@11.9.19) (2023-09-27)
+## [11.9.23](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.22...@pie-lib/config-ui@11.9.23) (2023-10-16)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
+## [11.9.22](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.21...@pie-lib/config-ui@11.9.22) (2023-10-16)
 
+### Bug Fixes
 
+- **config-ui:** pd-3018 avoid scrolling for math editor ([843ba90](https://github.com/pie-framework/pie-lib/commit/843ba9099d75ec6a281985360b7d76c76e5e910d))
 
-
-## [11.9.18](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.17...@pie-lib/config-ui@11.9.18) (2023-09-27)
+## [11.9.21](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.20...@pie-lib/config-ui@11.9.21) (2023-10-03)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
+## [11.9.20](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.19...@pie-lib/config-ui@11.9.20) (2023-10-01)
 
+**Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-## [11.9.17](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.16...@pie-lib/config-ui@11.9.17) (2023-09-27)
+## [11.9.19](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.18...@pie-lib/config-ui@11.9.19) (2023-09-27)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
+## [11.9.18](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.17...@pie-lib/config-ui@11.9.18) (2023-09-27)
 
+**Note:** Version bump only for package @pie-lib/config-ui
 
+## [11.9.17](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.16...@pie-lib/config-ui@11.9.17) (2023-09-27)
 
+**Note:** Version bump only for package @pie-lib/config-ui
 
 ## [11.9.16](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.15...@pie-lib/config-ui@11.9.16) (2023-09-26)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.15](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.14...@pie-lib/config-ui@11.9.15) (2023-09-25)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.14](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.13...@pie-lib/config-ui@11.9.14) (2023-09-20)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.13](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.12...@pie-lib/config-ui@11.9.13) (2023-09-20)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.12](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.11...@pie-lib/config-ui@11.9.12) (2023-09-18)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.11](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.10...@pie-lib/config-ui@11.9.11) (2023-09-14)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.10](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.9...@pie-lib/config-ui@11.9.10) (2023-09-14)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.9](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.8...@pie-lib/config-ui@11.9.9) (2023-09-14)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.7...@pie-lib/config-ui@11.9.8) (2023-09-05)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.6...@pie-lib/config-ui@11.9.7) (2023-09-02)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.5...@pie-lib/config-ui@11.9.6) (2023-09-02)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.4...@pie-lib/config-ui@11.9.5) (2023-08-30)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.3...@pie-lib/config-ui@11.9.4) (2023-08-21)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.2...@pie-lib/config-ui@11.9.3) (2023-08-21)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.1...@pie-lib/config-ui@11.9.2) (2023-08-15)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.9.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.0...@pie-lib/config-ui@11.9.1) (2023-08-07)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 # [11.9.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.8.6...@pie-lib/config-ui@11.9.0) (2023-07-31)
 
-
 ### Features
 
-* **config-ui:** add error support for checkboxes PD-2916 ([17b1f07](https://github.com/pie-framework/pie-lib/commit/17b1f07a5b57131663a162e7ba0ab76358e9bbe9))
-
-
-
-
+- **config-ui:** add error support for checkboxes PD-2916 ([17b1f07](https://github.com/pie-framework/pie-lib/commit/17b1f07a5b57131663a162e7ba0ab76358e9bbe9))
 
 ## [11.8.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.8.5...@pie-lib/config-ui@11.8.6) (2023-07-24)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.8.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.8.4...@pie-lib/config-ui@11.8.5) (2023-07-04)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.8.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.8.3...@pie-lib/config-ui@11.8.4) (2023-06-24)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.8.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.8.2...@pie-lib/config-ui@11.8.3) (2023-06-23)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.8.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.8.1...@pie-lib/config-ui@11.8.2) (2023-06-13)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
-
-
-
-
 ## [11.8.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.8.0...@pie-lib/config-ui@11.8.1) (2023-06-12)
 
 **Note:** Version bump only for package @pie-lib/config-ui

package/NEXT.CHANGELOG.json

@@ -0,0 +1 @@
+[]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "11.9.25-next.0+30707508",
+  "version": "11.10.0-beta.2",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {
@@ -10,12 +10,15 @@
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/editable-html": "^11.1.2-next.0+30707508",
-    "@pie-lib/icons": "^2.4.43",
-    "@pie-lib/render-ui": "^4.15.9",
+    "@pie-lib/editable-html": "beta",
+    "@pie-lib/icons": "beta",
+    "@pie-lib/render-ui": "beta",
+    "assert": "^1.4.1",
     "classnames": "^2.2.6",
+    "complex.js": "2.1.1",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
+    "mathjs": "^7.0.1",
     "prop-types": "^15.6.2",
     "react-measure": "^2.2.2"
   },
@@ -26,5 +29,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "30707508d803994b5af7f1d82940c3442f3a3f89"
+  "gitHead": "e2aa3ddac60f49bcb8c2562370f496323642f453"
 }

package/src/__tests__/__snapshots__/langs.test.jsx.snap

@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`langs snapshot renders 1`] = `
+<div>
+  <WithStyles(FormControl)>
+    <WithStyles(WithFormControlContext(InputLabel))
+      htmlFor="1"
+    />
+    <WithStyles(WithFormControlContext(Select))
+      input={
+        <WithStyles(Input)
+          id="1"
+        />
+      }
+      onChange={[Function]}
+    >
+      <WithStyles(MenuItem)
+        key="0"
+        value="en-US"
+      >
+        en-US
+      </WithStyles(MenuItem)>
+      <WithStyles(MenuItem)
+        key="1"
+        value="es-ES"
+      >
+        es-ES
+      </WithStyles(MenuItem)>
+    </WithStyles(WithFormControlContext(Select))>
+  </WithStyles(FormControl)>
+</div>
+`;

package/src/__tests__/__snapshots__/settings-panel.test.js.snap

@@ -0,0 +1,115 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Settings Panel snapshot does not render radio buttons 1`] = `
+<div>
+  <WithStyles(Component)
+    configuration={
+      Object {
+        "editChoiceLabel": false,
+        "orientationLabel": "Orientation",
+        "settingsOrientation": true,
+      }
+    }
+    group={
+      Object {
+        "choiceAreaLayout": false,
+        "editChoiceLabel": Object {
+          "isConfigProperty": true,
+          "label": "Edit choice label",
+          "type": "toggle",
+        },
+      }
+    }
+    key="Group 1"
+    label="Group 1"
+    model={
+      Object {
+        "choiceAreaLayout": "vertical",
+      }
+    }
+    onChange={[Function]}
+  />
+</div>
+`;
+
+exports[`Settings Panel snapshot renders 1`] = `
+<div>
+  <WithStyles(Component)
+    configuration={
+      Object {
+        "editChoiceLabel": false,
+        "orientationLabel": "Orientation",
+        "settingsOrientation": true,
+      }
+    }
+    group={
+      Object {
+        "choiceAreaLayout": Object {
+          "choices": Array [
+            Object {
+              "label": "opt1",
+              "value": "opt1",
+            },
+            Object {
+              "label": "opt2",
+              "value": "opt2",
+            },
+          ],
+          "equationEditor": Object {
+            "choices": Array [
+              "geometry",
+              "advanced-algebra",
+              "statistics",
+              "miscellaneous",
+            ],
+            "isConfigProperty": false,
+            "label": "Dropdown",
+            "type": "dropdown",
+          },
+          "graph": Object {
+            "fields": Object {
+              "domain": Object {
+                "isConfigProperty": false,
+                "label": "Domain",
+                "suffix": "px",
+                "type": "numberField",
+              },
+              "range": Object {
+                "isConfigProperty": false,
+                "label": "Range",
+                "suffix": "px",
+                "type": "numberField",
+              },
+              "width": Object {
+                "isConfigProperty": false,
+                "label": "Width",
+                "max": 250,
+                "min": 50,
+                "suffix": "px",
+                "type": "numberField",
+              },
+            },
+            "label": "Graph Display Size",
+            "type": "numberFields",
+          },
+          "label": "Orientation",
+          "type": "radio",
+        },
+        "editChoiceLabel": Object {
+          "isConfigProperty": true,
+          "label": "Edit choice label",
+          "type": "toggle",
+        },
+      }
+    }
+    key="Group 1"
+    label="Group 1"
+    model={
+      Object {
+        "choiceAreaLayout": "vertical",
+      }
+    }
+    onChange={[Function]}
+  />
+</div>
+`;

package/src/__tests__/__snapshots__/two-choice.test.js.snap

@@ -0,0 +1,171 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NChoice renders n choice radio buttons vertical correctly 1`] = `
+<div
+  className="MuiFormControl-root-5 RawInputContainer-formControl-3"
+>
+  <label
+    className="MuiFormLabel-root-20 MuiInputLabel-root-9 MuiInputLabel-formControl-14 MuiInputLabel-animated-17 MuiInputLabel-shrink-16 RawInputContainer-label-4"
+    data-shrink={true}
+  >
+    n-choice-vertical
+  </label>
+  <div
+    className="RawNChoice-group-1 RawNChoice-vertical-2"
+  >
+    <label
+      className="MuiFormControlLabel-root-29"
+    >
+      <span
+        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"
+        onBlur={[Function]}
+        onContextMenu={[Function]}
+        onFocus={[Function]}
+        onKeyDown={[Function]}
+        onKeyUp={[Function]}
+        onMouseDown={[Function]}
+        onMouseLeave={[Function]}
+        onMouseUp={[Function]}
+        onTouchEnd={[Function]}
+        onTouchMove={[Function]}
+        onTouchStart={[Function]}
+        tabIndex={null}
+      >
+        <span
+          className="MuiIconButton-label-49"
+        >
+          <svg
+            aria-hidden="true"
+            className="MuiSvgIcon-root-53"
+            focusable="false"
+            role="presentation"
+            viewBox="0 0 24 24"
+          >
+            <path
+              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"
+            />
+          </svg>
+          <input
+            checked={true}
+            className="MuiPrivateSwitchBase-input-43"
+            disabled={false}
+            onChange={[Function]}
+            type="radio"
+            value="left"
+          />
+        </span>
+        <span
+          className="MuiTouchRipple-root-98"
+        />
+      </span>
+      <span
+        className="MuiTypography-root-62 MuiTypography-body1-71 MuiFormControlLabel-label-34 Component-label-27"
+      >
+        left
+      </span>
+    </label>
+    <label
+      className="MuiFormControlLabel-root-29"
+    >
+      <span
+        className="MuiButtonBase-root-50 MuiIconButton-root-44 MuiPrivateSwitchBase-root-40 MuiRadio-root-35 MuiRadio-colorSecondary-39 Component-customColor-28"
+        onBlur={[Function]}
+        onContextMenu={[Function]}
+        onFocus={[Function]}
+        onKeyDown={[Function]}
+        onKeyUp={[Function]}
+        onMouseDown={[Function]}
+        onMouseLeave={[Function]}
+        onMouseUp={[Function]}
+        onTouchEnd={[Function]}
+        onTouchMove={[Function]}
+        onTouchStart={[Function]}
+        tabIndex={null}
+      >
+        <span
+          className="MuiIconButton-label-49"
+        >
+          <svg
+            aria-hidden="true"
+            className="MuiSvgIcon-root-53"
+            focusable="false"
+            role="presentation"
+            viewBox="0 0 24 24"
+          >
+            <path
+              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"
+            />
+          </svg>
+          <input
+            checked={false}
+            className="MuiPrivateSwitchBase-input-43"
+            disabled={false}
+            onChange={[Function]}
+            type="radio"
+            value="center"
+          />
+        </span>
+        <span
+          className="MuiTouchRipple-root-98"
+        />
+      </span>
+      <span
+        className="MuiTypography-root-62 MuiTypography-body1-71 MuiFormControlLabel-label-34 Component-label-27"
+      >
+        center
+      </span>
+    </label>
+    <label
+      className="MuiFormControlLabel-root-29"
+    >
+      <span
+        className="MuiButtonBase-root-50 MuiIconButton-root-44 MuiPrivateSwitchBase-root-40 MuiRadio-root-35 MuiRadio-colorSecondary-39 Component-customColor-28"
+        onBlur={[Function]}
+        onContextMenu={[Function]}
+        onFocus={[Function]}
+        onKeyDown={[Function]}
+        onKeyUp={[Function]}
+        onMouseDown={[Function]}
+        onMouseLeave={[Function]}
+        onMouseUp={[Function]}
+        onTouchEnd={[Function]}
+        onTouchMove={[Function]}
+        onTouchStart={[Function]}
+        tabIndex={null}
+      >
+        <span
+          className="MuiIconButton-label-49"
+        >
+          <svg
+            aria-hidden="true"
+            className="MuiSvgIcon-root-53"
+            focusable="false"
+            role="presentation"
+            viewBox="0 0 24 24"
+          >
+            <path
+              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"
+            />
+          </svg>
+          <input
+            checked={false}
+            className="MuiPrivateSwitchBase-input-43"
+            disabled={false}
+            onChange={[Function]}
+            type="radio"
+            value="right"
+          />
+        </span>
+        <span
+          className="MuiTouchRipple-root-98"
+        />
+      </span>
+      <span
+        className="MuiTypography-root-62 MuiTypography-body1-71 MuiFormControlLabel-label-34 Component-label-27"
+      >
+        right
+      </span>
+    </label>
+  </div>
+</div>
+`;

package/src/__tests__/choice-utils.test.js

@@ -0,0 +1,12 @@
+import { firstAvailableIndex } from '../choice-utils';
+
+describe('firstAvailableIndex', () => {
+  const assert = (values, index, expected) => {
+    it(`[${values.join(',')}], ${index} ==> ${expected}`, () => {
+      expect(firstAvailableIndex(['0'], 0)).toEqual('1');
+    });
+  };
+  assert(['0'], 0, '1');
+  assert(['0', '1', '2'], 0, '3');
+  assert(['0', '1', '2'], 100, '100');
+});

package/src/__tests__/langs.test.jsx

@@ -0,0 +1,37 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+import { RawLangs } from '../langs';
+
+describe('langs', () => {
+  let onChange;
+  const wrapper = (extras) => {
+    const defaults = {
+      uid: '1',
+      onChange,
+      classes: {},
+      langs: ['en-US', 'es-ES'],
+    };
+    const props = { ...defaults, ...extras };
+    return shallow(<RawLangs {...props} />);
+  };
+
+  beforeEach(() => {
+    onChange = jest.fn();
+  });
+
+  describe('snapshot', () => {
+    it('renders', () => {
+      expect(wrapper()).toMatchSnapshot();
+    });
+  });
+
+  describe('logic', () => {
+    describe('choose', () => {
+      it('calls onChange', () => {
+        const w = wrapper();
+        w.instance().choose({ target: { value: 'en-US' } });
+        expect(onChange).toBeCalledWith('en-US');
+      });
+    });
+  });
+});