@diplodoc/client 3.11.0 → 3.12.0

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.
@@ -2197,24 +2197,28 @@ var constants = __webpack_require__(53816);
2197
2197
 
2198
2198
 
2199
2199
 
2200
+
2200
2201
  var LangControl_b = (0,lib["default"])("dc-lang-control");
2201
2202
  var LangControl_LIST_ITEM_HEIGHT = 36;
2202
2203
  var LangControl = (props) => {
2203
2204
  const { t } = (0,useTranslation/* .useTranslation */.$)("controls");
2204
2205
  const { controlClassName, controlSize, isVerticalView, popupPosition } = (0,react.useContext)(ControlsLayout/* .ControlsLayoutContext */.q);
2205
- const { lang, langs = constants/* .DEFAULT_LANGS */.rc, onChangeLang } = props;
2206
+ const { lang, langs = constants/* .DEFAULT_LANGS */.rc, availableLangs, onChangeLang } = props;
2206
2207
  const controlRef = (0,react.useRef)(null);
2207
2208
  const popupState = (0,usePopupState/* .usePopupState */.o)();
2208
2209
  const langItems = (0,react.useMemo)(() => {
2209
2210
  const preparedLangs = langs.map((code) => {
2210
2211
  const langData = langs_default().where("1", code);
2212
+ const lang2 = (langData == null ? void 0 : langData["1"]) || models/* .Lang.En */.Uo.En;
2213
+ const disabled = availableLangs.length && !availableLangs.includes(lang2);
2211
2214
  return langData ? {
2212
2215
  text: langData.local,
2213
- value: langData["1"]
2216
+ value: lang2,
2217
+ disabled
2214
2218
  } : void 0;
2215
2219
  }).filter(Boolean);
2216
2220
  return preparedLangs.length ? preparedLangs : constants/* .LEGACY_LANG_ITEMS */.Yl;
2217
- }, [langs]);
2221
+ }, [langs, availableLangs]);
2218
2222
  const renderItem = (0,react.useCallback)((item) => {
2219
2223
  return /* @__PURE__ */ react.createElement("button", { className: LangControl_b("list-item") }, item.text);
2220
2224
  }, []);
@@ -2487,7 +2491,8 @@ var ControlsList = (props) => {
2487
2491
  vcsType,
2488
2492
  isLiked,
2489
2493
  isDisliked,
2490
- isHiddenFeedback
2494
+ isHiddenFeedback,
2495
+ availableLangs = []
2491
2496
  } = props;
2492
2497
  const withFullscreenControl = Boolean(onChangeFullScreen);
2493
2498
  const withSettingsControl = Boolean(
@@ -2530,6 +2535,7 @@ var ControlsList = (props) => {
2530
2535
  key: "lang-control",
2531
2536
  lang,
2532
2537
  langs,
2538
+ availableLangs,
2533
2539
  onChangeLang
2534
2540
  }
2535
2541
  ),
@@ -5326,11 +5332,22 @@ var MobileControlSheet = (0,react.memo)(
5326
5332
  onItemClick,
5327
5333
  isVisible,
5328
5334
  onClose,
5329
- selectedItemIndex
5335
+ selectedItemIndex,
5336
+ availableLangs
5330
5337
  }) => {
5331
5338
  const renderItem = (0,react.useCallback)(
5332
- (item) => /* @__PURE__ */ react.createElement("button", { className: b("list-item") }, item.text),
5333
- []
5339
+ (item) => {
5340
+ const isDisabled = availableLangs && !availableLangs.includes(item.value);
5341
+ return /* @__PURE__ */ react.createElement(
5342
+ "button",
5343
+ {
5344
+ className: b("list-item", { disabled: isDisabled }),
5345
+ disabled: isDisabled
5346
+ },
5347
+ item.text
5348
+ );
5349
+ },
5350
+ [availableLangs]
5334
5351
  );
5335
5352
  return /* @__PURE__ */ react.createElement(Sheet, { title, className: b(), visible: isVisible, onClose }, /* @__PURE__ */ react.createElement(
5336
5353
  List/* .List */.a,
@@ -5373,6 +5390,7 @@ var MobileControl = (0,react.memo)(
5373
5390
  selectedItem,
5374
5391
  selectedItemIndex,
5375
5392
  displayItems,
5393
+ availableLangs,
5376
5394
  onChangeValue
5377
5395
  }) => {
5378
5396
  const labelText = (0,react.useMemo)(
@@ -5396,7 +5414,8 @@ var MobileControl = (0,react.memo)(
5396
5414
  onItemClick,
5397
5415
  isVisible: sheetIsVisible,
5398
5416
  onClose: onSheetClose,
5399
- selectedItemIndex
5417
+ selectedItemIndex,
5418
+ availableLangs
5400
5419
  }
5401
5420
  ), /* @__PURE__ */ react.createElement(
5402
5421
  Button/* .Button */.z,
@@ -5432,7 +5451,7 @@ var MobileControl_default = MobileControl;
5432
5451
 
5433
5452
 
5434
5453
  var MobileControls_b = (0,lib["default"])("dc-mobile-controls");
5435
- var useLangControl = (t, lang, langs, onChangeLang) => {
5454
+ var useLangControl = (t, lang, availableLangs, langs, onChangeLang) => {
5436
5455
  const langItems = (0,react.useMemo)(() => {
5437
5456
  const preparedLangs = (langs != null ? langs : constants/* .DEFAULT_LANGS */.rc).map((code) => {
5438
5457
  const langData = langs_default().where("1", code);
@@ -5453,6 +5472,7 @@ var useLangControl = (t, lang, langs, onChangeLang) => {
5453
5472
  selectedItem: lang,
5454
5473
  selectedItemIndex,
5455
5474
  displayItems: langItems,
5475
+ availableLangs,
5456
5476
  onChangeValue: onChangeLang
5457
5477
  }
5458
5478
  );
@@ -5495,8 +5515,8 @@ var useThemeControl = (t, theme, onChangeTheme) => {
5495
5515
  };
5496
5516
  var MobileControls = (0,react.memo)(({ controlSize, userSettings }) => {
5497
5517
  const { t } = (0,useTranslation/* .useTranslation */.$)("controls");
5498
- const { onChangeLang, lang, langs, onChangeTheme, theme } = userSettings;
5499
- const langControl = useLangControl(t, lang != null ? lang : esm_models/* .Lang.En */.Uo.En, langs, onChangeLang);
5518
+ const { onChangeLang, lang, langs, availableLangs = [], onChangeTheme, theme } = userSettings;
5519
+ const langControl = useLangControl(t, lang != null ? lang : esm_models/* .Lang.En */.Uo.En, availableLangs, langs, onChangeLang);
5500
5520
  const themeControl = useThemeControl(t, theme != null ? theme : esm_models/* .Theme.Light */.Q2.Light, onChangeTheme);
5501
5521
  if (!onChangeTheme && !onChangeLang) {
5502
5522
  return null;
@@ -11982,7 +12002,8 @@ var DocPage = class extends react.Component {
11982
12002
  onMiniTocItemClick,
11983
12003
  legacyToc,
11984
12004
  notification,
11985
- notificationCb
12005
+ notificationCb,
12006
+ availableLangs = []
11986
12007
  } = this.props;
11987
12008
  const hideBurger = typeof headerHeight !== "undefined" && headerHeight > 0;
11988
12009
  const modes = {
@@ -11995,6 +12016,7 @@ var DocPage = class extends react.Component {
11995
12016
  lang,
11996
12017
  userSettings: {
11997
12018
  langs,
12019
+ availableLangs,
11998
12020
  onChangeLang,
11999
12021
  theme,
12000
12022
  onChangeTheme
@@ -12274,7 +12296,8 @@ var DocPage = class extends react.Component {
12274
12296
  isDisliked,
12275
12297
  hideControls,
12276
12298
  hideEditControl,
12277
- hideFeedbackControls
12299
+ hideFeedbackControls,
12300
+ availableLangs = []
12278
12301
  } = this.props;
12279
12302
  if (hideControls) {
12280
12303
  return null;
@@ -12304,7 +12327,8 @@ var DocPage = class extends react.Component {
12304
12327
  onSendFeedback,
12305
12328
  onSubscribe,
12306
12329
  hideEditControl: hideEditControl || fullScreen || !this.isEditable(),
12307
- hideFeedbackControls
12330
+ hideFeedbackControls,
12331
+ availableLangs
12308
12332
  }
12309
12333
  )));
12310
12334
  }