Add support to work within Iterate

dnbexperience · Feb 4, 2025 · 0512db1 · 0512db1
1 parent b98f8b1
commit 0512db1
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 4 deletions.
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Visibility/__tests__/useVisibility.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Form/Visibility/__tests__/useVisibility.test.tsx
@@ -630,12 +630,12 @@ describe('useVisibility', () => {
     it('does not render children when target path does not have a value other than "undefined"', () => {
       const { result } = renderHook(useVisibility, {
         wrapper: ({ children }) => (
-          <Provider data={{ isDefined: 'foo' }}>{children}</Provider>
+          <Provider data={{ isUndefined: undefined }}>{children}</Provider>
         ),
       })
       expect(
         result.current.check({
-          valueDefined: '/notDefined',
+          valueDefined: '/isUndefined',
         })
       ).toBe(false)
     })
@@ -879,5 +879,51 @@ describe('useVisibility', () => {
         ).toBe(false)
       })
     })
+
+    describe('valueDefined', () => {
+      it('renders children when target path is defined', () => {
+        const { result } = renderHook(
+          () =>
+            useVisibility({
+              withinIterate: true,
+              valueDefined: '/isDefined',
+            }),
+          {
+            wrapper: ({ children }) => (
+              <Provider
+                data={{
+                  myList: [{ isDefined: 'foo' }],
+                }}
+              >
+                <Iterate.Array path="/myList">{children}</Iterate.Array>
+              </Provider>
+            ),
+          }
+        )
+        expect(result.current.check()).toBe(true)
+      })
+
+      it('does not render children when target path is not defined', () => {
+        const { result } = renderHook(
+          () =>
+            useVisibility({
+              withinIterate: true,
+              valueDefined: '/isUndefined',
+            }),
+          {
+            wrapper: ({ children }) => (
+              <Provider
+                data={{
+                  myList: [{ isUndefined: undefined }],
+                }}
+              >
+                <Iterate.Array path="/myList">{children}</Iterate.Array>
+              </Provider>
+            ),
+          }
+        )
+        expect(result.current.check()).toBe(false)
+      })
+    })
   })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Visibility/useVisibility.tsx b/packages/dnb-eufemia/src/extensions/forms/Form/Visibility/useVisibility.tsx
@@ -61,9 +61,9 @@ export default function useVisibility(props?: Partial<Props>) {
         originalData
 
       if (valueDefined) {
-        const hasPath = pointer.has(data, valueDefined)
+        const hasPath = pointer.has(data, makeLocalPath(valueDefined))
         if (hasPath) {
-          const value = pointer.get(data, valueDefined)
+          const value = pointer.get(data, makeLocalPath(valueDefined))
           if (value !== undefined) {
             return true
           }