fansunited-widget-poll 2.21.0 → 2.22.0

package/README.md

@@ -217,6 +217,8 @@ const  labels = {
 	managePollDescription: "Manage your Poll here",
 	addOption: "Add option",
 	removeOption: "Remove option",
+	dragToReorder: "Drag to reorder",
+	dragToReorderOptions: "Drag and drop the options to change their order",
 	urlCopiedToClipboardMessage: "URL copied to clipboard",
 	imageDeletedMessage: "Image deleted",
 	imageResetMessage: "The initial size of the image has been restored",
@@ -523,6 +525,8 @@ Here is all information about **`LabelsModel`**:
 | `managePollDescription` | Description paragraph on management screen | Manage your Poll here |
 | `addOption` | Label for add option button | Add option |
 | `removeOption` | Label for remove option | Remove option |
+| `dragToReorder` | Tooltip for the drag handle of an option | Drag to reorder |
+| `dragToReorderOptions` | Hint next to the add option button when options can be reordered | Drag and drop the options to change their order |
 | `urlCopiedToClipboardMessage` | Toast info message when image URL is copied | URL copied to clipboard |
 | `imageDeletedMessage` | Toast info message when image is deleted | Image deleted |
 | `imageResetMessage` | Toast info message when image size is restored | The initial size of the image has been restored |
@@ -677,6 +681,10 @@ Here is all information about **`LabelsModel`**:
 
 ## Changelog
 
+### 2.22.0 - 2026-09-03
+- **Added**:
+  - Reordering of poll options by drag and drop, available as long as the poll has no votes
+
 ### 2.21.0 - 2026-02-17
 - **Added**:
   - Dropdown in Ad Content and Rules for selecting predefined content from info pages

package/components/Management/Options/Option.d.ts

@@ -1,5 +1,18 @@
 import { default as React } from 'react';
 import { IPollOption } from '../../../models/RequestBody/RequestBody';
+/**
+ * Everything the option needs in order to be dragged and dropped. Provided only when reordering is allowed.
+ * Only the drag handle is a drag source, otherwise selecting text inside the option's fields would start a
+ * drag. The whole option is a drop target.
+ */
+export type OptionDrag = {
+    isDragging: boolean;
+    dropPosition: 'above' | 'below' | null;
+    onDragStart: () => void;
+    onDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDrop: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragEnd: () => void;
+};
 type OptionProps = {
     option: IPollOption;
     optionNumber: number;
@@ -8,6 +21,7 @@ type OptionProps = {
     additionalFields: string[];
     disableDelete: boolean;
     isPollProfilePreferencesEnabled: boolean;
+    drag?: OptionDrag;
     onDelete: () => void;
     onChange: (option: IPollOption) => void;
 };

package/models/Labels/LabelsModel.d.ts

@@ -133,6 +133,8 @@ export default class LabelsModel {
     managePollDescription: string;
     addOption: string;
     removeOption: string;
+    dragToReorder: string;
+    dragToReorderOptions: string;
     urlCopiedToClipboardMessage: string;
     imageDeletedMessage: string;
     imageResetMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fansunited-widget-poll",
-	"version": "2.21.0",
+	"version": "2.22.0",
 	"main": "poll-manager.es.js",
 	"author": "Fans United",
 	"description": "",