@foxford/navigation-ui 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/navigation-ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Презентационная вёрстка шапки и подвала портала Фоксфорда",
   "keywords": [
     "foxford",
@@ -9,6 +9,13 @@
     "footer",
     "ui"
   ],
+  "homepage": "https://github.com/foxford/frontend-platform",
+  "bugs": "https://github.com/foxford/frontend-platform/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/foxford/frontend-platform.git",
+    "directory": "packages/navigation-ui"
+  },
   "license": "MIT",
   "author": "Foxford Co",
   "maintainers": [
@@ -27,9 +34,13 @@
     "@foxford/ui": "^2",
     "preact": ">=10",
     "react": ">=17",
-    "react-dom": ">=17",
     "styled-components": ">=6"
   },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
   "main": "./index.js",
   "module": "./index.js",
   "exports": {
@@ -41,7 +52,6 @@
   },
   "files": [
     "README.mdx",
-    "_virtual",
     "footer",
     "header",
     "index.d.ts",
@@ -50,6 +60,6 @@
     "package.json",
     "shared"
   ],
-  "sha": "7733b66d",
+  "sha": "8ba3d93",
   "scripts": {}
 }

package/shared/constants.d.ts

@@ -59,14 +59,18 @@ export declare const SELECTOR_IDS: {
     readonly PROFILE_MENU_ATTESTATION: "foxNavProfileMenuAttestation";
     readonly PROFILE_MENU_BONUSES: "foxNavProfileMenuBonuses";
     readonly PROFILE_MENU_CART: "foxNavProfileMenuCart";
+    readonly PROFILE_MENU_DISCOUNT: "foxNavProfileMenuDiscount";
+    readonly PROFILE_MENU_DOCUMENTS: "foxNavProfileMenuDocuments";
     readonly PROFILE_MENU_EXTERNAL_REVIEWS: "foxNavExternalReviews";
     readonly PROFILE_MENU_EXTERNSHIP: "foxNavProfileMenuExternship";
     readonly PROFILE_MENU_EXTERNSHIP_ELEMENTARY: "foxNavProfileMenuExternshipElementary";
     readonly PROFILE_MENU_FAMILY: "foxNavProfileMenuFamily";
     readonly PROFILE_MENU_LOGOUT: "foxNavProfileMenuLogout";
     readonly PROFILE_MENU_MY_TRIAL_EXAMS: "foxNavProfileMenuMyTrialExams";
+    readonly PROFILE_MENU_OBJECTIVES: "foxNavProfileMenuObjectives";
     readonly PROFILE_MENU_ONBOARDING: "foxNavProfileMenuOnboarding";
     readonly PROFILE_MENU_PAYMENTS: "foxNavProfileMenuPayments";
+    readonly PROFILE_MENU_PLAN: "foxNavProfileMenuPlan";
     readonly PROFILE_MENU_PROGRESS: "foxNavProfileMenuProgress";
     readonly PROFILE_MENU_SETTINGS: "foxNavProfileMenuSettings";
     readonly PROFILE_MENU_SOCIALIZATION: "foxNavProfileMenuSocialization";
@@ -76,10 +80,14 @@ export declare const SELECTOR_IDS: {
     readonly SOCIALIZATION_LANDING: "foxNavProfileMenuSocializationLanding";
     readonly TOP_MENU_CALENDAR: "foxNavUserPanelCalendar";
     readonly TOP_MENU_CART: "foxNavUserPanelCart";
+    readonly TOP_MENU_CATALOG: "foxNavUserPanelCatalog";
     readonly TOP_MENU_DASHBOARD: "foxNavUserPanelDashboard";
+    readonly TOP_MENU_ELEMENTARY_COURSES: "foxNavUserPanelCourses";
+    readonly TOP_MENU_EXTERNSHIP: "foxNavUserPanelExternship";
     readonly TOP_MENU_PLAN: "foxNavUserPanelPlan";
     readonly TOP_MENU_PROFILE: "foxNavUserPanelProfile";
     readonly TOP_MENU_REFERRALS: "foxNavUserPanelReferrals";
+    readonly TOP_MENU_ROOM: "foxNavUserPanelRoom";
     readonly USER_PANEL: "foxNavUserPanel";
     readonly USER_PANEL_WRAPPER_MOBILE: "foxNavUserPanelWrapperMobile";
 };

package/shared/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/shared/constants.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc;;;;CAIjB,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAA;AAE/E,eAAO,MAAM,eAAe;;;;;CAKlB,CAAA;AAEV,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAA;AAExF,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAA;AAEV,eAAO,MAAM,QAAQ,kDAAkD,CAAA;AAEvE,eAAO,MAAM,oCAAoC,KAAK,CAAA;AAEtD,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAE1C,eAAO,MAAM,wCAAwC,KAAK,CAAA;AAE1D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iBAAiB;IAC5B,wBAAwB;;IAExB,YAAY;;IAEZ,gEAAgE;;IAEhE,iBAAiB;;CAET,CAAA;AAEV,eAAO,MAAM,yBAAyB,MAAM,CAAA;AAE5C,eAAO,MAAM,oCAAoC,UAAc,CAAA;AAE/D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCf,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/shared/constants.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc;;;;CAIjB,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAA;AAE/E,eAAO,MAAM,eAAe;;;;;CAKlB,CAAA;AAEV,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAA;AAExF,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAA;AAEV,eAAO,MAAM,QAAQ,kDAAkD,CAAA;AAEvE,eAAO,MAAM,oCAAoC,KAAK,CAAA;AAEtD,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAE1C,eAAO,MAAM,wCAAwC,KAAK,CAAA;AAE1D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iBAAiB;IAC5B,wBAAwB;;IAExB,YAAY;;IAEZ,gEAAgE;;IAEhE,iBAAiB;;CAET,CAAA;AAEV,eAAO,MAAM,yBAAyB,MAAM,CAAA;AAE5C,eAAO,MAAM,oCAAoC,UAAc,CAAA;AAE/D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Cf,CAAA"}

package/shared/constants.js

@@ -33,14 +33,18 @@ const SELECTOR_IDS = {
   PROFILE_MENU_ATTESTATION: "foxNavProfileMenuAttestation",
   PROFILE_MENU_BONUSES: "foxNavProfileMenuBonuses",
   PROFILE_MENU_CART: "foxNavProfileMenuCart",
+  PROFILE_MENU_DISCOUNT: "foxNavProfileMenuDiscount",
+  PROFILE_MENU_DOCUMENTS: "foxNavProfileMenuDocuments",
   PROFILE_MENU_EXTERNAL_REVIEWS: "foxNavExternalReviews",
   PROFILE_MENU_EXTERNSHIP: "foxNavProfileMenuExternship",
   PROFILE_MENU_EXTERNSHIP_ELEMENTARY: "foxNavProfileMenuExternshipElementary",
   PROFILE_MENU_FAMILY: "foxNavProfileMenuFamily",
   PROFILE_MENU_LOGOUT: "foxNavProfileMenuLogout",
   PROFILE_MENU_MY_TRIAL_EXAMS: "foxNavProfileMenuMyTrialExams",
+  PROFILE_MENU_OBJECTIVES: "foxNavProfileMenuObjectives",
   PROFILE_MENU_ONBOARDING: "foxNavProfileMenuOnboarding",
   PROFILE_MENU_PAYMENTS: "foxNavProfileMenuPayments",
+  PROFILE_MENU_PLAN: "foxNavProfileMenuPlan",
   PROFILE_MENU_PROGRESS: "foxNavProfileMenuProgress",
   PROFILE_MENU_SETTINGS: "foxNavProfileMenuSettings",
   PROFILE_MENU_SOCIALIZATION: "foxNavProfileMenuSocialization",
@@ -50,10 +54,14 @@ const SELECTOR_IDS = {
   SOCIALIZATION_LANDING: "foxNavProfileMenuSocializationLanding",
   TOP_MENU_CALENDAR: "foxNavUserPanelCalendar",
   TOP_MENU_CART: "foxNavUserPanelCart",
+  TOP_MENU_CATALOG: "foxNavUserPanelCatalog",
   TOP_MENU_DASHBOARD: "foxNavUserPanelDashboard",
+  TOP_MENU_ELEMENTARY_COURSES: "foxNavUserPanelCourses",
+  TOP_MENU_EXTERNSHIP: "foxNavUserPanelExternship",
   TOP_MENU_PLAN: "foxNavUserPanelPlan",
   TOP_MENU_PROFILE: "foxNavUserPanelProfile",
   TOP_MENU_REFERRALS: "foxNavUserPanelReferrals",
+  TOP_MENU_ROOM: "foxNavUserPanelRoom",
   USER_PANEL: "foxNavUserPanel",
   USER_PANEL_WRAPPER_MOBILE: "foxNavUserPanelWrapperMobile"
 };

package/shared/slots.d.ts

@@ -0,0 +1,64 @@
+import type { ReactNode } from 'react';
+/** Точка расширения: чем она является для инструментов потребителя. */
+export interface SlotPoint {
+    /**
+     * Где точка находится — словами. Из имени это не выводится: `belowMenu` может оказаться и
+     * под меню, и внутри него. Знать надо ДО того, как в точку встанут, а посмотреть на живой
+     * странице можно только то, что сейчас на экране.
+     */
+    readonly note: string;
+}
+/** Перечень точек: имя → описание. */
+export type SlotInventory = Readonly<Record<string, SlotPoint>>;
+/** Пропсы-слоты, выведенные из перечня: ключи те же, значения — узлы. */
+export type SlotNodes<T extends SlotInventory> = Partial<Record<keyof T, ReactNode>>;
+export declare const NAVIGATION_SLOT_POINTS: {
+    readonly aboveMenu: {
+        readonly note: "первым ВНУТРИ контейнера навигации, над шапкой и меню — в потоке";
+    };
+    /**
+     * Вместе с `top` и `searchPanel` это три точки ОДНОЙ фичи, а не три имени одной точки: в
+     * легаси потребитель заполняет их разом и разным — сюда кнопку, раскрывающую панель,
+     * в `searchPanel` саму панель, в `top` строку поиска для широкого экрана.
+     */
+    readonly actionsButton: {
+        readonly note: "рядом с кнопкой меню, ТОЛЬКО на узком экране";
+    };
+    /**
+     * Стоит рядом с `aboveMenu` в потоке, но снаружи контейнера — и разница в этом: сюда кладут
+     * наложения, которым нельзя попасть под обрезку и отступы контейнера. В легаси это подсказки
+     * профиль-меню; собственного вида у места нет, содержимое позиционирует себя само.
+     */
+    readonly background: {
+        readonly note: "первым в навигации, СНАРУЖИ контейнера — для наложений";
+    };
+    readonly belowMenu: {
+        readonly note: "последним ВНУТРИ контейнера навигации, под меню — в потоке";
+    };
+    /**
+     * В легаси сюда встаёт панель поиска, и показывалась она по глобальному классу с анимацией —
+     * эта механика принадлежит самой панели, а не навигации. Пакет резервирует место и рисует
+     * то, что дали; показ и скрытие — забота потребителя.
+     */
+    readonly searchPanel: {
+        readonly note: "над шапкой, ниже L — там же, где кнопка раскрытия";
+    };
+    readonly top: {
+        readonly note: "строка шапки рядом с кнопкой меню, ТОЛЬКО от L и шире";
+    };
+};
+export declare const FOOTER_SLOT_POINTS: {
+    readonly aboveLinks: {
+        readonly note: "первым в подвале, над логотипом и колонками ссылок";
+    };
+    readonly banners: {
+        readonly note: "в колонке баннеров, рядом с онбордингом и карточкой приложения";
+    };
+    readonly belowLinks: {
+        readonly note: "под колонками ссылок, над нижней полосой";
+    };
+    readonly belowSubFooter: {
+        readonly note: "последним в подвале, под нижней полосой";
+    };
+};
+//# sourceMappingURL=slots.d.ts.map

package/shared/slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../src/shared/slots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAatC,uEAAuE;AACvE,MAAM,WAAW,SAAS;IACxB;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAED,sCAAsC;AACtC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;AAE/D,yEAAyE;AACzE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,aAAa,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,sBAAsB;;;;IAEjC;;;;OAIG;;;;IAEH;;;;OAIG;;;;;;;IAGH;;;;OAIG;;;;;;;CAG6B,CAAA;AAElC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;CAKG,CAAA"}

package/shared/slots.js

@@ -0,0 +1,53 @@
+const NAVIGATION_SLOT_POINTS = {
+  aboveMenu: {
+    note: "первым ВНУТРИ контейнера навигации, над шапкой и меню — в потоке"
+  },
+  /**
+   * Вместе с `top` и `searchPanel` это три точки ОДНОЙ фичи, а не три имени одной точки: в
+   * легаси потребитель заполняет их разом и разным — сюда кнопку, раскрывающую панель,
+   * в `searchPanel` саму панель, в `top` строку поиска для широкого экрана.
+   */
+  actionsButton: {
+    note: "рядом с кнопкой меню, ТОЛЬКО на узком экране"
+  },
+  /**
+   * Стоит рядом с `aboveMenu` в потоке, но снаружи контейнера — и разница в этом: сюда кладут
+   * наложения, которым нельзя попасть под обрезку и отступы контейнера. В легаси это подсказки
+   * профиль-меню; собственного вида у места нет, содержимое позиционирует себя само.
+   */
+  background: {
+    note: "первым в навигации, СНАРУЖИ контейнера — для наложений"
+  },
+  belowMenu: {
+    note: "последним ВНУТРИ контейнера навигации, под меню — в потоке"
+  },
+  /**
+   * В легаси сюда встаёт панель поиска, и показывалась она по глобальному классу с анимацией —
+   * эта механика принадлежит самой панели, а не навигации. Пакет резервирует место и рисует
+   * то, что дали; показ и скрытие — забота потребителя.
+   */
+  searchPanel: {
+    note: "над шапкой, ниже L — там же, где кнопка раскрытия"
+  },
+  top: {
+    note: "строка шапки рядом с кнопкой меню, ТОЛЬКО от L и шире"
+  }
+};
+const FOOTER_SLOT_POINTS = {
+  aboveLinks: {
+    note: "первым в подвале, над логотипом и колонками ссылок"
+  },
+  banners: {
+    note: "в колонке баннеров, рядом с онбордингом и карточкой приложения"
+  },
+  belowLinks: {
+    note: "под колонками ссылок, над нижней полосой"
+  },
+  belowSubFooter: {
+    note: "последним в подвале, под нижней полосой"
+  }
+};
+export {
+  FOOTER_SLOT_POINTS,
+  NAVIGATION_SLOT_POINTS
+};

package/_virtual/preload-helper.js

@@ -1,57 +0,0 @@
-const scriptRel = "modulepreload";
-const assetsURL = function(dep) {
-  return "/" + dep;
-};
-const seen = {};
-const __vitePreload = function preload(baseModule, deps, importerUrl) {
-  let promise = Promise.resolve();
-  if (deps && deps.length > 0) {
-    let allSettled = function(promises$2) {
-      return Promise.all(promises$2.map((p) => Promise.resolve(p).then((value$1) => ({
-        status: "fulfilled",
-        value: value$1
-      }), (reason) => ({
-        status: "rejected",
-        reason
-      }))));
-    };
-    document.getElementsByTagName("link");
-    const cspNonceMeta = document.querySelector("meta[property=csp-nonce]");
-    const cspNonce = (cspNonceMeta == null ? void 0 : cspNonceMeta.nonce) || (cspNonceMeta == null ? void 0 : cspNonceMeta.getAttribute("nonce"));
-    promise = allSettled(deps.map((dep) => {
-      dep = assetsURL(dep);
-      if (dep in seen) return;
-      seen[dep] = true;
-      const isCss = dep.endsWith(".css");
-      const cssSelector = isCss ? '[rel="stylesheet"]' : "";
-      if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) return;
-      const link = document.createElement("link");
-      link.rel = isCss ? "stylesheet" : scriptRel;
-      if (!isCss) link.as = "script";
-      link.crossOrigin = "";
-      link.href = dep;
-      if (cspNonce) link.setAttribute("nonce", cspNonce);
-      document.head.appendChild(link);
-      if (isCss) return new Promise((res, rej) => {
-        link.addEventListener("load", res);
-        link.addEventListener("error", () => rej(/* @__PURE__ */ new Error(`Unable to preload CSS for ${dep}`)));
-      });
-    }));
-  }
-  function handlePreloadError(err$2) {
-    const e$1 = new Event("vite:preloadError", { cancelable: true });
-    e$1.payload = err$2;
-    window.dispatchEvent(e$1);
-    if (!e$1.defaultPrevented) throw err$2;
-  }
-  return promise.then((res) => {
-    for (const item of res || []) {
-      if (item.status !== "rejected") continue;
-      handlePreloadError(item.reason);
-    }
-    return baseModule().catch(handlePreloadError);
-  });
-};
-export {
-  __vitePreload
-};

package/header/molecules/phone-button/index.js

@@ -1,15 +0,0 @@
-import { SELECTOR_IDS } from "../../../shared/constants.js";
-import { ActionButton } from "../../atoms/action-button/index.js";
-import { jsx } from "preact/jsx-runtime";
-function PhoneButton({
-  number
-}) {
-  return jsx(ActionButton, {
-    icon: "phoneCall",
-    id: SELECTOR_IDS.PHONE_BUTTON_MOBILE,
-    url: `tel:${number}`
-  });
-}
-export {
-  PhoneButton
-};