DataLoop

website/docs/destinations/event_mapping.mdx

@@ -12,6 +12,7 @@ import {
   DataMap,
   DataSet,
   DataComplete,
+  DataLoop,
 } from '@site/src/components/templates/mappings/eventConfig';
 import Link from '@docusaurus/Link';
 
@@ -124,6 +125,8 @@ to a `WalkerOS.Property`.
 Loops over the first parameter and maps the second to the current value. It is
 used for creating an array of dynamic length.
 
+<DataLoop />
+
 ### condition
 
 Is a function to check if the mapping should be used. It returns a boolean, if

website/src/components/templates/mappings/eventConfig.tsx

@@ -1,3 +1,4 @@
+import type { Mapping } from '@elbwalker/types';
 import { getEvent } from '@elbwalker/utils';
 import { DestinationPush } from '../destination';
 
@@ -9,23 +10,25 @@ export const destination = {
   },
 };
 
-const string = 'data.total';
+const string: Mapping.Data = 'data.total';
 
-const key = {
+const key: Mapping.Data = {
   key: 'data.id',
 };
 
-const map = {
+const map: Mapping.Data = {
   map: {
     pageGroup: 'globals.pagegroup',
     shoppingStage: 'context.shopping.0',
   },
 };
 
-const set = {
+const set: Mapping.Data = {
   set: ['trigger', 'entity', 'action'],
 };
 
+const loop: Mapping.Data = { loop: ['nested', 'data.name'] };
+
 export const DataString: React.FC = () => {
   return (
     <DestinationPush event={{ data: event.data }} mapping={{ data: string }} />
@@ -60,6 +63,15 @@ export const DataSet: React.FC = () => {
   );
 };
 
+export const DataLoop: React.FC = () => {
+  return (
+    <DestinationPush
+      event={{ nested: event.nested }}
+      mapping={{ data: loop }}
+    />
+  );
+};
+
 export const DataComplete: React.FC = () => {
   return (
     <DestinationPush