@dnd-kit/dom 0.1.20 → 0.1.21

package/index.d.cts

@@ -224,6 +224,10 @@ interface CursorPluginOptions {
      * @default 'grabbing'
      */
     cursor?: string;
+    /**
+     * The nonce to be applied to the style element.
+     */
+    nonce?: string;
 }
 declare class Cursor extends Plugin<DragDropManager> {
     manager: DragDropManager;
@@ -232,6 +236,7 @@ declare class Cursor extends Plugin<DragDropManager> {
 
 interface FeedbackOptions {
     rootElement?: Element | ((source: Draggable) => Element);
+    nonce?: string;
 }
 declare class Feedback extends Plugin<DragDropManager, FeedbackOptions> {
     #private;
@@ -279,9 +284,15 @@ declare class ScrollListener extends CorePlugin<DragDropManager> {
     private handleScroll;
 }
 
+interface PreventSelectionPluginOptions {
+    /**
+     * The nonce to be applied to the style element.
+     */
+    nonce?: string;
+}
 declare class PreventSelection extends Plugin<DragDropManager> {
     manager: DragDropManager;
-    constructor(manager: DragDropManager);
+    constructor(manager: DragDropManager, options?: PreventSelectionPluginOptions);
 }
 
 export { Accessibility, AutoScroller, Cursor, DragDropManager, type Input as DragDropManagerInput, Draggable, type Input$2 as DraggableInput, Droppable, type Input$1 as DroppableInput, Feedback, type FeedbackType, KeyboardSensor, PointerSensor, PreventSelection, ScrollListener, Scroller, type Sensors, type Transition, defaultPreset };

package/index.d.ts

@@ -224,6 +224,10 @@ interface CursorPluginOptions {
      * @default 'grabbing'
      */
     cursor?: string;
+    /**
+     * The nonce to be applied to the style element.
+     */
+    nonce?: string;
 }
 declare class Cursor extends Plugin<DragDropManager> {
     manager: DragDropManager;
@@ -232,6 +236,7 @@ declare class Cursor extends Plugin<DragDropManager> {
 
 interface FeedbackOptions {
     rootElement?: Element | ((source: Draggable) => Element);
+    nonce?: string;
 }
 declare class Feedback extends Plugin<DragDropManager, FeedbackOptions> {
     #private;
@@ -279,9 +284,15 @@ declare class ScrollListener extends CorePlugin<DragDropManager> {
     private handleScroll;
 }
 
+interface PreventSelectionPluginOptions {
+    /**
+     * The nonce to be applied to the style element.
+     */
+    nonce?: string;
+}
 declare class PreventSelection extends Plugin<DragDropManager> {
     manager: DragDropManager;
-    constructor(manager: DragDropManager);
+    constructor(manager: DragDropManager, options?: PreventSelectionPluginOptions);
 }
 
 export { Accessibility, AutoScroller, Cursor, DragDropManager, type Input as DragDropManagerInput, Draggable, type Input$2 as DraggableInput, Droppable, type Input$1 as DroppableInput, Feedback, type FeedbackType, KeyboardSensor, PointerSensor, PreventSelection, ScrollListener, Scroller, type Sensors, type Transition, defaultPreset };

package/index.js

@@ -309,10 +309,13 @@ var Cursor = class extends Plugin {
     this.destroy = effect(() => {
       var _a4;
       const { dragOperation } = this.manager;
-      const { cursor = "grabbing" } = (_a4 = this.options) != null ? _a4 : {};
+      const { cursor = "grabbing", nonce } = (_a4 = this.options) != null ? _a4 : {};
       if (dragOperation.status.initialized) {
         const document2 = doc.value;
         const style = document2.createElement("style");
+        if (nonce) {
+          style.setAttribute("nonce", nonce);
+        }
         style.textContent = `* { cursor: ${cursor} !important; }`;
         document2.head.appendChild(style);
         return () => style.remove();
@@ -914,17 +917,21 @@ render_fn = function() {
   };
 };
 injectStyles_fn = function() {
-  var _a4, _b2;
+  var _a4, _b2, _c3;
   const { status, source, target } = this.manager.dragOperation;
+  const { nonce } = (_a4 = this.options) != null ? _a4 : {};
   if (status.initializing) {
-    const sourceDocument = getDocument((_a4 = source == null ? void 0 : source.element) != null ? _a4 : null);
-    const targetDocument = getDocument((_b2 = target == null ? void 0 : target.element) != null ? _b2 : null);
+    const sourceDocument = getDocument((_b2 = source == null ? void 0 : source.element) != null ? _b2 : null);
+    const targetDocument = getDocument((_c3 = target == null ? void 0 : target.element) != null ? _c3 : null);
     const documents = /* @__PURE__ */ new Set([sourceDocument, targetDocument]);
     for (const doc of documents) {
       let registration = styleSheetRegistry.get(doc);
       if (!registration) {
         const style = document.createElement("style");
         style.textContent = CSS_RULES;
+        if (nonce) {
+          style.setAttribute("nonce", nonce);
+        }
         doc.head.prepend(style);
         const mutationObserver = new MutationObserver((entries) => {
           for (const entry of entries) {
@@ -1298,13 +1305,18 @@ var ScrollListener = class extends CorePlugin {
 };
 _timeout = new WeakMap();
 var PreventSelection = class extends Plugin {
-  constructor(manager) {
-    super(manager);
+  constructor(manager, options) {
+    super(manager, options);
     this.manager = manager;
     this.destroy = effect(() => {
+      var _a4;
       const { dragOperation } = this.manager;
+      const { nonce } = (_a4 = this.options) != null ? _a4 : {};
       if (dragOperation.status.initialized) {
         const style = document.createElement("style");
+        if (nonce) {
+          style.setAttribute("nonce", nonce);
+        }
         style.textContent = `* { user-select: none !important; -webkit-user-select: none !important; }`;
         document.head.appendChild(style);
         removeSelection();