@tanstack/query-devtools 5.0.0-rc.1 → 5.0.0-rc.5

package/src/icons/index.tsx

@@ -271,6 +271,25 @@ export function ErrorCopier() {
   )
 }
 
+export function List() {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="#98A2B3"
+      stroke-width="2"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect class="list" width="20" height="20" y="2" x="2" rx="2" />
+      <line class="list-item" y1="7" y2="7" x1="6" x2="18" />
+      <line class="list-item" y2="12" y1="12" x1="6" x2="18" />
+      <line class="list-item" y1="17" y2="17" x1="6" x2="18" />
+    </svg>
+  )
+}
+
 export function TanstackLogo() {
   return (
     <svg version="1.0" viewBox="0 0 633 633">

package/src/utils.tsx

@@ -111,3 +111,140 @@ export const convertRemToPixels = (rem: number) => {
 }
 
 export const convertPixelsToRem = (px: number) => px / convertRemToPixels(1)
+
+/**
+ * updates nested data by path
+ *
+ * @param {unknown} oldData Data to be updated
+ * @param {Array<string>} updatePath Path to the data to be updated
+ * @param {unknown} value New value
+ */
+export const updateNestedDataByPath = (
+  oldData: unknown,
+  updatePath: Array<string>,
+  value: unknown,
+): any => {
+  if (updatePath.length === 0) {
+    return value
+  }
+
+  if (oldData instanceof Map) {
+    const newData = new Map(oldData)
+
+    if (updatePath.length === 1) {
+      newData.set(updatePath[0], value)
+      return newData
+    }
+
+    const [head, ...tail] = updatePath
+    newData.set(head, updateNestedDataByPath(newData.get(head), tail, value))
+    return newData
+  }
+
+  if (oldData instanceof Set) {
+    const setAsArray = updateNestedDataByPath(
+      Array.from(oldData),
+      updatePath,
+      value,
+    )
+
+    return new Set(setAsArray)
+  }
+
+  if (Array.isArray(oldData)) {
+    const newData = [...oldData]
+
+    if (updatePath.length === 1) {
+      // @ts-expect-error
+      newData[updatePath[0]] = value
+      return newData
+    }
+
+    const [head, ...tail] = updatePath
+    // @ts-expect-error
+    newData[head] = updateNestedDataByPath(newData[head], tail, value)
+
+    return newData
+  }
+
+  if (oldData instanceof Object) {
+    const newData = { ...oldData }
+
+    if (updatePath.length === 1) {
+      // @ts-expect-error
+      newData[updatePath[0]] = value
+      return newData
+    }
+
+    const [head, ...tail] = updatePath
+    // @ts-expect-error
+    newData[head] = updateNestedDataByPath(newData[head], tail, value)
+
+    return newData
+  }
+
+  return oldData
+}
+
+/**
+ * Deletes nested data by path
+ *
+ * @param {unknown} oldData Data to be updated
+ * @param {Array<string>} deletePath Path to the data to be deleted
+ * @returns newData without the deleted items by path
+ */
+export const deleteNestedDataByPath = (
+  oldData: unknown,
+  deletePath: Array<string>,
+): any => {
+  if (oldData instanceof Map) {
+    const newData = new Map(oldData)
+
+    if (deletePath.length === 1) {
+      newData.delete(deletePath[0])
+      return newData
+    }
+
+    const [head, ...tail] = deletePath
+    newData.set(head, deleteNestedDataByPath(newData.get(head), tail))
+    return newData
+  }
+
+  if (oldData instanceof Set) {
+    const setAsArray = deleteNestedDataByPath(Array.from(oldData), deletePath)
+    return new Set(setAsArray)
+  }
+
+  if (Array.isArray(oldData)) {
+    const newData = [...oldData]
+
+    if (deletePath.length === 1) {
+      return newData.filter((_, idx) => idx.toString() !== deletePath[0])
+    }
+
+    const [head, ...tail] = deletePath
+
+    // @ts-expect-error
+    newData[head] = deleteNestedDataByPath(newData[head], tail)
+
+    return newData
+  }
+
+  if (oldData instanceof Object) {
+    const newData = { ...oldData }
+
+    if (deletePath.length === 1) {
+      // @ts-expect-error
+      delete newData[deletePath[0]]
+      return newData
+    }
+
+    const [head, ...tail] = deletePath
+    // @ts-expect-error
+    newData[head] = deleteNestedDataByPath(newData[head], tail)
+
+    return newData
+  }
+
+  return oldData
+}