🐛 Fikset oppdateringer av prop-docs på Aksel.nav.no

@navikt/core/react/src/dropdown/Menu/GroupedList/index.tsx

@@ -1,8 +1,8 @@
 import cl from "clsx";
 import React, { forwardRef } from "react";
 import { OverridableComponent } from "../../../util/OverridableComponent";
-import GroupedHeading, { GroupedHeadingProps } from "./Heading";
-import GroupedItem, { GroupedItemProps } from "./Item";
+import GroupedHeading, { GroupedHeadingProps } from "./GroupedHeading";
+import GroupedItem, { GroupedItemProps } from "./GroupedItem";
 
 export interface GroupedListProps
   extends React.HTMLAttributes<HTMLDListElement> {

aksel.nav.no/website/scripts/update-props.tsx

@@ -26,15 +26,18 @@ const propList = (
   name: string
 ) =>
   src.map((prop) => {
+    let dupe = false;
     if (ids.includes(`${prop?.displayName?.toLowerCase()}_${name}_ds_props`)) {
       console.error(
         `Found duplicate id: ${`${prop.displayName.toLowerCase()}_${name}_ds_props`}`
       );
+      dupe = true;
     }
-    ids.push(`${prop.displayName.toLowerCase()}_${name}_ds_props`);
+    const id = `${prop.displayName.toLowerCase()}_${name}_ds_props`;
+    ids.push(id);
 
     return {
-      _id: `${prop.displayName.toLowerCase()}_${name}_ds_props`,
+      _id: dupe ? `${id}_2` : id,
       _type: "ds_props",
       title: prop.displayName,
       displayname: prop.displayName,
@@ -60,13 +63,22 @@ const updateProps = async () => {
   // this is our transactional client, it won't push anything until we say .commit() later
   const transactionClient = noCdnClient(token).transaction();
 
-  propList(CoreDocs as any, "core").forEach((x) =>
-    transactionClient.createOrReplace(x)
-  );
+  const props = propList(CoreDocs as any, "core");
+
+  // Preserve existing props that are not in the new list to allow documenting deprecated props
+  /* const remoteProps = await noCdnClient(token).fetch(`*[_type == "ds_props"]`);
+
+  for (const prop of remoteProps) {
+    if (!props.find((x) => prop._id === x._id)) {
+      transactionClient.delete(prop._id);
+    }
+  } */
+
+  props.forEach((x) => transactionClient.createOrReplace(x));
 
   await transactionClient
     .commit()
-    .then(() => console.log(`Updated props`))
+    .then((e) => console.log(e))
     .catch((e) => console.error(e.message));
 };