@multiplatform.one/components 7.82.4 → 7.82.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/components",
-  "version": "7.82.4",
+  "version": "7.82.6",
   "description": "multiplatform.one ui components",
   "keywords": [
     "components",
@@ -58,11 +58,11 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.20",
-    "@multiplatform.one/forms": "^7.82.4",
-    "@multiplatform.one/i18n": "^7.82.4",
-    "@multiplatform.one/platform": "^7.82.4",
-    "@multiplatform.one/router": "^7.82.4",
-    "@multiplatform.one/theme": "^7.82.4",
+    "@multiplatform.one/forms": "^7.82.6",
+    "@multiplatform.one/i18n": "^7.82.6",
+    "@multiplatform.one/platform": "^7.82.6",
+    "@multiplatform.one/router": "^7.82.6",
+    "@multiplatform.one/theme": "^7.82.6",
     "@phosphor-icons/react": "^2.1.10",
     "@shopify/flash-list": "^2.3.1",
     "@tamagui/colors": "2.7.6",
@@ -79,7 +79,7 @@
     "@tamagui/themes": "2.7.6",
     "@tamagui/toast": "2.7.6",
     "@tanstack/react-form": "^1.33.5",
-    "@tanstack/react-hotkeys": "^0.5.1",
+    "@tanstack/react-hotkeys": "^0.10.0",
     "@tanstack/react-virtual": "^3.14.20",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
@@ -89,9 +89,9 @@
     "tamagui": "2.7.6"
   },
   "devDependencies": {
-    "@multiplatform.one/config": "7.82.4",
-    "@multiplatform.one/storybook": "7.82.4",
-    "@multiplatform.one/test-utils": "7.82.4",
+    "@multiplatform.one/config": "7.82.6",
+    "@multiplatform.one/storybook": "7.82.6",
+    "@multiplatform.one/test-utils": "7.82.6",
     "@tamagui/build": "2.7.6",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",

package/src/Alert/Alert.stories.tsx

@@ -63,32 +63,44 @@ export const Intents: Story = {
 };
 
 export const WithAction: Story = {
-  render: () => (
-    <YStack gap="$3" maxWidth={640}>
-      <Alert
-        intent="error"
-        title="Connection lost"
-        actionLabel="Retry"
-        onAction={() => {}}
-        dismissible
-      >
-        Changes are no longer syncing to the server.
-      </Alert>
-      <Alert
-        intent="warning"
-        title="Trial expiring"
-        actionLabel="Upgrade"
-        secondaryActionLabel="Remind me"
-        onAction={() => {}}
-        onSecondaryAction={() => {}}
-      >
-        Your trial ends in 3 days.
-      </Alert>
-      <Alert intent="success" title="Import finished" actionLabel="View log" onAction={() => {}}>
-        1,204 records imported, 0 errors.
-      </Alert>
-    </YStack>
-  ),
+  render: function WithActionStory() {
+    const [pressed, setPressed] = useState<string | null>(null);
+    return (
+      <YStack gap="$3" maxWidth={640}>
+        <Alert
+          intent="error"
+          title="Connection lost"
+          actionLabel="Retry"
+          onAction={() => {}}
+          dismissible
+        >
+          Changes are no longer syncing to the server.
+        </Alert>
+        <Alert
+          intent="warning"
+          title="Trial expiring"
+          actionLabel="Upgrade"
+          secondaryActionLabel="Remind me"
+          onAction={() => {
+            action("upgrade")();
+            setPressed("Upgrade");
+          }}
+          onSecondaryAction={() => {
+            action("remind-me")();
+            setPressed("Remind me");
+          }}
+        >
+          Your trial ends in 3 days.
+        </Alert>
+        <SizableText size="$3" color="$color11">
+          {pressed ? `Last pressed: ${pressed}` : "Nothing pressed yet"}
+        </SizableText>
+        <Alert intent="success" title="Import finished" actionLabel="View log" onAction={() => {}}>
+          1,204 records imported, 0 errors.
+        </Alert>
+      </YStack>
+    );
+  },
 };
 
 export const Compact: Story = {

package/src/ThemePresetPicker/ThemePresetPicker.testUtils.spec.tsx

@@ -0,0 +1,31 @@
+import { cleanup, fireEvent, screen } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, it } from "vitest";
+import { boldPreset, clearPresets, registerPreset } from "@multiplatform.one/theme";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { ThemePresetPicker } from "./index";
+
+const pressed = (name: string) =>
+  screen.getByRole("button", { name: `Preset: ${name}` }).getAttribute("aria-pressed");
+
+describe("ThemePresetPicker under renderWithProviders (FZ-7787)", () => {
+  beforeEach(() => {
+    clearPresets();
+    registerPreset("bold", boldPreset);
+  });
+  afterEach(() => {
+    cleanup();
+  });
+
+  it("renders on web with no local CookiesProvider and switches preset", () => {
+    renderWithProviders(<ThemePresetPicker rows={["preset"]} />);
+    expect(pressed("Default")).toBe("true");
+    fireEvent.click(screen.getByRole("button", { name: "Preset: Bold" }));
+    expect(pressed("Bold")).toBe("true");
+  });
+
+  it("starts every render with its own empty cookie jar", () => {
+    renderWithProviders(<ThemePresetPicker rows={["preset"]} />);
+    expect(pressed("Default")).toBe("true");
+    expect(document.cookie).not.toContain("mp.preset");
+  });
+});