@edux-design/popovers 0.0.4 → 0.0.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @edux-design/popovers
 
+## 0.0.6
+
+### Patch Changes
+
+- Excluded react from bundles
+
+## 0.0.5
+
+### Patch Changes
+
+- Added auto focus props
+
 ## 0.0.4
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edux-design/popovers",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "private": false,
   "sideEffects": [
     "**/*.css"
@@ -15,8 +15,8 @@
   },
   "scripts": {
     "lint": "eslint . --max-warnings 0",
-    "build": "tsup src/index.js --format esm,cjs --dts",
-    "dev": "tsup src/index.js --watch --format esm,cjs --dts",
+    "build": "tsup src/index.js --format esm,cjs  --external react,react-dom,@radix-ui/react-popover",
+    "dev": "tsup src/index.js --format esm,cjs  --external react,react-dom,@radix-ui/react-popover",
     "generate:component": "turbo gen react-component",
     "check-types": "tsc --noEmit"
   },

package/src/demos/Popover.stories.jsx

@@ -197,3 +197,52 @@ export const Sides = {
     },
   },
 };
+
+/**
+ * ───────────────────────────────────────────────
+ * 🧭 No Auto Focus Example
+ * ───────────────────────────────────────────────
+ */
+export const NoAutoFocus = {
+  render: (args) => (
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button variant="primary">Open Non-Focusing Popover</Button>
+      </PopoverTrigger>
+
+      <PopoverContent
+        {...args}
+        onOpenAutoFocus={(event) => {
+          // Prevent Radix from automatically moving focus into the popover
+          event.preventDefault();
+        }}
+        trapFocus={false}
+        disableOutsidePointerEvents={false}
+        className="w-[220px]"
+      >
+        <p className="text-sm mb-4">
+          This popover <strong>does not steal focus</strong>. The trigger (or
+          other input) remains focused.
+        </p>
+        <PopoverClose asChild>
+          <Button variant="secondary" size="sm">
+            Close
+          </Button>
+        </PopoverClose>
+      </PopoverContent>
+    </Popover>
+  ),
+  args: {
+    side: "bottom",
+    align: "center",
+    sideOffset: 8,
+  },
+  parameters: {
+    docs: {
+      description: {
+        story:
+          "Demonstrates disabling Radix’s default auto-focus behaviour using `onOpenAutoFocus={(e) => e.preventDefault()}`. The editor or trigger element retains focus when the popover opens.",
+      },
+    },
+  },
+};