@diplodoc/client 4.1.4 → 4.2.0

package/build/server/vendor.js

@@ -2197,7 +2197,6 @@ var constants = __webpack_require__(53816);
 
 
 
-
 var LangControl_b = (0,lib["default"])("dc-lang-control");
 var LangControl_LIST_ITEM_HEIGHT = 36;
 var LangControl = (props) => {
@@ -2214,31 +2213,58 @@ var LangControl = (props) => {
   const popupState = (0,usePopupState/* .usePopupState */.o)();
   const langItems = (0,react.useMemo)(() => {
     const preparedLangs = langs.map((code) => {
-      const langData = langs_default().where("1", code);
-      const lang2 = (langData == null ? void 0 : langData["1"]) || models/* .Lang.En */.Uo.En;
-      const disabled = isLangDisabled(lang2);
+      let lang2;
+      let tld;
+      let href;
+      if (typeof code === "string") {
+        lang2 = code;
+      } else {
+        lang2 = code.lang;
+        tld = code.tld;
+        href = code.href;
+      }
+      const locale = lang2.split("-")[0];
+      const langData = langs_default().where("1", locale);
+      const disabled = isLangDisabled(lang2) && !href;
+      const regionNames = new Intl.DisplayNames([lang2], { type: "region" });
+      const country = tld ? regionNames.of(tld.toUpperCase()) : void 0;
       return langData ? {
         text: langData.local,
+        country,
         value: lang2,
-        disabled
+        disabled,
+        options: {
+          tld,
+          href
+        }
       } : void 0;
     }).filter(Boolean);
     return preparedLangs.length ? preparedLangs : constants/* .LEGACY_LANG_ITEMS */.Yl;
   }, [langs, isLangDisabled]);
   const renderItem = (0,react.useCallback)(
     (item) => {
-      const disabled = isLangDisabled(item.value);
-      return /* @__PURE__ */ react.createElement("button", { className: LangControl_b("list-item", { disabled }), disabled }, item.text);
+      const { tld, href } = item.options || {};
+      const disabled = isLangDisabled(item.value) && !href;
+      const country = item.country;
+      return /* @__PURE__ */ react.createElement(
+        "button",
+        {
+          className: LangControl_b("list-item", { disabled, tld: Boolean(tld) }),
+          disabled
+        },
+        item.text,
+        tld && country && /* @__PURE__ */ react.createElement("span", null, country)
+      );
     },
     [isLangDisabled]
   );
   const onItemClick = (0,react.useCallback)(
     (item) => {
-      onChangeLang(item.value);
+      const options = item.options;
+      onChangeLang(item.value, options);
     },
     [onChangeLang]
   );
-  const itemsHeight = LangControl_LIST_ITEM_HEIGHT * langItems.length;
   const selectedItemIndex = langItems.findIndex(({ value }) => value === lang);
   const onOpenChange = (0,react.useCallback)(
     (opened) => {
@@ -2273,8 +2299,8 @@ var LangControl = (props) => {
           items: langItems,
           onItemClick,
           selectedItemIndex,
-          itemHeight: LangControl_LIST_ITEM_HEIGHT,
-          itemsHeight,
+          itemHeight: (items) => (0,utils/* .getItemHeight */.up)(LangControl_LIST_ITEM_HEIGHT, items),
+          itemsHeight: (items) => (0,utils/* .getItemsHeight */.Ww)(LangControl_LIST_ITEM_HEIGHT, items),
           renderItem
         }
       )
@@ -5353,6 +5379,8 @@ const Sheet = ({ children, onClose, visible, id, title, className, contentClassN
 
 // EXTERNAL MODULE: ./node_modules/@gravity-ui/uikit/build/esm/components/List/List.js + 43 modules
 var List = __webpack_require__(11383);
+// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/utils/index.js + 63 modules
+var utils = __webpack_require__(20935);
 ;// CONCATENATED MODULE: ./node_modules/@diplodoc/components/build/esm/components/MobileControls/MobileControlSheet/MobileControlSheet.css
 
 ;// CONCATENATED MODULE: ./node_modules/@diplodoc/components/build/esm/components/MobileControls/MobileControlSheet/MobileControlSheet.js
@@ -5361,6 +5389,7 @@ var List = __webpack_require__(11383);
 
 
 
+
 var LIST_ITEM_HEIGHT = 44;
 var b = (0,lib["default"])("dc-mobile-control-sheet");
 var MobileControlSheet = (0,react.memo)(
@@ -5375,10 +5404,20 @@ var MobileControlSheet = (0,react.memo)(
   }) => {
     const renderItem = (0,react.useCallback)(
       (item) => {
+        const { tld, href } = item.options || {};
         const disabled = Boolean(
           (availableLangs == null ? void 0 : availableLangs.length) && !availableLangs.includes(item.value)
+        ) && !href;
+        const country = item.country;
+        return /* @__PURE__ */ react.createElement(
+          "button",
+          {
+            className: b("list-item", { disabled, tld: Boolean(tld) }),
+            disabled
+          },
+          item.text,
+          tld && country && /* @__PURE__ */ react.createElement("span", null, country)
         );
-        return /* @__PURE__ */ react.createElement("button", { className: b("list-item", { disabled }), disabled }, item.text);
       },
       [availableLangs]
     );
@@ -5389,9 +5428,9 @@ var MobileControlSheet = (0,react.memo)(
         className: b("list"),
         filterable: false,
         items,
-        onItemClick: (item) => onItemClick(item.value),
-        itemHeight: LIST_ITEM_HEIGHT,
-        itemsHeight: LIST_ITEM_HEIGHT * items.length,
+        onItemClick: (item) => onItemClick(item.value, item.options),
+        itemHeight: (items2) => (0,utils/* .getItemHeight */.up)(LIST_ITEM_HEIGHT, items2),
+        itemsHeight: (items2) => (0,utils/* .getItemsHeight */.Ww)(LIST_ITEM_HEIGHT, items2),
         renderItem,
         selectedItemIndex
       }
@@ -5437,7 +5476,7 @@ var MobileControl = (0,react.memo)(
     const [sheetIsVisible, setSheetIsVisible] = (0,react.useState)(false);
     const onSheetOpen = () => setSheetIsVisible(true);
     const onSheetClose = () => setSheetIsVisible(false);
-    const onItemClick = onChangeValue ? (value) => onChangeValue(value) : () => {
+    const onItemClick = onChangeValue ? (value, options) => onChangeValue(value, options) : () => {
     };
     return /* @__PURE__ */ react.createElement("div", { key: name, className: MobileControl_b() }, /* @__PURE__ */ react.createElement(
       MobileControlSheet_default,
@@ -5487,10 +5526,28 @@ var MobileControls_b = (0,lib["default"])("dc-mobile-controls");
 var useLangControl = (t, lang, availableLangs, langs, onChangeLang) => {
   const langItems = (0,react.useMemo)(() => {
     const preparedLangs = (langs != null ? langs : constants/* .DEFAULT_LANGS */.rc).map((code) => {
-      const langData = langs_default().where("1", code);
+      let lang2;
+      let tld;
+      let href;
+      if (typeof code === "string") {
+        lang2 = code;
+      } else {
+        lang2 = code.lang;
+        tld = code.tld;
+        href = code.href;
+      }
+      const locale = lang2.split("-")[0];
+      const langData = langs_default().where("1", locale);
+      const regionNames = new Intl.DisplayNames([lang2], { type: "region" });
+      const country = tld ? regionNames.of(tld.toUpperCase()) : void 0;
       return langData ? {
         text: langData.local,
-        value: langData["1"]
+        country,
+        value: lang2,
+        options: {
+          tld,
+          href
+        }
       } : void 0;
     }).filter(Boolean);
     return preparedLangs.length ? preparedLangs : constants/* .LEGACY_LANG_ITEMS */.Yl;
@@ -9249,9 +9306,11 @@ __webpack_require__.d(__webpack_exports__, {
   sq: () => (/* binding */ callSafe),
   Uz: () => (/* binding */ isContributor),
   dA: () => (/* binding */ getRandomKey),
-  op: () => (/* binding */ getPopupPosition),
   C2: () => (/* binding */ getPageType),
+  op: () => (/* binding */ getPopupPosition),
   N7: () => (/* binding */ getPageByType),
+  Ww: () => (/* binding */ getItemsHeight),
+  up: () => (/* binding */ getItemHeight),
   $2: () => (/* binding */ isExternalHref),
   K8: () => (/* binding */ normalizeHash),
   AH: () => (/* binding */ normalizePath),
@@ -9565,13 +9624,14 @@ var Notification = ({ notification, notificationCb }) => {
   if (!notification || !showNotification) {
     return null;
   }
-  const { title = "", content = "", type = "" } = notification;
+  const { title = "", content = "", type = "", permanent } = notification;
   const isNoteTypeCorrect = ["info", "tip", "warning", "alert"].includes(type.toLowerCase());
-  return /* @__PURE__ */ react.createElement("div", { className: bNote("wrapper") }, /* @__PURE__ */ react.createElement("div", { className: bNote({}, isNoteTypeCorrect ? `dc-accent-${type}` : bNote("template")) }, title && /* @__PURE__ */ react.createElement("p", { className: bNote("title") }, title), /* @__PURE__ */ react.createElement(
+  return /* @__PURE__ */ react.createElement("div", { className: bNote("wrapper") }, /* @__PURE__ */ react.createElement("div", { className: bNote({}, isNoteTypeCorrect ? `dc-accent-${type}` : bNote("template")) }, title && /* @__PURE__ */ react.createElement("p", { className: bNote("title") }, title), !permanent && /* @__PURE__ */ react.createElement(
     Button/* .Button */.z,
     {
       view: "flat",
       className: bNote("xmark"),
+      style: { position: "absolute" },
       onClick: () => {
         if (notificationCb) {
           notificationCb();
@@ -12457,6 +12517,15 @@ function getPageType({
   }
   return models/* .DocumentType.Base */.n_.Base;
 }
+function getItemHeight(baseItemHeight, item) {
+  var _a;
+  const tld = (_a = item.options) == null ? void 0 : _a.tld;
+  const tldItemHeight = tld ? 16 : 0;
+  return baseItemHeight + tldItemHeight;
+}
+function getItemsHeight(baseItemHeight, items) {
+  return items.reduce((total, item) => total + getItemHeight(baseItemHeight, item), 0);
+}
 
 //# sourceMappingURL=index.js.map