@ethnolib/language-chooser-react-mui 0.0.12 → 0.0.14

package/index.mjs

@@ -309566,7 +309566,7 @@ function Fy(a, n, t, o) {
   }
   return o;
 }
-function rB(a, n) {
+function mB(a, n) {
   let t = sx(
     oz(a)
   );
@@ -312864,7 +312864,17 @@ function pz(a) {
       code: n.code
     };
 }
-const Pn = {
+const Tz = {
+  latn: "A B C D",
+  arab: "ا ب ت ث",
+  deva: "अ आ इ ई",
+  cyrl: "А Б В Г",
+  tibt: "ཀ ཁ ག གྷ",
+  ethi: "ሀ ሁ ሂ ሃ",
+  thai: "ก ข ค ฆ",
+  beng: "অ আ ই ঈ",
+  mymr: "က ခ ဂ ဃ"
+}, Pn = {
   white: "#FFFFFF",
   black: "#000000",
   error: "#DA1414",
@@ -312899,7 +312909,7 @@ const Pn = {
     }
   ) });
 };
-function Tz(a) {
+function kz(a) {
   const n = a.split(Ku), t = [];
   for (const o of n) {
     const r = o.split(Zu);
@@ -312910,11 +312920,11 @@ function Tz(a) {
   return t;
 }
 const to = ({ children: a, ...n }) => {
-  const t = Tz(a || "");
+  const t = kz(a || "");
   return /* @__PURE__ */ An(Re, { ...n, children: [
     ...t
   ] });
-}, kz = ", ", Nz = A_(({ languageCardData: a, ...n }) => {
+}, Nz = ", ", vz = A_(({ languageCardData: a, ...n }) => {
   var o;
   const t = {
     ...n,
@@ -312993,11 +313003,11 @@ const to = ({ children: a, ...n }) => {
             text-wrap: balance;
             color: ${Pn.greys[3]};
           `,
-        children: a.names.join(kz)
+        children: a.names.join(Nz)
       }
     )
   ] });
-}), vz = ({ scriptData: a, ...n }) => {
+}), Sz = ({ scriptData: a, ...n }) => {
   const t = {
     ...n,
     backgroundColorWhenNotSelected: Pn.white,
@@ -313012,7 +313022,7 @@ const to = ({ children: a, ...n }) => {
         css: za`
           color: ${Pn.greys[3]};
         `,
-        children: "TODO sample text here"
+        children: Tz[a.code.toLowerCase()] || ""
       }
     )
   ] });
@@ -313029,7 +313039,7 @@ const to = ({ children: a, ...n }) => {
 function Ru(a) {
   return Vt(a.iso639_3_code, gm);
 }
-function Sz(a) {
+function _z(a) {
   var n, t, o, r, l;
   return zu({
     languageCode: (n = a.language) == null ? void 0 : n.languageSubtag,
@@ -313038,7 +313048,7 @@ function Sz(a) {
     dialectCode: (l = a.customDetails) == null ? void 0 : l.dialect
   });
 }
-function _z(a) {
+function fz(a) {
   const n = a.split(/-[xX]-/), t = n[1], r = n[0].split("-"), l = r.shift();
   let g;
   if (Vt(
@@ -313065,7 +313075,7 @@ function _z(a) {
     }
   };
 }
-const fz = (a) => {
+const wz = (a) => {
   var C, T;
   const [n, t] = io(""), [o, r] = io(), [l, g] = io(), u = {
     displayName: void 0,
@@ -313076,12 +313086,12 @@ const fz = (a) => {
     L(u);
   }
   const b = !!o && // either a script is selected or there are no scripts for the selected language
-  (!!l || ((C = o.scripts) == null ? void 0 : C.length) === 0) && // if unlisted language, name and country are required
+  (!!l || ((C = o == null ? void 0 : o.scripts) == null ? void 0 : C.length) === 0) && // if unlisted language, name and country are required
   (!Ru || d.dialect !== "" && ((T = d.region) == null ? void 0 : T.name) !== ""), p = I_(() => !n || n.length < 2 ? [] : S(n, a), [n]);
   function f(D) {
     var E;
     r(void 0), g(void 0), y();
-    const A = _z(D);
+    const A = fz(D);
     A && (M(((E = A.language) == null ? void 0 : E.languageSubtag) || ""), r(A.language), N(
       A.customDetails || {},
       A.script
@@ -313128,23 +313138,23 @@ const fz = (a) => {
     resetTo: f
   };
 };
-var Uu = {}, wz = Hs;
+var Uu = {}, Mz = Hs;
 Object.defineProperty(Uu, "__esModule", {
   value: !0
 });
-var ux = Uu.default = void 0, Mz = wz(Bo()), Cz = _o;
-ux = Uu.default = (0, Mz.default)(/* @__PURE__ */ (0, Cz.jsx)("path", {
+var ux = Uu.default = void 0, Cz = Mz(Bo()), Gz = _o;
+ux = Uu.default = (0, Cz.default)(/* @__PURE__ */ (0, Gz.jsx)("path", {
   d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
 }), "Edit");
-var Eu = {}, Gz = Hs;
+var Eu = {}, Pz = Hs;
 Object.defineProperty(Eu, "__esModule", {
   value: !0
 });
-var cx = Eu.default = void 0, Pz = Gz(Bo()), Az = _o;
-cx = Eu.default = (0, Pz.default)(/* @__PURE__ */ (0, Az.jsx)("path", {
+var cx = Eu.default = void 0, Az = Pz(Bo()), Iz = _o;
+cx = Eu.default = (0, Az.default)(/* @__PURE__ */ (0, Iz.jsx)("path", {
   d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
 }), "InfoOutlined");
-const Iz = ({
+const Dz = ({
   currentTagPreview: a,
   forUnlistedLanguage: n,
   ...t
@@ -313239,12 +313249,12 @@ const Iz = ({
     ]
   }
 );
-var qu = {}, Dz = Hs;
+var qu = {}, jz = Hs;
 Object.defineProperty(qu, "__esModule", {
   value: !0
 });
-var dx = qu.default = void 0, jz = Dz(Bo()), zz = _o;
-dx = qu.default = (0, jz.default)(/* @__PURE__ */ (0, zz.jsx)("path", {
+var dx = qu.default = void 0, zz = jz(Bo()), Bz = _o;
+dx = qu.default = (0, zz.default)(/* @__PURE__ */ (0, Bz.jsx)("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"
 }), "Info");
 const So = ({ label: a, required: n, ...t }) => /* @__PURE__ */ ja(
@@ -313296,19 +313306,19 @@ const So = ({ label: a, required: n, ...t }) => /* @__PURE__ */ ja(
     }
   )
 ] });
-function Bz() {
+function Kz() {
   return hz().map((a) => ({
     label: a.name,
     id: a.code
   }));
 }
-function Kz() {
+function Zz() {
   return xz().map((a) => ({
     label: a.name,
     id: a.code
   }));
 }
-const Zz = (a) => {
+const Rz = (a) => {
   var y;
   const n = !a.selectedLanguage || Ru(a.selectedLanguage), t = _.useMemo(() => ({ label: "", id: "" }), []), [o, r] = _.useState(t), [l, g] = _.useState(t), [u, d] = _.useState(""), L = !n || u !== "" && l.label !== "";
   return _.useEffect(() => {
@@ -313418,7 +313428,7 @@ const Zz = (a) => {
                     },
                     disablePortal: !0,
                     id: "combo-box-language-chooser-react-mui",
-                    options: Kz(),
+                    options: Zz(),
                     renderInput: (b) => /* @__PURE__ */ ja(rm, { ...b, id: "customize-script-field" }),
                     size: "small"
                   }
@@ -313442,7 +313452,7 @@ const Zz = (a) => {
                     },
                     disablePortal: !0,
                     id: "combo-box-language-chooser-react-mui",
-                    options: Bz(),
+                    options: Kz(),
                     renderInput: (b) => /* @__PURE__ */ ja(rm, { ...b, id: "customize-region-field" }),
                     size: "small"
                   }
@@ -313561,14 +313571,14 @@ var hs = {}, Um = {};
 Object.defineProperty(Um, "__esModule", {
   value: !0
 });
-Um.on = Rz;
-Um.off = Uz;
-function Rz(a, n, t, o) {
+Um.on = Uz;
+Um.off = Ez;
+function Uz(a, n, t, o) {
   o = o || !1, a.addEventListener ? a.addEventListener(n, t, o) : a.attachEvent && a.attachEvent("on" + n, function(r) {
     t.call(a, r || window.event);
   });
 }
-function Uz(a, n, t, o) {
+function Ez(a, n, t, o) {
   o = o || !1, a.removeEventListener ? a.removeEventListener(n, t, o) : a.detachEvent && a.detachEvent("on" + n, t);
 }
 var Hu = {};
@@ -313596,8 +313606,8 @@ var Ou = {};
 Object.defineProperty(Ou, "__esModule", {
   value: !0
 });
-Ou.default = Ez;
-function Ez(a, n, t) {
+Ou.default = qz;
+function qz(a, n, t) {
   var o = void 0, r = void 0, l = void 0, g = void 0, u = void 0, d = function L() {
     var y = +/* @__PURE__ */ new Date() - g;
     y < n && y >= 0 ? o = setTimeout(L, n - y) : (o = null, t || (u = a.apply(l, r), o || (l = null, r = null)));
@@ -313612,8 +313622,8 @@ var Wu = {};
 Object.defineProperty(Wu, "__esModule", {
   value: !0
 });
-Wu.default = qz;
-function qz(a, n, t) {
+Wu.default = Hz;
+function Hz(a, n, t) {
   n || (n = 250);
   var o, r;
   return function() {
@@ -313637,7 +313647,7 @@ var Lx = /* @__PURE__ */ function() {
   return function(n, t, o) {
     return t && a(n.prototype, t), o && a(n, o), n;
   };
-}(), Yu = xt, um = Ko(Yu), Hz = hh, Gn = Ko(Hz), di = Um, Oz = Hu, Hg = Ko(Oz), Wz = Ou, Yz = Ko(Wz), Fz = Wu, Xz = Ko(Fz);
+}(), Yu = xt, um = Ko(Yu), Oz = hh, Gn = Ko(Oz), di = Um, Wz = Hu, Hg = Ko(Wz), Yz = Ou, Fz = Ko(Yz), Xz = Wu, Vz = Ko(Xz);
 function Ko(a) {
   return a && a.__esModule ? a : { default: a };
 }
@@ -313664,15 +313674,15 @@ var Gt = {
   height: 0
 }, so = "data-lazyload-listened", bt = [], Og = [], xx = !1;
 try {
-  var Vz = Object.defineProperty({}, "passive", {
+  var Jz = Object.defineProperty({}, "passive", {
     get: function() {
       xx = !0;
     }
   });
-  window.addEventListener("test", null, Vz);
+  window.addEventListener("test", null, Jz);
 } catch {
 }
-var cs = xx ? { capture: !1, passive: !0 } : !1, Jz = function(n, t) {
+var cs = xx ? { capture: !1, passive: !0 } : !1, $z = function(n, t) {
   var o = n.ref, r = void 0, l = void 0, g = void 0, u = void 0;
   try {
     var d = t.getBoundingClientRect();
@@ -313689,7 +313699,7 @@ var cs = xx ? { capture: !1, passive: !0 } : !1, Jz = function(n, t) {
   }
   var C = S - b, T = w - p, D = Array.isArray(n.props.offset) ? n.props.offset : [n.props.offset, n.props.offset];
   return C - D[0] <= f && C + P + D[1] >= 0 && T - D[0] <= N && T + j + D[1] >= 0;
-}, $z = function(n) {
+}, Qz = function(n) {
   var t = n.ref;
   if (!(t.offsetWidth || t.offsetHeight || t.getClientRects().length)) return !1;
   var o = void 0, r = void 0;
@@ -313704,7 +313714,7 @@ var cs = xx ? { capture: !1, passive: !0 } : !1, Jz = function(n, t) {
 }, px = function(n) {
   var t = n.ref;
   if (t instanceof HTMLElement) {
-    var o = (0, Hg.default)(t), r = n.props.overflow && o !== t.ownerDocument && o !== document && o !== document.documentElement, l = r ? Jz(n, o) : $z(n);
+    var o = (0, Hg.default)(t), r = n.props.overflow && o !== t.ownerDocument && o !== document && o !== document.documentElement, l = r ? $z(n, o) : Qz(n);
     l ? n.visible || (n.props.once && Og.push(n), n.visible = !0, n.forceUpdate()) : n.props.once && n.visible || (n.visible = !1, n.props.unmountIfInvisible && n.forceUpdate());
   }
 }, Tx = function() {
@@ -313718,13 +313728,13 @@ var cs = xx ? { capture: !1, passive: !0 } : !1, Jz = function(n, t) {
     px(t);
   }
   Tx();
-}, Qz = function() {
+}, aB = function() {
   for (var n = 0; n < bt.length; ++n) {
     var t = bt[n];
     t.visible = !0, t.forceUpdate();
   }
   Tx();
-}, Kr = void 0, Ae = null, aB = function(n) {
+}, Kr = void 0, Ae = null, nB = function(n) {
   return typeof n == "string";
 }, Em = function(a) {
   bx(n, a);
@@ -313737,9 +313747,9 @@ var cs = xx ? { capture: !1, passive: !0 } : !1, Jz = function(n, t) {
     key: "componentDidMount",
     value: function() {
       var o = window, r = this.props.scrollContainer;
-      r && aB(r) && (o = o.document.querySelector(r));
+      r && nB(r) && (o = o.document.querySelector(r));
       var l = this.props.debounce !== void 0 && Kr === "throttle" || Kr === "debounce" && this.props.debounce === void 0;
-      if (l && ((0, di.off)(o, "scroll", Ae, cs), (0, di.off)(window, "resize", Ae, cs), Ae = null), Ae || (this.props.debounce !== void 0 ? (Ae = (0, Yz.default)(Fr, typeof this.props.debounce == "number" ? this.props.debounce : 300), Kr = "debounce") : this.props.throttle !== void 0 ? (Ae = (0, Xz.default)(Fr, typeof this.props.throttle == "number" ? this.props.throttle : 300), Kr = "throttle") : Ae = Fr), this.props.overflow) {
+      if (l && ((0, di.off)(o, "scroll", Ae, cs), (0, di.off)(window, "resize", Ae, cs), Ae = null), Ae || (this.props.debounce !== void 0 ? (Ae = (0, Fz.default)(Fr, typeof this.props.debounce == "number" ? this.props.debounce : 300), Kr = "debounce") : this.props.throttle !== void 0 ? (Ae = (0, Vz.default)(Fr, typeof this.props.throttle == "number" ? this.props.throttle : 300), Kr = "throttle") : Ae = Fr), this.props.overflow) {
         var g = (0, Hg.default)(this.ref);
         if (g && typeof g.getAttribute == "function") {
           var u = 1 + +g.getAttribute(so);
@@ -313816,9 +313826,9 @@ Em.defaultProps = {
   scroll: !0,
   unmountIfInvisible: !1
 };
-var nB = function(n) {
+var eB = function(n) {
   return n.displayName || n.name || "Component";
-}, eB = function() {
+}, tB = function() {
   var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return function(o) {
     return function(r) {
@@ -313826,7 +313836,7 @@ var nB = function(n) {
       function l() {
         yx(this, l);
         var g = hx(this, (l.__proto__ || Object.getPrototypeOf(l)).call(this));
-        return g.displayName = "LazyLoad" + nB(o), g;
+        return g.displayName = "LazyLoad" + eB(o), g;
       }
       return Lx(l, [{
         key: "render",
@@ -313841,13 +313851,13 @@ var nB = function(n) {
     }(Yu.Component);
   };
 };
-hs.lazyload = eB;
-var tB = hs.default = Em;
+hs.lazyload = tB;
+var sB = hs.default = Em;
 hs.forceCheck = Fr;
-hs.forceVisible = Qz;
-const mB = (a) => {
+hs.forceVisible = aB;
+const lB = (a) => {
   var L, y, b, p, f;
-  const n = fz(a.searchResultModifier);
+  const n = wz(a.searchResultModifier);
   D_(() => {
     n.resetTo(a.initialLanguageTag || "");
   }, []);
@@ -314039,13 +314049,13 @@ const mB = (a) => {
                         children: n.languageData.map((N, S) => {
                           var w, P;
                           return /* @__PURE__ */ Zn(
-                            tB,
+                            sB,
                             {
                               height: d,
                               overflow: !0,
                               children: [
                                 /* @__PURE__ */ ja(
-                                  Nz,
+                                  vz,
                                   {
                                     css: za`
                         min-height: ${d};
@@ -314084,7 +314094,7 @@ const mB = (a) => {
                                   width: fit-content;
                                 `,
                                           children: /* @__PURE__ */ ja(
-                                            vz,
+                                            Sz,
                                             {
                                               css: za`
                                     min-width: 100px;
@@ -314111,7 +314121,7 @@ const mB = (a) => {
                       }
                     ),
                     /* @__PURE__ */ ja("div", { id: "bottom-of-left-pane", children: /* @__PURE__ */ ja(
-                      Iz,
+                      Dz,
                       {
                         currentTagPreview: r,
                         forUnlistedLanguage: !n.selectedLanguage || Ru(n.selectedLanguage),
@@ -314220,7 +314230,7 @@ const mB = (a) => {
                                   });
                                   a.onClose(
                                     N,
-                                    Sz(N)
+                                    _z(N)
                                   );
                                 },
                                 children: "OK"
@@ -314249,7 +314259,7 @@ const mB = (a) => {
           }
         ),
         /* @__PURE__ */ ja(
-          Zz,
+          Rz,
           {
             open: t,
             selectedLanguage: n.selectedLanguage,
@@ -314266,9 +314276,9 @@ const mB = (a) => {
   ) });
 };
 export {
-  mB as LanguageChooser,
+  lB as LanguageChooser,
   zu as createTag,
-  Sz as createTagFromOrthography,
-  rB as defaultSearchResultModifier,
+  _z as createTagFromOrthography,
+  mB as defaultSearchResultModifier,
   Ru as isUnlistedLanguage
 };

package/package.json

@@ -3,7 +3,7 @@
   "description": "A language chooser React component using MUI",
   "author": "SIL Global",
   "license": "MIT",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -14,17 +14,13 @@
     "typecheck": "tsc",
     "prebuild": "npm run typecheck",
     "build": "nx vite:build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "nx vite:preview"
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
   },
-  "bundledDependencies": [
-    "@ethnolib/language-chooser-react-hook"
-  ],
   "dependencies": {
     "lodash": "^4.17.21",
     "react-lazyload": "^3.2.1",
-    "@ethnolib/find-language": "0.0.7",
-    "@ethnolib/language-chooser-react-hook": "0.0.0"
+    "@ethnolib/find-language": "0.0.9",
+    "@ethnolib/language-chooser-react-hook": "0.0.2"
   },
   "devDependencies": {
     "@nx/storybook": "^19.8.0",