@navikt/ds-react 8.10.3 → 8.10.5

package/src/data/{drag-and-drop-old/item/DataDragAndDropItem.tsx → drag-and-drop-legacy/item/DragAndDropItemLegacy.tsx}

@@ -3,10 +3,10 @@ import React, { useRef } from "react";
 import { HStack } from "../../../primitives/stack";
 import { cl } from "../../../utils/helpers";
 import { useMergeRefs } from "../../../utils/hooks";
-import { DataDragAndDropDragHandler } from "../drag-handler/DataDragAndDropDragHandler";
-import { DataDragAndDropContext } from "../root/DataDragAndDrop.context";
+import { DragAndDropDragHandlerLegacy } from "../drag-handler/DragAndDropDragHandlerLegacy";
+import { DragAndDropLegacyContext } from "../root/DragAndDropLegacy.context";
 
-interface DataDragAndDropItemProps extends React.HTMLAttributes<HTMLDivElement> {
+interface DragAndDropItemLegacyProps extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;
   /**
    * Unique id
@@ -21,17 +21,17 @@ interface DataDragAndDropItemProps extends React.HTMLAttributes<HTMLDivElement>
 /**
  * TODO
  *
- * @see 🏷️ {@link DataDragAndDropItemProps}
+ * @see 🏷️ {@link DragAndDropItemLegacyProps}
  * @example
  * ```tsx
- * <DragAndDrop.Item numOfSelectedRows={selectedRows.length} onClear={handleClear}>
+ * <DragAndDropLegacy.Item numOfSelectedRows={selectedRows.length} onClear={handleClear}>
  *   TODO
- * </DragAndDrop.Item>
+ * </DragAndDropLegacy.Item>
  * ```
  */
-const DataDragAndDropItem = React.forwardRef<
+const DragAndDropItemLegacy = React.forwardRef<
   HTMLDivElement,
-  DataDragAndDropItemProps
+  DragAndDropItemLegacyProps
 >(({ children, id, index, className, ...rest }, forwardedRef) => {
   const handleRef = useRef<HTMLDivElement>(null);
   const { ref, isDragging, isDropTarget } = useSortable({
@@ -40,7 +40,7 @@ const DataDragAndDropItem = React.forwardRef<
     handle: handleRef,
   });
   const mergedRef = useMergeRefs(ref, forwardedRef);
-  const context = React.useContext(DataDragAndDropContext);
+  const context = React.useContext(DragAndDropLegacyContext);
   const mouseDragging = isDragging && context?.inputMethod === "mouse";
   const mouseDropTarget = isDropTarget && context?.inputMethod === "mouse";
   const keyboardDragging = isDragging && context?.inputMethod === "keyboard";
@@ -58,7 +58,7 @@ const DataDragAndDropItem = React.forwardRef<
         data-drop-target={mouseDropTarget}
         tabIndex={-1}
       >
-        <DataDragAndDropDragHandler
+        <DragAndDropDragHandlerLegacy
           handleRef={handleRef}
           keyboardDragging={keyboardDragging}
           alt
@@ -69,6 +69,6 @@ const DataDragAndDropItem = React.forwardRef<
   );
 });
 
-export default DataDragAndDropItem;
-export { DataDragAndDropItem };
-export type { DataDragAndDropItemProps };
+export default DragAndDropItemLegacy;
+export { DragAndDropItemLegacy };
+export type { DragAndDropItemLegacyProps };

package/src/data/{drag-and-drop-old/root/DataDragAndDrop.context.tsx → drag-and-drop-legacy/root/DragAndDropLegacy.context.tsx}

@@ -1,11 +1,11 @@
 import { createContext } from "react";
 
-interface DataDragAndDropContextType {
+interface DragAndDropContextLegacyType {
   inputMethod: "mouse" | "keyboard" | null;
   // setInputMethod: (method: "mouse" | "keyboard" | null) => void;
   // setItems: React.Dispatch<React.SetStateAction<any[]>>;
 }
 
-export const DataDragAndDropContext = createContext<
-  DataDragAndDropContextType | undefined
+export const DragAndDropLegacyContext = createContext<
+  DragAndDropContextLegacyType | undefined
 >(undefined);

package/src/data/{drag-and-drop-old/root/DataDragAndDropRoot.tsx → drag-and-drop-legacy/root/DragAndDropLegacyRoot.tsx}

@@ -2,34 +2,32 @@ import { DragDropProvider, DragOverlay } from "@dnd-kit/react";
 import { isSortable } from "@dnd-kit/react/sortable";
 import React, { forwardRef, isValidElement } from "react";
 import { VStack } from "../../../primitives/stack";
-import DataDragAndDropItem, {
-  DataDragAndDropItemProps,
-} from "../item/DataDragAndDropItem";
-import { DataDragAndDropContext } from "./DataDragAndDrop.context";
+import DragAndDropItemLegacy from "../item/DragAndDropItemLegacy";
+import { DragAndDropLegacyContext } from "./DragAndDropLegacy.context";
 
-interface DataDragAndDropProps extends React.HTMLAttributes<HTMLDivElement> {
+interface DragAndDropLegacyProps extends React.HTMLAttributes<HTMLDivElement> {
   children: any[];
   setItems: React.Dispatch<React.SetStateAction<any[]>>;
 }
 
-interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<
-  DataDragAndDropProps & React.RefAttributes<HTMLDivElement>
+interface DragAndDropLegacyRootComponent extends React.ForwardRefExoticComponent<
+  DragAndDropLegacyProps & React.RefAttributes<HTMLDivElement>
 > {
   /**
-   * @see 🏷️ {@link DataDragAndDropItemProps}
+   * @see 🏷️ {@link DragAndDropItemLegacyProps}
    * * @example
    * ```jsx
-   * <DragAndDrop>
-   *   <DragAndDrop.Item id="1" index={0}>
+   * <DragAndDropLegacy>
+   *   <DragAndDropLegacy.Item id="1" index={0}>
    *     ...
-   *   </DragAndDrop.Item>
-   * </DragAndDrop>
+   *   </DragAndDropLegacy.Item>
+   * </DragAndDropLegacy>
    * ```
    */
-  Item: typeof DataDragAndDropItem;
+  Item: typeof DragAndDropItemLegacy;
 }
 
-const DataDragAndDrop = forwardRef<HTMLDivElement, DataDragAndDropProps>(
+const DragAndDropLegacy = forwardRef<HTMLDivElement, DragAndDropLegacyProps>(
   ({ setItems, children, ...rest }, forwardedRef) => {
     const [inputMethod, setInputMethod] = React.useState<
       "mouse" | "keyboard" | null
@@ -45,7 +43,7 @@ const DataDragAndDrop = forwardRef<HTMLDivElement, DataDragAndDropProps>(
     };
 
     return (
-      <DataDragAndDropContext.Provider value={{ inputMethod }}>
+      <DragAndDropLegacyContext.Provider value={{ inputMethod }}>
         <DragDropProvider
           // TODO Look into overriding default keybinds, might eliminate context need
           onBeforeDragStart={(event) =>
@@ -84,13 +82,13 @@ const DataDragAndDrop = forwardRef<HTMLDivElement, DataDragAndDropProps>(
             }}
           </DragOverlay>
         </DragDropProvider>
-      </DataDragAndDropContext.Provider>
+      </DragAndDropLegacyContext.Provider>
     );
   },
-) as DataDragAndDropRootComponent;
+) as DragAndDropLegacyRootComponent;
 
-DataDragAndDrop.Item = DataDragAndDropItem;
+DragAndDropLegacy.Item = DragAndDropItemLegacy;
 
-export { DataDragAndDrop, DataDragAndDropItem };
-export default DataDragAndDrop;
-export type { DataDragAndDropItemProps, DataDragAndDropProps };
+export { DragAndDropLegacy, DragAndDropItemLegacy };
+export default DragAndDropLegacy;
+export type { DragAndDropLegacyProps };