@preply/ds-web-lib 11.0.0 → 11.1.0

package/dist/utils/useStableCallback/useStableCallback.js

@@ -1,15 +1,30 @@
-import { useRef, useEffect, useCallback } from "react";
+import { useCallback, useEffect, useRef } from "react";
+//#region src/utils/useStableCallback/useStableCallback.tsx
+/**
+* A custom React hook that provides a stable reference to a callback function.
+*
+* @example
+* ```tsx
+* function ParentComponent() {
+*   const [count, setCount] = useState(0);
+*
+*   const handleClick = useStableCallback(() => {
+*     console.log('Current count:', count);
+*   });
+*
+*   return <ChildComponent onClick={handleClick} />;
+* }
+* ```
+*/
 function useStableCallback(callback) {
-  const ref = useRef(callback);
-  useEffect(() => {
-    ref.current = callback;
-  }, [callback]);
-  const stableCallback = useCallback(((...args) => {
-    var _a;
-    return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);
-  }), []);
-  return stableCallback;
+	const ref = useRef(callback);
+	useEffect(() => {
+		ref.current = callback;
+	}, [callback]);
+	return useCallback(((...args) => {
+		var _ref$current;
+		return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.call(ref, ...args);
+	}), []);
 }
-export {
-  useStableCallback
-};
+//#endregion
+export { useStableCallback };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-web-lib",
-    "version": "11.0.0",
+    "version": "11.1.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -15,12 +15,7 @@
     "browserslist": "last 2 versions",
     "scripts": {
         "clean": "rm -rf dist",
-        "test": "run check:types && run test:unit && run test:react:browser",
-        "test:unit": "run --top-level vitest --watch=false --config=../../vitest.config.mts",
-        "test:unit:watch": "run --top-level vitest --config=../../vitest.config.mts",
-        "test:react:browser": "run --top-level vitest --config=react.browser.vitest.config.ts --run",
-        "test:react:browser:watch": "run --top-level vitest --config=react.browser.vitest.config.ts --browser.headless",
-        "test:react:browser:watch:ui": "run --top-level vitest --config=react.browser.vitest.config.ts",
+        "test": "run --top-level vitest --config=../../vitest.config.mts packages/web-lib",
         "check:types": "run --top-level tsc --noEmit",
         "build": "vite build",
         "dev": "vite build --watch"
@@ -34,35 +29,35 @@
         "usehooks-ts": "^3.1.1"
     },
     "peerDependencies": {
-        "@preply/ds-core": "11.0.0",
-        "@preply/ds-media-icons": "11.0.0",
-        "@preply/ds-visual-coverage-preply-component-names": "11.0.0",
-        "@preply/ds-web-core": "11.0.0",
-        "@preply/ds-web-root": "11.0.0",
+        "@preply/ds-core": "11.1.0",
+        "@preply/ds-media-icons": "11.1.0",
+        "@preply/ds-visual-coverage-preply-component-names": "11.1.0",
+        "@preply/ds-web-core": "11.1.0",
+        "@preply/ds-web-root": "11.1.0",
         "react": "^16 || ^18",
         "react-dom": "^16 || ^18",
         "react-intl": "^6.5.5"
     },
     "devDependencies": {
-        "@preply/ds-core": "11.0.0",
-        "@preply/ds-media-icons": "11.0.0",
-        "@preply/ds-visual-coverage-preply-component-names": "11.0.0",
-        "@preply/ds-web-core": "11.0.0",
-        "@preply/ds-web-root": "11.0.0",
-        "@storybook/react-vite": "10.1.4",
+        "@preply/ds-core": "11.1.0",
+        "@preply/ds-media-icons": "11.1.0",
+        "@preply/ds-visual-coverage-preply-component-names": "11.1.0",
+        "@preply/ds-web-core": "11.1.0",
+        "@preply/ds-web-root": "11.1.0",
+        "@storybook/react-vite": "10.2.19",
         "@testing-library/react": "16.3.0",
         "@types/react-is": "^18.2.0",
-        "@vitejs/plugin-react": "^4.3.4",
+        "@vitejs/plugin-react": "^6.0.1",
         "jsdom-testing-mocks": "^1.16.0",
         "react-intl": "6.5.5",
-        "storybook": "10.1.10",
+        "storybook": "10.2.19",
         "styled-components": "6.1.19",
         "typescript": "5.3.3",
-        "vite": "6.4.1",
+        "vite": "^8.0.0",
         "vite-plugin-dts": "^4.5.4",
         "vite-plugin-lib-inject-css": "^2.2.2",
         "vite-plugin-svgr": "4.5.0",
         "vitest-browser-react": "^0.1.1"
     },
-    "gitHead": "da9b3a2d347e7925a14341797a074d832986ce43"
+    "gitHead": "36832cd685631ed0d25ebe21415f412eaa63d28a"
 }

package/dist/AlertBannerProvider-DTx2Xp3V.js

@@ -1,50 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { createContext, useContext, useState } from "react";
-import { useIntl } from "react-intl";
-import './assets/AlertBannerProvider.css';const alertBannerHost = "alertBannerHost__LKZaB";
-const alertBanner = "alertBanner__C0J87";
-const icon = "icon__5M08K";
-const description = "description__pXWo6";
-const action = "action__uKuZ4";
-const styles = {
-  alertBannerHost,
-  alertBanner,
-  icon,
-  description,
-  action
-};
-const AlertBannerHostContext = createContext({
-  hostEl: null
-});
-function useAlertBannerHost() {
-  const ctx = useContext(AlertBannerHostContext);
-  if (!ctx) throw new Error("useAlertBannerHost must be used within AlertBannerHostContext");
-  return ctx.hostEl;
-}
-function AlertBannerProvider({
-  children,
-  ...props
-}) {
-  const [hostEl, setHostEl] = useState(null);
-  const {
-    formatMessage
-  } = useIntl();
-  return /* @__PURE__ */ jsxs(AlertBannerHostContext.Provider, { value: {
-    hostEl
-  }, children: [
-    /* @__PURE__ */ jsx("div", { className: styles.alertBannerHost, role: "region", "aria-live": "polite", "aria-atomic": "false", "aria-label": formatMessage({
-      id: "preply-ds.alert-banner.host-region",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Alerts, warnings, and updates"
-      }]
-    }), ref: setHostEl, ...props }),
-    children
-  ] });
-}
-export {
-  AlertBannerProvider as A,
-  styles as s,
-  useAlertBannerHost as u
-};

package/dist/BubbleCounter.module-QMwXWFIS.js

@@ -1,16 +0,0 @@
-import './assets/BubbleCounter.css';const bubbleCounter = "bubbleCounter__ARQXM";
-const childTargetOverlay = "childTargetOverlay__xypD-";
-const cutout = "cutout__1sEQk";
-const bubbleCounterStyles = {
-  bubbleCounter,
-  "size-small": "size-small__vThJY",
-  "size-medium": "size-medium__7sdZb",
-  "size-large": "size-large__NFhHi",
-  "variant-dark": "variant-dark__wAdfT",
-  "variant-light": "variant-light__Jje-9",
-  childTargetOverlay,
-  cutout
-};
-export {
-  bubbleCounterStyles as b
-};