@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/utils/networkStatus.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createNetworkStatus = createNetworkStatus;
-exports.networkStatus = exports["default"] = void 0;
+exports.networkStatus = exports.default = void 0;
 /**
  * networkStatus — the feed behind `NetworkErrorBanner`.
  *
@@ -73,24 +73,24 @@ exports.networkStatus = exports["default"] = void 0;
  * Application code should normally use the `networkStatus` export below.
  */
 function createNetworkStatus() {
-  var subscribers = new Set();
-  var lastError = null;
-  var channel = {
-    subscribe: function subscribe(listener) {
+  const subscribers = new Set();
+  let lastError = null;
+  const channel = {
+    subscribe(listener) {
       subscribers.add(listener);
       if (lastError !== null) listener(lastError);
-      return function () {
-        subscribers["delete"](listener);
+      return () => {
+        subscribers.delete(listener);
       };
     },
-    report: function report(message) {
-      var next = message || null;
+    report(message) {
+      const next = message || null;
       /* De-duplicated: a flaky link can fail many times per second, and
        * re-notifying an unchanged message would re-render every subscriber for
        * no visible difference. */
       if (lastError === next) return;
       lastError = next;
-      subscribers.forEach(function (listener) {
+      subscribers.forEach(listener => {
         try {
           listener(lastError);
         } catch (e) {
@@ -102,10 +102,10 @@ function createNetworkStatus() {
         }
       });
     },
-    clear: function clear() {
+    clear() {
       channel.report(null);
     },
-    current: function current() {
+    current() {
       return lastError;
     }
   };
@@ -116,6 +116,6 @@ function createNetworkStatus() {
  * The shared channel. One per bundle, which is the right granularity: the
  * transport layer and the banner must agree, and both live in the same app.
  */
-var networkStatus = exports.networkStatus = createNetworkStatus();
-var _default = exports["default"] = networkStatus;
+const networkStatus = exports.networkStatus = createNetworkStatus();
+var _default = exports.default = networkStatus;
 //# sourceMappingURL=networkStatus.js.map

package/dist/v2/utils/networkStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"networkStatus.js","names":["createNetworkStatus","subscribers","Set","lastError","channel","subscribe","listener","add","report","message","next","forEach","e","console","error","clear","current","networkStatus","exports","_default"],"sources":["../../../src/lib/v2/utils/networkStatus.ts"],"sourcesContent":["/**\r\n * networkStatus — the feed behind `NetworkErrorBanner`.\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-03)\r\n *\r\n * The library shipped `NetworkErrorBanner` — a presentational component — but\r\n * not the plumbing that decides when it appears. Charter R-A.3 / R-4.3 make the\r\n * banner MANDATORY (\"erreur réseau → bandeau persistant top, bouton\r\n * « Réessayer »\"), so every consuming module had to invent the same\r\n * subscribe / report / clear singleton and the same transport-interceptor\r\n * bridge. Two audited modules (`procuration-portnet-fe`, `procuration-fe`) had\r\n * each written their own.\r\n *\r\n * A presentational component whose trigger contract is left to consumers\r\n * guarantees divergence in precisely the state users encounter least often and\r\n * trust least — the offline path.\r\n *\r\n * NOT a redux slice, deliberately\r\n * -------------------------------\r\n * This state is presentation-only and high-frequency on a flaky link. Crossing a\r\n * dispatch boundary on every retry would slow the alert path for no benefit, and\r\n * would force the library to take an opinion on the host's store.\r\n *\r\n * Late subscribers are hydrated on subscribe, so a banner that mounts after the\r\n * failure (lazy route, remount) still shows the current state instead of missing\r\n * the edge.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n * Wiring (once, at the app root):\r\n *\r\n *   const [netError, setNetError] = useState<string | null>(null);\r\n *   useEffect(() => networkStatus.subscribe(setNetError), []);\r\n *\r\n *   <NetworkErrorBanner\r\n *     visible={Boolean(netError)}\r\n *     message={netError ?? \"\"}\r\n *     onRetry={() => { networkStatus.clear(); window.location.reload(); }}\r\n *   />\r\n *\r\n * And in the transport layer:\r\n *\r\n *   instance.interceptors.response.use(\r\n *     (response) => { networkStatus.clear(); return response; },\r\n *     (error: unknown) => {\r\n *       if (getApiErrorStatus(error) === undefined) {\r\n *         networkStatus.report(\"Connexion perdue. Vérifiez votre réseau, puis réessayez.\");\r\n *       }\r\n *       return Promise.reject(error);\r\n *     }\r\n *   );\r\n *\r\n * A status-less failure is the network case (offline, DNS, ingress timeout); a\r\n * failure WITH a status is a server error and belongs in a toast (R-A.4).\r\n */\r\n\r\n/** Receives the latest banner message, or `null` when the banner should clear. */\r\nexport type NetworkStatusListener = (message: string | null) => void;\r\n\r\n/** Public shape of a network-status channel. */\r\nexport interface NetworkStatus {\r\n  /**\r\n   * Subscribe to changes. The listener is invoked immediately with the current\r\n   * state when that state is non-null, so a late-mounting banner hydrates\r\n   * instead of missing the transition. Returns an unsubscribe function suitable\r\n   * for returning directly from `useEffect`.\r\n   */\r\n  subscribe(listener: NetworkStatusListener): () => void;\r\n  /** Report a global network failure. `null` (or omitted) clears. */\r\n  report(message?: string | null): void;\r\n  /** Clear the banner. Equivalent to `report(null)`. */\r\n  clear(): void;\r\n  /** Current message, or `null`. Useful in tests and for SSR snapshots. */\r\n  current(): string | null;\r\n}\r\n\r\n/**\r\n * Create an independent network-status channel.\r\n *\r\n * Exported alongside the shared singleton so tests can use an isolated instance\r\n * — a module-level singleton shared between test cases leaks state across them.\r\n * Application code should normally use the `networkStatus` export below.\r\n */\r\nexport function createNetworkStatus(): NetworkStatus {\r\n  const subscribers = new Set<NetworkStatusListener>();\r\n  let lastError: string | null = null;\r\n\r\n  const channel: NetworkStatus = {\r\n    subscribe(listener) {\r\n      subscribers.add(listener);\r\n      if (lastError !== null) listener(lastError);\r\n      return () => {\r\n        subscribers.delete(listener);\r\n      };\r\n    },\r\n\r\n    report(message) {\r\n      const next = message || null;\r\n      /* De-duplicated: a flaky link can fail many times per second, and\r\n       * re-notifying an unchanged message would re-render every subscriber for\r\n       * no visible difference. */\r\n      if (lastError === next) return;\r\n      lastError = next;\r\n      subscribers.forEach((listener) => {\r\n        try {\r\n          listener(lastError);\r\n        } catch (e) {\r\n          /* One bad subscriber must not stop the others from being notified,\r\n           * and must not propagate into the transport layer that reported the\r\n           * failure. */\r\n          // eslint-disable-next-line no-console\r\n          console.error(\"[@portnet/ui networkStatus] subscriber threw:\", e);\r\n        }\r\n      });\r\n    },\r\n\r\n    clear() {\r\n      channel.report(null);\r\n    },\r\n\r\n    current() {\r\n      return lastError;\r\n    },\r\n  };\r\n\r\n  return channel;\r\n}\r\n\r\n/**\r\n * The shared channel. One per bundle, which is the right granularity: the\r\n * transport layer and the banner must agree, and both live in the same app.\r\n */\r\nexport const networkStatus: NetworkStatus = createNetworkStatus();\r\n\r\nexport default networkStatus;\r\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAAA,EAAkB;EACnD,IAAMC,WAAW,GAAG,IAAIC,GAAG,CAAwB,CAAC;EACpD,IAAIC,SAAwB,GAAG,IAAI;EAEnC,IAAMC,OAAsB,GAAG;IAC7BC,SAAS,WAAAA,UAACC,QAAQ,EAAE;MAClBL,WAAW,CAACM,GAAG,CAACD,QAAQ,CAAC;MACzB,IAAIH,SAAS,KAAK,IAAI,EAAEG,QAAQ,CAACH,SAAS,CAAC;MAC3C,OAAO,YAAM;QACXF,WAAW,UAAO,CAACK,QAAQ,CAAC;MAC9B,CAAC;IACH,CAAC;IAEDE,MAAM,WAAAA,OAACC,OAAO,EAAE;MACd,IAAMC,IAAI,GAAGD,OAAO,IAAI,IAAI;MAC5B;AACN;AACA;MACM,IAAIN,SAAS,KAAKO,IAAI,EAAE;MACxBP,SAAS,GAAGO,IAAI;MAChBT,WAAW,CAACU,OAAO,CAAC,UAACL,QAAQ,EAAK;QAChC,IAAI;UACFA,QAAQ,CAACH,SAAS,CAAC;QACrB,CAAC,CAAC,OAAOS,CAAC,EAAE;UACV;AACV;AACA;UACU;UACAC,OAAO,CAACC,KAAK,CAAC,+CAA+C,EAAEF,CAAC,CAAC;QACnE;MACF,CAAC,CAAC;IACJ,CAAC;IAEDG,KAAK,WAAAA,MAAA,EAAG;MACNX,OAAO,CAACI,MAAM,CAAC,IAAI,CAAC;IACtB,CAAC;IAEDQ,OAAO,WAAAA,QAAA,EAAG;MACR,OAAOb,SAAS;IAClB;EACF,CAAC;EAED,OAAOC,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACO,IAAMa,aAA4B,GAAAC,OAAA,CAAAD,aAAA,GAAGjB,mBAAmB,CAAC,CAAC;AAAC,IAAAmB,QAAA,GAAAD,OAAA,cAEnDD,aAAa","ignoreList":[]}
+{"version":3,"file":"networkStatus.js","names":["createNetworkStatus","subscribers","Set","lastError","channel","subscribe","listener","add","delete","report","message","next","forEach","e","console","error","clear","current","networkStatus","exports","_default","default"],"sources":["../../../src/lib/v2/utils/networkStatus.ts"],"sourcesContent":["/**\r\n * networkStatus — the feed behind `NetworkErrorBanner`.\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-03)\r\n *\r\n * The library shipped `NetworkErrorBanner` — a presentational component — but\r\n * not the plumbing that decides when it appears. Charter R-A.3 / R-4.3 make the\r\n * banner MANDATORY (\"erreur réseau → bandeau persistant top, bouton\r\n * « Réessayer »\"), so every consuming module had to invent the same\r\n * subscribe / report / clear singleton and the same transport-interceptor\r\n * bridge. Two audited modules (`procuration-portnet-fe`, `procuration-fe`) had\r\n * each written their own.\r\n *\r\n * A presentational component whose trigger contract is left to consumers\r\n * guarantees divergence in precisely the state users encounter least often and\r\n * trust least — the offline path.\r\n *\r\n * NOT a redux slice, deliberately\r\n * -------------------------------\r\n * This state is presentation-only and high-frequency on a flaky link. Crossing a\r\n * dispatch boundary on every retry would slow the alert path for no benefit, and\r\n * would force the library to take an opinion on the host's store.\r\n *\r\n * Late subscribers are hydrated on subscribe, so a banner that mounts after the\r\n * failure (lazy route, remount) still shows the current state instead of missing\r\n * the edge.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n * Wiring (once, at the app root):\r\n *\r\n *   const [netError, setNetError] = useState<string | null>(null);\r\n *   useEffect(() => networkStatus.subscribe(setNetError), []);\r\n *\r\n *   <NetworkErrorBanner\r\n *     visible={Boolean(netError)}\r\n *     message={netError ?? \"\"}\r\n *     onRetry={() => { networkStatus.clear(); window.location.reload(); }}\r\n *   />\r\n *\r\n * And in the transport layer:\r\n *\r\n *   instance.interceptors.response.use(\r\n *     (response) => { networkStatus.clear(); return response; },\r\n *     (error: unknown) => {\r\n *       if (getApiErrorStatus(error) === undefined) {\r\n *         networkStatus.report(\"Connexion perdue. Vérifiez votre réseau, puis réessayez.\");\r\n *       }\r\n *       return Promise.reject(error);\r\n *     }\r\n *   );\r\n *\r\n * A status-less failure is the network case (offline, DNS, ingress timeout); a\r\n * failure WITH a status is a server error and belongs in a toast (R-A.4).\r\n */\r\n\r\n/** Receives the latest banner message, or `null` when the banner should clear. */\r\nexport type NetworkStatusListener = (message: string | null) => void;\r\n\r\n/** Public shape of a network-status channel. */\r\nexport interface NetworkStatus {\r\n  /**\r\n   * Subscribe to changes. The listener is invoked immediately with the current\r\n   * state when that state is non-null, so a late-mounting banner hydrates\r\n   * instead of missing the transition. Returns an unsubscribe function suitable\r\n   * for returning directly from `useEffect`.\r\n   */\r\n  subscribe(listener: NetworkStatusListener): () => void;\r\n  /** Report a global network failure. `null` (or omitted) clears. */\r\n  report(message?: string | null): void;\r\n  /** Clear the banner. Equivalent to `report(null)`. */\r\n  clear(): void;\r\n  /** Current message, or `null`. Useful in tests and for SSR snapshots. */\r\n  current(): string | null;\r\n}\r\n\r\n/**\r\n * Create an independent network-status channel.\r\n *\r\n * Exported alongside the shared singleton so tests can use an isolated instance\r\n * — a module-level singleton shared between test cases leaks state across them.\r\n * Application code should normally use the `networkStatus` export below.\r\n */\r\nexport function createNetworkStatus(): NetworkStatus {\r\n  const subscribers = new Set<NetworkStatusListener>();\r\n  let lastError: string | null = null;\r\n\r\n  const channel: NetworkStatus = {\r\n    subscribe(listener) {\r\n      subscribers.add(listener);\r\n      if (lastError !== null) listener(lastError);\r\n      return () => {\r\n        subscribers.delete(listener);\r\n      };\r\n    },\r\n\r\n    report(message) {\r\n      const next = message || null;\r\n      /* De-duplicated: a flaky link can fail many times per second, and\r\n       * re-notifying an unchanged message would re-render every subscriber for\r\n       * no visible difference. */\r\n      if (lastError === next) return;\r\n      lastError = next;\r\n      subscribers.forEach((listener) => {\r\n        try {\r\n          listener(lastError);\r\n        } catch (e) {\r\n          /* One bad subscriber must not stop the others from being notified,\r\n           * and must not propagate into the transport layer that reported the\r\n           * failure. */\r\n          // eslint-disable-next-line no-console\r\n          console.error(\"[@portnet/ui networkStatus] subscriber threw:\", e);\r\n        }\r\n      });\r\n    },\r\n\r\n    clear() {\r\n      channel.report(null);\r\n    },\r\n\r\n    current() {\r\n      return lastError;\r\n    },\r\n  };\r\n\r\n  return channel;\r\n}\r\n\r\n/**\r\n * The shared channel. One per bundle, which is the right granularity: the\r\n * transport layer and the banner must agree, and both live in the same app.\r\n */\r\nexport const networkStatus: NetworkStatus = createNetworkStatus();\r\n\r\nexport default networkStatus;\r\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAAA,EAAkB;EACnD,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAAwB,CAAC;EACpD,IAAIC,SAAwB,GAAG,IAAI;EAEnC,MAAMC,OAAsB,GAAG;IAC7BC,SAASA,CAACC,QAAQ,EAAE;MAClBL,WAAW,CAACM,GAAG,CAACD,QAAQ,CAAC;MACzB,IAAIH,SAAS,KAAK,IAAI,EAAEG,QAAQ,CAACH,SAAS,CAAC;MAC3C,OAAO,MAAM;QACXF,WAAW,CAACO,MAAM,CAACF,QAAQ,CAAC;MAC9B,CAAC;IACH,CAAC;IAEDG,MAAMA,CAACC,OAAO,EAAE;MACd,MAAMC,IAAI,GAAGD,OAAO,IAAI,IAAI;MAC5B;AACN;AACA;MACM,IAAIP,SAAS,KAAKQ,IAAI,EAAE;MACxBR,SAAS,GAAGQ,IAAI;MAChBV,WAAW,CAACW,OAAO,CAAEN,QAAQ,IAAK;QAChC,IAAI;UACFA,QAAQ,CAACH,SAAS,CAAC;QACrB,CAAC,CAAC,OAAOU,CAAC,EAAE;UACV;AACV;AACA;UACU;UACAC,OAAO,CAACC,KAAK,CAAC,+CAA+C,EAAEF,CAAC,CAAC;QACnE;MACF,CAAC,CAAC;IACJ,CAAC;IAEDG,KAAKA,CAAA,EAAG;MACNZ,OAAO,CAACK,MAAM,CAAC,IAAI,CAAC;IACtB,CAAC;IAEDQ,OAAOA,CAAA,EAAG;MACR,OAAOd,SAAS;IAClB;EACF,CAAC;EAED,OAAOC,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACO,MAAMc,aAA4B,GAAAC,OAAA,CAAAD,aAAA,GAAGlB,mBAAmB,CAAC,CAAC;AAAC,IAAAoB,QAAA,GAAAD,OAAA,CAAAE,OAAA,GAEnDH,aAAa","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portnet/ui",
-  "version": "6.0.1",
+  "version": "6.0.3",
   "description": "Portnet UI — Design System v1.0 components (MUI v9 baseline, React 19 ready). v1 Pui* legacy removed in 0.3.0.",
   "keywords": [
     "react",
@@ -155,24 +155,33 @@
     "build:clean": "rimraf dist && npm run build",
     "typecheck": "tsc --noEmit",
     "typecheck:test": "tsc -p tsconfig.test.json",
+    "typecheck:scripts": "tsc -p tsconfig.scripts.json",
     "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
     "lint:fix": "eslint \"src/**/*.{js,jsx,ts,tsx}\" --fix",
     "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,css,json,md}\"",
     "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,css,json,md}\"",
-    "api:snapshot": "node scripts/check-public-api.mjs snapshot",
-    "api:check": "node scripts/check-public-api.mjs check",
-    "props:widen": "node scripts/widen-optional-props.mjs",
-    "props:check": "node scripts/widen-optional-props.mjs --check",
-    "labels:fix": "node scripts/fix-label-merge.mjs",
-    "labels:check": "node scripts/fix-label-merge.mjs --check",
+    "api:snapshot": "tsx scripts/check-public-api.ts snapshot",
+    "api:check": "tsx scripts/check-public-api.ts check",
+    "props:widen": "tsx scripts/widen-optional-props.ts",
+    "props:check": "tsx scripts/widen-optional-props.ts --check",
+    "labels:fix": "tsx scripts/fix-label-merge.ts",
+    "labels:check": "tsx scripts/fix-label-merge.ts --check",
+    "tokens:audit": "tsx scripts/audit-tokens.ts",
     "prepare": "npm run build",
     "prepublishOnly": "npm run build:clean",
     "test": "react-scripts test",
+    "test:stories": "cross-env CI=true react-scripts test --watchAll=false --testPathPattern \"src/stories/__smoke__\"",
     "eject": "react-scripts eject",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "storybook:clean": "rimraf storybook-static"
   },
+  "jest": {
+    "moduleNameMapper": {
+      "^storybook/internal/(?!.*dist)(.*)$": "<rootDir>/node_modules/storybook/core/$1/index.cjs",
+      "^@storybook/core/(?!.*dist)(.*)$": "<rootDir>/node_modules/@storybook/core/dist/$1/index.cjs"
+    }
+  },
   "browserslist": {
     "production": [
       "chrome >= 117",
@@ -195,6 +204,7 @@
     "@babel/preset-typescript": "^7.24.7",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
+    "@eslint/js": "^9.15.0",
     "@mui/icons-material": "^9.0.0",
     "@mui/material": "^9.0.0",
     "@mui/system": "^9.0.0",
@@ -204,6 +214,7 @@
     "@storybook/addon-essentials": "^8.4.0",
     "@storybook/addon-interactions": "^8.4.0",
     "@storybook/addon-links": "^8.4.0",
+    "@storybook/addon-webpack5-compiler-babel": "^4.0.1",
     "@storybook/manager-api": "^8.4.0",
     "@storybook/react": "^8.4.0",
     "@storybook/react-webpack5": "^8.4.0",
@@ -218,10 +229,14 @@
     "@types/react-dom": "^19.0.1",
     "@types/uuid": "^9.0.8",
     "cross-env": "^7.0.3",
-    "eslint": "^8.57.1",
+    "eslint": "^9.15.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-config-react-app": "^7.0.1",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "formik": "^2.4.5",
+    "globals": "^15.12.0",
+    "jiti": "^2.4.0",
     "pdfjs-dist": "^3.4.120",
     "prettier": "^3.3.3",
     "prop-types": "^15.8.1",
@@ -230,7 +245,9 @@
     "react-scripts": "^5.0.1",
     "rimraf": "^5.0.5",
     "storybook": "^8.4.0",
+    "tsx": "^4.19.2",
     "typescript": "^5.6.3",
+    "typescript-eslint": "^8.15.0",
     "yup": "^0.32.11"
   }
 }