mui-language-picker 1.2.3 → 1.2.5

package/README.md

@@ -10,6 +10,12 @@ Complete information for [material-ui](https://mui.com/material-ui/).
 npm install mui-language-picker --save
 ```
 
+## Demo
+
+[Demo of mui-language-picker](https://giphy.com/embed/5OkWd7aMlxOClWuF0J) / [Same demo as a video](https://youtu.be/aviV8aEaNOo)
+
+see also: [demo repo](https://github.com/sillsdev/mui-language-picker-demo)
+
 ## Usage
 
 ### TypeScript React 18 code
@@ -20,7 +26,6 @@ import {
   ILanguagePickerStrings,
   languagePickerStrings_en,
   LangTag,
-  DisplayName,
 } from "mui-language-picker";
 
 const MyComponent = (props: any) => {
@@ -30,7 +35,7 @@ const MyComponent = (props: any) => {
   const [tag, setTag] = React.useState<LangTag>()
 
   const displayName = (name: string, tag?:LangTag) => {
-    return tag.localname || tag.name
+    return tag?.localname? `${tag?.localname} / ${name}`: tag?.name || name;
   }
 
   return (
@@ -120,7 +125,9 @@ export interface LangTag {
 ```
 
 ### Change control background
+
 If the theme involves using a dark background, the control background can be changed with css. See also [material-ui](https://mui.com/) documentation.
+
 ```css
 #LangBcp47 .MuiFilledInput-root {
   background-color: rgba(255, 255, 255, 0.9);

package/dist/LanguagePicker.js

@@ -108,6 +108,12 @@ var LanguagePicker = function (props) {
         setCurValue(value);
         setCurName(name);
         setCurFont(font);
+        if (setCode)
+            setCode(value);
+        if (setName)
+            setName(name);
+        if (setFont)
+            setFont(font);
         setTag(undefined);
         setDefaultScript('');
         setResponse('');
@@ -136,7 +142,7 @@ var LanguagePicker = function (props) {
         else {
             setResponse('');
         }
-        setOpen(false);
+        setTimeout(function () { return setOpen(false); }, 200);
     };
     var handleChange = function (e) {
         setResponse(e.target.value);

package/dist/index/LgExact.js

@@ -96,7 +96,6 @@ var _233_1 = require("./Exact/233");
 var _949_1 = require("./Exact/949");
 var _1601_1 = require("./Exact/1601");
 var _55354_1 = require("./Exact/55354");
-var NaN_1 = require("./Exact/NaN");
 var _1698_1 = require("./Exact/1698");
 var _4877_1 = require("./Exact/4877");
 var _1711_1 = require("./Exact/1711");
@@ -302,7 +301,6 @@ var hasExact = function (key) {
         case 949: return _949_1.f949.hasOwnProperty(key);
         case 1601: return _1601_1.f1601.hasOwnProperty(key);
         case 55354: return _55354_1.f55354.hasOwnProperty(key);
-        case NaN: return NaN_1.fNaN.hasOwnProperty(key);
         case 1698: return _1698_1.f1698.hasOwnProperty(key);
         case 4877: return _4877_1.f4877.hasOwnProperty(key);
         case 1711: return _1711_1.f1711.hasOwnProperty(key);
@@ -512,7 +510,6 @@ var getExact = function (key) {
         case 949: return _949_1.f949[key];
         case 1601: return _1601_1.f1601[key];
         case 55354: return _55354_1.f55354[key];
-        case NaN: return NaN_1.fNaN[key];
         case 1698: return _1698_1.f1698[key];
         case 4877: return _4877_1.f4877[key];
         case 1711: return _1711_1.f1711[key];
@@ -722,7 +719,6 @@ var hasPart = function (key) {
         case 949: return true;
         case 1601: return true;
         case 55354: return true;
-        case NaN: return true;
         case 1698: return true;
         case 4877: return true;
         case 1711: return true;
@@ -932,7 +928,6 @@ var getPart = function (key) {
         case 949: return _949_1.f949;
         case 1601: return _1601_1.f1601;
         case 55354: return _55354_1.f55354;
-        case NaN: return NaN_1.fNaN;
         case 1698: return _1698_1.f1698;
         case 4877: return _4877_1.f4877;
         case 1711: return _1711_1.f1711;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mui-language-picker",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "Material UI language picker",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/index/Exact/NaN.d.ts

@@ -1,2 +0,0 @@
-import { LangTagMap } from '../../langPicker/types';
-export declare const fNaN: LangTagMap;

package/dist/index/Exact/NaN.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fNaN = void 0;
-exports.fNaN = {
-    "": [
-        2470,
-        5824,
-        6295,
-        6805,
-        6806,
-        2764,
-        2765,
-        2766,
-        5834,
-        6234
-    ]
-};