@pega/lists-react 9.0.0-build.9.9 → 9.0.1

package/lib/Core/Hooks/a11y/useAnnounce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnnounce.d.ts","sourceRoot":"","sources":["../../../../Core/Hooks/a11y/useAnnounce.ts"],"names":[],"mappings":"AAMA,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,SAAS,GAAG,EAAE,GAAG,SAAS,EAC7D,iBAAiB,EAAE,CAAC,EACpB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,CAAC,EAAE,MAAM,QAuC/B"}
+{"version":3,"file":"useAnnounce.d.ts","sourceRoot":"","sources":["../../../../Core/Hooks/a11y/useAnnounce.ts"],"names":[],"mappings":"AAMA,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,SAAS,GAAG,EAAE,GAAG,SAAS,EAC7D,iBAAiB,EAAE,CAAC,EACpB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,CAAC,EAAE,MAAM,QAuC/B"}

package/lib/Core/Hooks/a11y/useAnnounce.js

@@ -7,10 +7,9 @@ import { deepEqual } from '../../Utils';
  * considering personalization context. Useful for screen readers to inform users
  * about dynamic updates in lists or tables.
  *
- * @template T
- * @param {T | undefined} currentStateSlice - The current array of items or undefined.
- * @param {Messages} messages - Object containing messages for added, modified, and removed states.
- * @param {string} [activePersonalization] - Optional key to track personalization context changes.
+ * @param currentStateSlice - The current array of items or undefined.
+ * @param messages - Object containing messages for added, modified, and removed states.
+ * @param activePersonalization - Optional key to track personalization context changes.
  */
 export default function useAnnounce(currentStateSlice, messages, activePersonalization) {
     const { announcePolite } = useLiveLog();

package/lib/Core/Hooks/a11y/useAnnounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnnounce.js","sourceRoot":"","sources":["../../../../Core/Hooks/a11y/useAnnounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,iBAAoB,EACpB,QAAkB,EAClB,qBAA8B;IAE9B,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,kBAAkB,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC1D,MAAM,6BAA6B,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,kBAAkB,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAEtD,MAAM,sBAAsB,GAAG,qBAAqB,KAAK,6BAA6B,CAAC;QACvF,MAAM,WAAW,GAAG,kBAAkB,CAAC,MAAM,IAAI,CAAC,CAAC;QACnD,MAAM,UAAU,GAAG,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,CAAC,WAAW,KAAK,CAAC,IAAI,sBAAsB,CAAC,IAAI,UAAU,GAAG,CAAC,CAAC;QAEhF,MAAM,UAAU,GACd,CAAC,sBAAsB;YACvB,WAAW,GAAG,CAAC;YACf,UAAU,GAAG,CAAC;YACd,CAAC,SAAS,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;QAEpD,MAAM,SAAS,GAAG,CAAC,sBAAsB,IAAI,WAAW,GAAG,CAAC,IAAI,UAAU,KAAK,CAAC,CAAC;QAEjF,IAAI,OAA2B,CAAC;QAEhC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC3B,CAAC;aAAM,IAAI,UAAU,EAAE,CAAC;YACtB,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC;QAC9B,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACrB,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC7B,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;YAC5C,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC,CAAC;AACjD,CAAC","sourcesContent":["import { useEffect } from 'react';\n\nimport { useLiveLog, usePrevious } from '@pega/cosmos-react-core';\n\nimport { deepEqual } from '../../Utils';\n\ntype Messages = {\n  added: string | undefined;\n  modified: string | undefined;\n  removed: string | undefined;\n};\n\n/**\n * Announces accessibility messages for array changes using a polite live region.\n * Triggers the appropriate message when items are added, modified, or removed,\n * considering personalization context. Useful for screen readers to inform users\n * about dynamic updates in lists or tables.\n *\n * @template T\n * @param {T | undefined} currentStateSlice - The current array of items or undefined.\n * @param {Messages} messages - Object containing messages for added, modified, and removed states.\n * @param {string} [activePersonalization] - Optional key to track personalization context changes.\n */\nexport default function useAnnounce<T extends any[] | undefined>(\n  currentStateSlice: T,\n  messages: Messages,\n  activePersonalization?: string\n) {\n  const { announcePolite } = useLiveLog();\n  const previousStateSlice = usePrevious(currentStateSlice);\n  const previousActivePersonalization = usePrevious(activePersonalization);\n\n  useEffect(() => {\n    if (!previousStateSlice || !currentStateSlice) return;\n\n    const personalizationChanged = activePersonalization !== previousActivePersonalization;\n    const previousLen = previousStateSlice.length ?? 0;\n    const currentLen = currentStateSlice.length ?? 0;\n    const isAdded = (previousLen === 0 || personalizationChanged) && currentLen > 0;\n\n    const isModified =\n      !personalizationChanged &&\n      previousLen > 0 &&\n      currentLen > 0 &&\n      !deepEqual(previousStateSlice, currentStateSlice);\n\n    const isRemoved = !personalizationChanged && previousLen > 0 && currentLen === 0;\n\n    let message: string | undefined;\n\n    if (isAdded) {\n      message = messages.added;\n    } else if (isModified) {\n      message = messages.modified;\n    } else if (isRemoved) {\n      message = messages.removed;\n    }\n\n    if (message) {\n      const timeout = setTimeout(() => {\n        announcePolite({ message, type: 'info' });\n      }, 1000);\n      return () => clearTimeout(timeout);\n    }\n  }, [currentStateSlice, activePersonalization]);\n}\n"]}
+{"version":3,"file":"useAnnounce.js","sourceRoot":"","sources":["../../../../Core/Hooks/a11y/useAnnounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,iBAAoB,EACpB,QAAkB,EAClB,qBAA8B;IAE9B,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,kBAAkB,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC1D,MAAM,6BAA6B,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,kBAAkB,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAEtD,MAAM,sBAAsB,GAAG,qBAAqB,KAAK,6BAA6B,CAAC;QACvF,MAAM,WAAW,GAAG,kBAAkB,CAAC,MAAM,IAAI,CAAC,CAAC;QACnD,MAAM,UAAU,GAAG,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,CAAC,WAAW,KAAK,CAAC,IAAI,sBAAsB,CAAC,IAAI,UAAU,GAAG,CAAC,CAAC;QAEhF,MAAM,UAAU,GACd,CAAC,sBAAsB;YACvB,WAAW,GAAG,CAAC;YACf,UAAU,GAAG,CAAC;YACd,CAAC,SAAS,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;QAEpD,MAAM,SAAS,GAAG,CAAC,sBAAsB,IAAI,WAAW,GAAG,CAAC,IAAI,UAAU,KAAK,CAAC,CAAC;QAEjF,IAAI,OAA2B,CAAC;QAEhC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC3B,CAAC;aAAM,IAAI,UAAU,EAAE,CAAC;YACtB,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC;QAC9B,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACrB,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC7B,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;YAC5C,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC,CAAC;AACjD,CAAC","sourcesContent":["import { useEffect } from 'react';\n\nimport { useLiveLog, usePrevious } from '@pega/cosmos-react-core';\n\nimport { deepEqual } from '../../Utils';\n\ntype Messages = {\n  added: string | undefined;\n  modified: string | undefined;\n  removed: string | undefined;\n};\n\n/**\n * Announces accessibility messages for array changes using a polite live region.\n * Triggers the appropriate message when items are added, modified, or removed,\n * considering personalization context. Useful for screen readers to inform users\n * about dynamic updates in lists or tables.\n *\n * @param currentStateSlice - The current array of items or undefined.\n * @param messages - Object containing messages for added, modified, and removed states.\n * @param activePersonalization - Optional key to track personalization context changes.\n */\nexport default function useAnnounce<T extends any[] | undefined>(\n  currentStateSlice: T,\n  messages: Messages,\n  activePersonalization?: string\n) {\n  const { announcePolite } = useLiveLog();\n  const previousStateSlice = usePrevious(currentStateSlice);\n  const previousActivePersonalization = usePrevious(activePersonalization);\n\n  useEffect(() => {\n    if (!previousStateSlice || !currentStateSlice) return;\n\n    const personalizationChanged = activePersonalization !== previousActivePersonalization;\n    const previousLen = previousStateSlice.length ?? 0;\n    const currentLen = currentStateSlice.length ?? 0;\n    const isAdded = (previousLen === 0 || personalizationChanged) && currentLen > 0;\n\n    const isModified =\n      !personalizationChanged &&\n      previousLen > 0 &&\n      currentLen > 0 &&\n      !deepEqual(previousStateSlice, currentStateSlice);\n\n    const isRemoved = !personalizationChanged && previousLen > 0 && currentLen === 0;\n\n    let message: string | undefined;\n\n    if (isAdded) {\n      message = messages.added;\n    } else if (isModified) {\n      message = messages.modified;\n    } else if (isRemoved) {\n      message = messages.removed;\n    }\n\n    if (message) {\n      const timeout = setTimeout(() => {\n        announcePolite({ message, type: 'info' });\n      }, 1000);\n      return () => clearTimeout(timeout);\n    }\n  }, [currentStateSlice, activePersonalization]);\n}\n"]}

package/lib/Core/Hooks/useDebounce.js

@@ -17,7 +17,7 @@ export default function useDebounce(value, delay) {
         return () => {
             clearTimeout(handler);
         };
-    }, [value]);
+    }, [delay, value]);
     return debouncedValue;
 }
 //# sourceMappingURL=useDebounce.js.map

package/lib/Core/Hooks/useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../../Core/Hooks/useDebounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAI,KAAQ,EAAE,KAAa;IAC5D,wCAAwC;IACxC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,cAAc,CAAC;AACxB,CAAC","sourcesContent":["import { useState, useEffect } from 'react';\n\n/**\n * A custom React hook that debounces a value by a specified delay.\n *\n * @param value - The value to debounce.\n * @param delay - The debounce delay in milliseconds.\n *\n * @returns The debounced value.\n */\nexport default function useDebounce<T>(value: T, delay: number): T {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value]);\n\n  return debouncedValue;\n}\n"]}
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../../Core/Hooks/useDebounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAI,KAAQ,EAAE,KAAa;IAC5D,wCAAwC;IACxC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC","sourcesContent":["import { useState, useEffect } from 'react';\n\n/**\n * A custom React hook that debounces a value by a specified delay.\n *\n * @param value - The value to debounce.\n * @param delay - The debounce delay in milliseconds.\n *\n * @returns The debounced value.\n */\nexport default function useDebounce<T>(value: T, delay: number): T {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [delay, value]);\n\n  return debouncedValue;\n}\n"]}

package/lib/Core/Hooks/useDragDrop.d.ts

@@ -3,9 +3,9 @@ import type { UseDragDropProps, UseDragDropReturn } from './useDragDrop.types';
  * A custom React hook to handle drag-and-drop functionality with support for animations,
  * ghost images, and collision detection.
  *
- * @param {UseDragDropProps} params - The parameters for configuring the drag-and-drop behavior.
+ * @param params - The parameters for configuring the drag-and-drop behavior.
  * See {@link UseDragDropProps} for details.
- * @returns {UseDragDropReturn} An object containing `dragProps` and `dropProps` to be spread onto draggable and droppable elements.
+ * @returns An object containing `dragProps` and `dropProps` to be spread onto draggable and droppable elements.
  * See {@link UseDragDropReturn} for details.
  */
 export default function useDragDrop({ context, onDragStart, onDragEnd, onDragEnter, onDragLeave, onDrop, defaultAnimation, getAnimationSelector, defaultGhostImage, getGhostImageSelector, getDraggedObject }: UseDragDropProps): UseDragDropReturn;

package/lib/Core/Hooks/useDragDrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDragDrop.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useDragDrop.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE5F;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,WAAuB,EACvB,SAAqB,EACrB,WAAuB,EACvB,WAAuB,EACvB,MAAM,EACN,gBAAuB,EACvB,oBAAoB,EACpB,iBAAwB,EACxB,qBAAqB,EACrB,gBAAgB,EACjB,EAAE,gBAAgB,GAAG,iBAAiB,CAgStC"}
+{"version":3,"file":"useDragDrop.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useDragDrop.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAe,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE5F;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,WAAuB,EACvB,SAAqB,EACrB,WAAuB,EACvB,WAAuB,EACvB,MAAM,EACN,gBAAuB,EACvB,oBAAoB,EACpB,iBAAwB,EACxB,qBAAqB,EACrB,gBAAgB,EACjB,EAAE,gBAAgB,GAAG,iBAAiB,CAmStC"}

package/lib/Core/Hooks/useDragDrop.js

@@ -1,11 +1,12 @@
 import { useCallback, useMemo, useRef } from 'react';
+import { getBrowserContext } from '../Utils';
 /**
  * A custom React hook to handle drag-and-drop functionality with support for animations,
  * ghost images, and collision detection.
  *
- * @param {UseDragDropProps} params - The parameters for configuring the drag-and-drop behavior.
+ * @param params - The parameters for configuring the drag-and-drop behavior.
  * See {@link UseDragDropProps} for details.
- * @returns {UseDragDropReturn} An object containing `dragProps` and `dropProps` to be spread onto draggable and droppable elements.
+ * @returns An object containing `dragProps` and `dropProps` to be spread onto draggable and droppable elements.
  * See {@link UseDragDropReturn} for details.
  */
 export default function useDragDrop({ context, onDragStart = undefined, onDragEnd = undefined, onDragEnter = undefined, onDragLeave = undefined, onDrop, defaultAnimation = true, getAnimationSelector, defaultGhostImage = true, getGhostImageSelector, getDraggedObject }) {
@@ -51,7 +52,7 @@ export default function useDragDrop({ context, onDragStart = undefined, onDragEn
                 ghostElement.parentNode?.removeChild(ghostElement);
             }, 1000);
         }
-    }, [getGhostImageSelector, context, defaultGhostImage]);
+    }, [getGhostImageSelector, defaultGhostImage]);
     const isColliding = useCallback((x, y, coord) => {
         const smallBuffer = 2;
         return !(x < coord.left - smallBuffer ||
@@ -94,7 +95,7 @@ export default function useDragDrop({ context, onDragStart = undefined, onDragEn
             elm?.dispatchEvent(new MouseEvent('dragleave', {
                 bubbles: true,
                 cancelable: true,
-                view: window
+                view: getBrowserContext(context.current).window
             }));
         }
     }, [isColliding, ref]);
@@ -115,7 +116,7 @@ export default function useDragDrop({ context, onDragStart = undefined, onDragEn
         }
     }, [ref, isColliding, removeDropEffect, onDrop]);
     const dragStartCb = useCallback((ev) => {
-        document.addEventListener('dragover', contextDragOverCb);
+        getBrowserContext(context.current).document.addEventListener('dragover', contextDragOverCb);
         context.current?.addEventListener('drop', contextDropCb);
         // clear the drag operation's data store when drag starts as its the only time when drag data is writable
         if (ev.dataTransfer)
@@ -138,7 +139,6 @@ export default function useDragDrop({ context, onDragStart = undefined, onDragEn
             onDragStart(ev);
     }, [
         contextDragOverCb,
-        context,
         contextDropCb,
         setGhostImage,
         ref,
@@ -148,7 +148,7 @@ export default function useDragDrop({ context, onDragStart = undefined, onDragEn
     ]);
     const dragEndCb = useCallback((ev) => {
         if (ref.contextDragOverCb)
-            document.removeEventListener('dragover', ref.contextDragOverCb);
+            getBrowserContext(context.current).document.removeEventListener('dragover', ref.contextDragOverCb);
         if (ref.contextDropCb)
             context.current?.removeEventListener('drop', ref.contextDropCb);
         ref.dropTarget = [];
@@ -159,7 +159,7 @@ export default function useDragDrop({ context, onDragStart = undefined, onDragEn
         removeDragEffect(ev.currentTarget);
         if (onDragEnd)
             onDragEnd(ev);
-    }, [onDragEnd, removeDragEffect, context, ref]);
+    }, [onDragEnd, removeDragEffect, ref]);
     const isValidDragEnter = useCallback((e) => {
         let isValid = true;
         if (ref.dragTarget === e.currentTarget)
@@ -194,7 +194,7 @@ export default function useDragDrop({ context, onDragStart = undefined, onDragEn
                 elm?.dispatchEvent(new MouseEvent('dragleave', {
                     bubbles: true,
                     cancelable: true,
-                    view: window
+                    view: getBrowserContext(context.current).window
                 }));
             }
         }

package/lib/Core/Hooks/useDragDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragDrop.js","sourceRoot":"","sources":["../../../Core/Hooks/useDragDrop.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo, useRef } from 'react';\n\nimport type { DragDropRef, UseDragDropProps, UseDragDropReturn } from './useDragDrop.types';\n\n/**\n * A custom React hook to handle drag-and-drop functionality with support for animations,\n * ghost images, and collision detection.\n *\n * @param {UseDragDropProps} params - The parameters for configuring the drag-and-drop behavior.\n * See {@link UseDragDropProps} for details.\n * @returns {UseDragDropReturn} An object containing `dragProps` and `dropProps` to be spread onto draggable and droppable elements.\n * See {@link UseDragDropReturn} for details.\n */\nexport default function useDragDrop({\n  context,\n  onDragStart = undefined,\n  onDragEnd = undefined,\n  onDragEnter = undefined,\n  onDragLeave = undefined,\n  onDrop,\n  defaultAnimation = true,\n  getAnimationSelector,\n  defaultGhostImage = true,\n  getGhostImageSelector,\n  getDraggedObject\n}: UseDragDropProps): UseDragDropReturn {\n  // A way to fire dragleave when we actually come out of drop target not only a child of that.\n  const ref = useRef<DragDropRef>({\n    dropTarget: [],\n    dropTargetCoord: null,\n    dragTarget: undefined\n  }).current;\n\n  const addDragEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.opacity = '0.5';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const removeDragEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.opacity = '1';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const setGhostImage = useCallback(\n    (e: React.DragEvent<Element>) => {\n      if (defaultGhostImage) {\n        const elem = (\n          getGhostImageSelector ? getGhostImageSelector(e.currentTarget) : e.currentTarget\n        ) as HTMLElement;\n        const ghostElement = elem.cloneNode(true) as HTMLElement;\n        if (ghostElement) {\n          ghostElement.style.height = `${elem.style.height}px`;\n          ghostElement.style.width = `${elem.style.width}px`;\n          ghostElement.style.position = 'absolute';\n          ghostElement.style.top = '-1000000px';\n          ghostElement.style.left = '-10000000px';\n          ghostElement.style.zIndex = '-1';\n        }\n        context.current?.appendChild(ghostElement);\n        e.dataTransfer?.setDragImage(ghostElement, 0, 0);\n\n        setTimeout(() => {\n          ghostElement.parentNode?.removeChild(ghostElement);\n        }, 1000);\n      }\n    },\n    [getGhostImageSelector, context, defaultGhostImage]\n  );\n\n  const isColliding = useCallback((x: number, y: number, coord: DOMRect): boolean => {\n    const smallBuffer = 2;\n    return !(\n      x < coord.left - smallBuffer ||\n      x > coord.right + smallBuffer ||\n      y > coord.bottom + smallBuffer ||\n      y < coord.top - smallBuffer\n    );\n  }, []);\n\n  const addDropEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          // Need to handle this in better way.TODO: need clean up as well.\n          elm.style.transition = 'transform 0.25s';\n          elm.style.transform = 'translate(20px)';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const removeDropEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.transform = 'translate(0px)';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const contextDragOverCb = useCallback(\n    (e: DragEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (\n        ref.dragLeaveSkipped &&\n        ref.dropTarget &&\n        ref.dropTarget[ref.dropTarget.length - 1] &&\n        ref.dropTargetCoord &&\n        !isColliding(e.clientX, e.clientY, ref.dropTargetCoord)\n      ) {\n        ref.forcedDragLeave = true;\n        ref.dragLeaveSkipped = false;\n        const elm = ref.dropTarget.shift();\n        ref.dropTarget = [...ref.dropTarget];\n        elm?.dispatchEvent(\n          new MouseEvent('dragleave', {\n            bubbles: true,\n            cancelable: true,\n            view: window\n          })\n        );\n      }\n    },\n    [isColliding, ref]\n  );\n\n  const contextDropCb = useCallback(\n    (ev: DragEvent) => {\n      ev.stopPropagation();\n      ev.preventDefault();\n      const elm = ref.dropTarget[ref.dropTarget.length - 1] as HTMLElement;\n      if (\n        ref.dropTargetCoord &&\n        elm !== ref.dragTarget &&\n        isColliding(ev.clientX, ev.clientY, ref.dropTargetCoord)\n      ) {\n        removeDropEffect(elm);\n        elm.classList.remove('dragEnter');\n        if (onDrop && ref.dragTarget) onDrop(elm, ref.dragTarget);\n        ref.dragTarget = undefined;\n        ref.dropTargetCoord = null;\n        ref.dropTarget = [];\n      }\n    },\n    [ref, isColliding, removeDropEffect, onDrop]\n  );\n\n  const dragStartCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      document.addEventListener('dragover', contextDragOverCb);\n      context.current?.addEventListener('drop', contextDropCb);\n\n      // clear the drag operation's data store when drag starts as its the only time when drag data is writable\n      if (ev.dataTransfer) ev.dataTransfer.clearData();\n\n      // We have to keep event handler in reference so that we can remove right handler when drag ends.\n      // Handler might change in between because of deps.\n      ref.contextDropCb = contextDropCb;\n      ref.contextDragOverCb = contextDragOverCb;\n\n      setGhostImage(ev);\n      ev.dataTransfer.effectAllowed = 'move';\n      // Setting up some dummy data to make drag drop work in firefox. Refer https://medium.com/%40reiberdatschi/common-pitfalls-with-html5-drag-n-drop-api-9f011a09ee6c\n      ev.dataTransfer.setData('text/plain', 'RS_Dragged_Item');\n      // fail safe reset drag target.\n      if (ref.dragTarget) ref.dragTarget = undefined;\n      ref.dragTarget = getDraggedObject ? getDraggedObject(ev.currentTarget) : ev.currentTarget;\n      ev.currentTarget.classList.add('dragStart');\n      addDragEffect(ev.currentTarget);\n      if (onDragStart) onDragStart(ev);\n    },\n    [\n      contextDragOverCb,\n      context,\n      contextDropCb,\n      setGhostImage,\n      ref,\n      getDraggedObject,\n      addDragEffect,\n      onDragStart\n    ]\n  );\n\n  const dragEndCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      if (ref.contextDragOverCb) document.removeEventListener('dragover', ref.contextDragOverCb);\n      if (ref.contextDropCb) context.current?.removeEventListener('drop', ref.contextDropCb);\n      ref.dropTarget = [];\n      ref.dropTargetCoord = null;\n      ref.forcedDragLeave = false;\n      ref.dragLeaveSkipped = false;\n      ev.currentTarget.classList.remove('dragStart');\n      removeDragEffect(ev.currentTarget);\n      if (onDragEnd) onDragEnd(ev);\n    },\n    [onDragEnd, removeDragEffect, context, ref]\n  );\n\n  const isValidDragEnter = useCallback(\n    (e: React.DragEvent<Element>) => {\n      let isValid = true;\n      if (ref.dragTarget === e.currentTarget) isValid = false;\n      else if (ref.dropTarget[ref.dropTarget.length - 1] === e.currentTarget) isValid = false;\n      else if (\n        ref.dropTarget[ref.dropTarget.length - 1] &&\n        ref.dropTarget[ref.dropTarget.length - 1] !== e.currentTarget\n      ) {\n        const currentTargetCoord = e.currentTarget.getBoundingClientRect();\n        const dropTargetCoord = ref.dropTarget[ref.dropTarget.length - 1].getBoundingClientRect();\n        if (\n          !isColliding(e.clientX, e.clientY, currentTargetCoord) &&\n          isColliding(e.clientX, e.clientY, dropTargetCoord)\n        )\n          isValid = false;\n      }\n      return isValid;\n    },\n    [ref, isColliding]\n  );\n\n  const dragEnterCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      ev.stopPropagation();\n      if (isValidDragEnter(ev)) {\n        ref.dropTarget = ref.dropTarget.length ? [...ref.dropTarget] : [];\n        ref.dropTarget.push(ev.currentTarget);\n        ev.currentTarget.classList.add('dragEnter');\n        ev.dataTransfer.dropEffect = 'move';\n        ref.dropTargetCoord = ev.currentTarget.getBoundingClientRect();\n        addDropEffect(ev.currentTarget);\n        if (onDragEnter) onDragEnter(ev);\n\n        if (ref.dropTarget.length > 1) {\n          const elm = ref.dropTarget.shift();\n          ref.dropTarget = [...ref.dropTarget];\n          ref.forcedDragLeave = true;\n          elm?.dispatchEvent(\n            new MouseEvent('dragleave', {\n              bubbles: true,\n              cancelable: true,\n              view: window\n            })\n          );\n        }\n      }\n    },\n    [onDragEnter, addDropEffect, ref, isValidDragEnter]\n  );\n\n  const dragLeaveCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      ev.stopPropagation();\n      if (ref.forcedDragLeave) {\n        ref.forcedDragLeave = false;\n        ev.currentTarget.classList.remove('dragEnter');\n        removeDropEffect(ev.currentTarget);\n        if (onDragLeave) onDragLeave(ev);\n      } else if (\n        !ev.currentTarget.contains(ev.relatedTarget as Element) &&\n        ref.dragTarget !== ev.currentTarget\n      ) {\n        ref.dragLeaveSkipped = true;\n      }\n    },\n    [ref, removeDropEffect, onDragLeave]\n  );\n\n  const dragProps = useMemo(\n    () => ({\n      draggable: true,\n      onDragStart: dragStartCb,\n      onDragEnd: dragEndCb\n    }),\n    [dragStartCb, dragEndCb]\n  );\n\n  const dropProps = useMemo(\n    () => ({\n      onDragEnter: dragEnterCb,\n      onDragLeave: dragLeaveCb,\n      'data-drop': 'dropzone'\n    }),\n    [dragEnterCb, dragLeaveCb]\n  );\n\n  return {\n    dragProps,\n    dropProps\n  };\n}\n"]}
+{"version":3,"file":"useDragDrop.js","sourceRoot":"","sources":["../../../Core/Hooks/useDragDrop.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo, useRef } from 'react';\n\nimport { getBrowserContext } from '../Utils';\n\nimport type { DragDropRef, UseDragDropProps, UseDragDropReturn } from './useDragDrop.types';\n\n/**\n * A custom React hook to handle drag-and-drop functionality with support for animations,\n * ghost images, and collision detection.\n *\n * @param params - The parameters for configuring the drag-and-drop behavior.\n * See {@link UseDragDropProps} for details.\n * @returns An object containing `dragProps` and `dropProps` to be spread onto draggable and droppable elements.\n * See {@link UseDragDropReturn} for details.\n */\nexport default function useDragDrop({\n  context,\n  onDragStart = undefined,\n  onDragEnd = undefined,\n  onDragEnter = undefined,\n  onDragLeave = undefined,\n  onDrop,\n  defaultAnimation = true,\n  getAnimationSelector,\n  defaultGhostImage = true,\n  getGhostImageSelector,\n  getDraggedObject\n}: UseDragDropProps): UseDragDropReturn {\n  // A way to fire dragleave when we actually come out of drop target not only a child of that.\n  const ref = useRef<DragDropRef>({\n    dropTarget: [],\n    dropTargetCoord: null,\n    dragTarget: undefined\n  }).current;\n\n  const addDragEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.opacity = '0.5';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const removeDragEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.opacity = '1';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const setGhostImage = useCallback(\n    (e: React.DragEvent<Element>) => {\n      if (defaultGhostImage) {\n        const elem = (\n          getGhostImageSelector ? getGhostImageSelector(e.currentTarget) : e.currentTarget\n        ) as HTMLElement;\n        const ghostElement = elem.cloneNode(true) as HTMLElement;\n        if (ghostElement) {\n          ghostElement.style.height = `${elem.style.height}px`;\n          ghostElement.style.width = `${elem.style.width}px`;\n          ghostElement.style.position = 'absolute';\n          ghostElement.style.top = '-1000000px';\n          ghostElement.style.left = '-10000000px';\n          ghostElement.style.zIndex = '-1';\n        }\n        context.current?.appendChild(ghostElement);\n        e.dataTransfer?.setDragImage(ghostElement, 0, 0);\n\n        setTimeout(() => {\n          ghostElement.parentNode?.removeChild(ghostElement);\n        }, 1000);\n      }\n    },\n    [getGhostImageSelector, defaultGhostImage]\n  );\n\n  const isColliding = useCallback((x: number, y: number, coord: DOMRect): boolean => {\n    const smallBuffer = 2;\n    return !(\n      x < coord.left - smallBuffer ||\n      x > coord.right + smallBuffer ||\n      y > coord.bottom + smallBuffer ||\n      y < coord.top - smallBuffer\n    );\n  }, []);\n\n  const addDropEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          // Need to handle this in better way.TODO: need clean up as well.\n          elm.style.transition = 'transform 0.25s';\n          elm.style.transform = 'translate(20px)';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const removeDropEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.transform = 'translate(0px)';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const contextDragOverCb = useCallback(\n    (e: DragEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (\n        ref.dragLeaveSkipped &&\n        ref.dropTarget &&\n        ref.dropTarget[ref.dropTarget.length - 1] &&\n        ref.dropTargetCoord &&\n        !isColliding(e.clientX, e.clientY, ref.dropTargetCoord)\n      ) {\n        ref.forcedDragLeave = true;\n        ref.dragLeaveSkipped = false;\n        const elm = ref.dropTarget.shift();\n        ref.dropTarget = [...ref.dropTarget];\n        elm?.dispatchEvent(\n          new MouseEvent('dragleave', {\n            bubbles: true,\n            cancelable: true,\n            view: getBrowserContext(context.current).window\n          })\n        );\n      }\n    },\n    [isColliding, ref]\n  );\n\n  const contextDropCb = useCallback(\n    (ev: DragEvent) => {\n      ev.stopPropagation();\n      ev.preventDefault();\n      const elm = ref.dropTarget[ref.dropTarget.length - 1] as HTMLElement;\n      if (\n        ref.dropTargetCoord &&\n        elm !== ref.dragTarget &&\n        isColliding(ev.clientX, ev.clientY, ref.dropTargetCoord)\n      ) {\n        removeDropEffect(elm);\n        elm.classList.remove('dragEnter');\n        if (onDrop && ref.dragTarget) onDrop(elm, ref.dragTarget);\n        ref.dragTarget = undefined;\n        ref.dropTargetCoord = null;\n        ref.dropTarget = [];\n      }\n    },\n    [ref, isColliding, removeDropEffect, onDrop]\n  );\n\n  const dragStartCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      getBrowserContext(context.current).document.addEventListener('dragover', contextDragOverCb);\n      context.current?.addEventListener('drop', contextDropCb);\n\n      // clear the drag operation's data store when drag starts as its the only time when drag data is writable\n      if (ev.dataTransfer) ev.dataTransfer.clearData();\n\n      // We have to keep event handler in reference so that we can remove right handler when drag ends.\n      // Handler might change in between because of deps.\n      ref.contextDropCb = contextDropCb;\n      ref.contextDragOverCb = contextDragOverCb;\n\n      setGhostImage(ev);\n      ev.dataTransfer.effectAllowed = 'move';\n      // Setting up some dummy data to make drag drop work in firefox. Refer https://medium.com/%40reiberdatschi/common-pitfalls-with-html5-drag-n-drop-api-9f011a09ee6c\n      ev.dataTransfer.setData('text/plain', 'RS_Dragged_Item');\n      // fail safe reset drag target.\n      if (ref.dragTarget) ref.dragTarget = undefined;\n      ref.dragTarget = getDraggedObject ? getDraggedObject(ev.currentTarget) : ev.currentTarget;\n      ev.currentTarget.classList.add('dragStart');\n      addDragEffect(ev.currentTarget);\n      if (onDragStart) onDragStart(ev);\n    },\n    [\n      contextDragOverCb,\n      contextDropCb,\n      setGhostImage,\n      ref,\n      getDraggedObject,\n      addDragEffect,\n      onDragStart\n    ]\n  );\n\n  const dragEndCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      if (ref.contextDragOverCb)\n        getBrowserContext(context.current).document.removeEventListener(\n          'dragover',\n          ref.contextDragOverCb\n        );\n      if (ref.contextDropCb) context.current?.removeEventListener('drop', ref.contextDropCb);\n      ref.dropTarget = [];\n      ref.dropTargetCoord = null;\n      ref.forcedDragLeave = false;\n      ref.dragLeaveSkipped = false;\n      ev.currentTarget.classList.remove('dragStart');\n      removeDragEffect(ev.currentTarget);\n      if (onDragEnd) onDragEnd(ev);\n    },\n    [onDragEnd, removeDragEffect, ref]\n  );\n\n  const isValidDragEnter = useCallback(\n    (e: React.DragEvent<Element>) => {\n      let isValid = true;\n      if (ref.dragTarget === e.currentTarget) isValid = false;\n      else if (ref.dropTarget[ref.dropTarget.length - 1] === e.currentTarget) isValid = false;\n      else if (\n        ref.dropTarget[ref.dropTarget.length - 1] &&\n        ref.dropTarget[ref.dropTarget.length - 1] !== e.currentTarget\n      ) {\n        const currentTargetCoord = e.currentTarget.getBoundingClientRect();\n        const dropTargetCoord = ref.dropTarget[ref.dropTarget.length - 1].getBoundingClientRect();\n        if (\n          !isColliding(e.clientX, e.clientY, currentTargetCoord) &&\n          isColliding(e.clientX, e.clientY, dropTargetCoord)\n        )\n          isValid = false;\n      }\n      return isValid;\n    },\n    [ref, isColliding]\n  );\n\n  const dragEnterCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      ev.stopPropagation();\n      if (isValidDragEnter(ev)) {\n        ref.dropTarget = ref.dropTarget.length ? [...ref.dropTarget] : [];\n        ref.dropTarget.push(ev.currentTarget);\n        ev.currentTarget.classList.add('dragEnter');\n        ev.dataTransfer.dropEffect = 'move';\n        ref.dropTargetCoord = ev.currentTarget.getBoundingClientRect();\n        addDropEffect(ev.currentTarget);\n        if (onDragEnter) onDragEnter(ev);\n\n        if (ref.dropTarget.length > 1) {\n          const elm = ref.dropTarget.shift();\n          ref.dropTarget = [...ref.dropTarget];\n          ref.forcedDragLeave = true;\n          elm?.dispatchEvent(\n            new MouseEvent('dragleave', {\n              bubbles: true,\n              cancelable: true,\n              view: getBrowserContext(context.current).window\n            })\n          );\n        }\n      }\n    },\n    [onDragEnter, addDropEffect, ref, isValidDragEnter]\n  );\n\n  const dragLeaveCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      ev.stopPropagation();\n      if (ref.forcedDragLeave) {\n        ref.forcedDragLeave = false;\n        ev.currentTarget.classList.remove('dragEnter');\n        removeDropEffect(ev.currentTarget);\n        if (onDragLeave) onDragLeave(ev);\n      } else if (\n        !ev.currentTarget.contains(ev.relatedTarget as Element) &&\n        ref.dragTarget !== ev.currentTarget\n      ) {\n        ref.dragLeaveSkipped = true;\n      }\n    },\n    [ref, removeDropEffect, onDragLeave]\n  );\n\n  const dragProps = useMemo(\n    () => ({\n      draggable: true,\n      onDragStart: dragStartCb,\n      onDragEnd: dragEndCb\n    }),\n    [dragStartCb, dragEndCb]\n  );\n\n  const dropProps = useMemo(\n    () => ({\n      onDragEnter: dragEnterCb,\n      onDragLeave: dragLeaveCb,\n      'data-drop': 'dropzone'\n    }),\n    [dragEnterCb, dragLeaveCb]\n  );\n\n  return {\n    dragProps,\n    dropProps\n  };\n}\n"]}

package/lib/Core/Hooks/useRepeat.d.ts

@@ -32,7 +32,7 @@ export interface Instance {
  * @returns A singleton instance object that contains methods to interact with repeating structure.
  * @see {@link Instance}
  */
-export default function useRepeat({ meta, apiContext, presets, persistedInfo, onRowClickAction, renderFactory, renderFormatterTypeMap, formatters, onViewReady, mode, toolBarOptions, styleFormats, repeatComponentInstance }: RepeatingStructuresProps & {
+export default function useRepeat({ meta, apiContext, presets, persistedInfo, renderFactory, renderFormatterTypeMap, formatters, onViewReady, mode, toolBarOptions, styleFormats, repeatComponentInstance }: RepeatingStructuresProps & {
     repeatComponentInstance: RefObject<RsCoreTypes.RsApi>;
 }): Instance;
 //# sourceMappingURL=useRepeat.d.ts.map

package/lib/Core/Hooks/useRepeat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRepeat.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useRepeat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5F,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,gCAAgC,CAAC;AAGxC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAK1F;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,uGAAuG;IACvG,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC;IACnC,8GAA8G;IAC9G,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC;IAC9B,+GAA+G;IAC/G,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACvC;;;;;SAKK;IACL,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,CAAC;CACnE;AAOD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,UAAU,EACV,OAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,sBAAsB,EACtB,UAAU,EACV,WAAW,EACX,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,uBAAuB,EACxB,EAAE,wBAAwB,GAAG;IAAE,uBAAuB,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;CAAE,GAAG,QAAQ,CA+QjG"}
+{"version":3,"file":"useRepeat.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useRepeat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,EAKL,KAAK,WAAW,EACjB,MAAM,gCAAgC,CAAC;AAGxC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAK1F;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,uGAAuG;IACvG,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC;IACnC,8GAA8G;IAC9G,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC;IAC9B,+GAA+G;IAC/G,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACvC;;;;;SAKK;IACL,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,CAAC;CACnE;AAOD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,UAAU,EACV,OAAY,EACZ,aAAa,EACb,aAAa,EACb,sBAAsB,EACtB,UAAU,EACV,WAAW,EACX,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,uBAAuB,EACxB,EAAE,wBAAwB,GAAG;IAAE,uBAAuB,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;CAAE,GAAG,QAAQ,CAkVjG"}

package/lib/Core/Hooks/useRepeat.js

@@ -1,7 +1,6 @@
 import { useEffect, useCallback, useRef, useImperativeHandle } from 'react';
-import { v4 as uuidV4 } from 'uuid';
-import { initializeRsCore, rowDragDropColumnMeta, sanitizeConditionalStyleFormats } from 'pega-repeating-structures-core';
-import { deepEqual, isRowReorderFieldEnabled } from '../Utils';
+import { initializeRsCore, rowDeleteColumnMeta, rowDragDropColumnMeta, sanitizeConditionalStyleFormats } from 'pega-repeating-structures-core';
+import { deepEqual, hasColumnById, isRowReorderFieldEnabled, ACTION_COLUMN_TYPES } from '../Utils';
 import useThunkReducer from './useThunkReducer';
 import useTranslate from './useTranslate';
 function getRsCoreApi(instance, opt) {
@@ -19,9 +18,9 @@ function getRsCoreApi(instance, opt) {
  * @returns A singleton instance object that contains methods to interact with repeating structure.
  * @see {@link Instance}
  */
-export default function useRepeat({ meta, apiContext, presets = [], persistedInfo, onRowClickAction, renderFactory, renderFormatterTypeMap, formatters, onViewReady, mode, toolBarOptions, styleFormats, repeatComponentInstance }) {
+export default function useRepeat({ meta, apiContext, presets = [], persistedInfo, renderFactory, renderFormatterTypeMap, formatters, onViewReady, mode, toolBarOptions, styleFormats, repeatComponentInstance }) {
     // Create the repeat instance
-    const instance = useRef({ rsID: uuidV4() }).current;
+    const instance = useRef({ rsID: crypto.randomUUID() }).current;
     // Normalize metadata everytime as you might have added custom column.
     // TODO: refactor this to normalizeMeta when required.
     const [, dispatch] = useThunkReducer();
@@ -33,7 +32,12 @@ export default function useRepeat({ meta, apiContext, presets = [], persistedInf
         'saved_changes_with_default',
         'view_marked_app_default',
         'view_marked_default',
-        'view_navigation_instructions'
+        'view_navigation_instructions',
+        'Actions',
+        'Select',
+        'Reorder',
+        'Error',
+        'required'
     ];
     const [translate] = useTranslate();
     const rsCoreTranslationValues = translate(rsCoreTranslationKeys);
@@ -45,7 +49,6 @@ export default function useRepeat({ meta, apiContext, presets = [], persistedInf
             renderFormatterTypeMap,
             toolBarOptions,
             meta,
-            onRowClickAction,
             apiContext,
             presets,
             persistedInfo,
@@ -68,6 +71,7 @@ export default function useRepeat({ meta, apiContext, presets = [], persistedInf
     };
     /** Compare new payload with current state to avoid unnecessary rerenders */
     // TODO: create separate api for setting visibility state for OOTB columns.
+    // TODO: remove setHiddenColumns API when we deprecate hiddenColumns in favor of visibleColumns only.
     const setHiddenColumns = useCallback((hiddenColumns, ootbColumns) => {
         if (hiddenColumns &&
             !ootbColumns &&
@@ -80,6 +84,14 @@ export default function useRepeat({ meta, apiContext, presets = [], persistedInf
         }
         instance.getView().type.applyHiddenColumns(hiddenColumns, ootbColumns);
     }, [instance]);
+    const setVisibleColumns = useCallback((visibleColumns) => {
+        if (visibleColumns &&
+            visibleColumns.length === instance.getView().state.visibleColumns?.length &&
+            visibleColumns.every(id => instance.getView().state.visibleColumns?.includes(id))) {
+            return;
+        }
+        instance.getView().type.applyVisibleColumns(visibleColumns);
+    }, [instance]);
     const setColumnOrder = useCallback((colOrder) => {
         if (colOrder && deepEqual(colOrder, instance.getView().state.colOrder)) {
             return;
@@ -117,13 +129,37 @@ export default function useRepeat({ meta, apiContext, presets = [], persistedInf
         }
         instance.getView().type.applyGrouping(groups);
     }, [instance]);
+    const setActionColumnVisibility = useCallback((columnType, visibility) => {
+        switch (columnType) {
+            case ACTION_COLUMN_TYPES.ROW_REORDER: {
+                const isRowReorderColumnPresent = hasColumnById(instance.getView().columns, rowDragDropColumnMeta.field.id);
+                if (isRowReorderColumnPresent) {
+                    instance
+                        .getView()
+                        .type.updateColumnsVisibility({ [rowDragDropColumnMeta.field.id]: visibility });
+                }
+                break;
+            }
+            case ACTION_COLUMN_TYPES.ROW_DELETE: {
+                const isRowDeleteColumnPresent = hasColumnById(instance.getView().columns, rowDeleteColumnMeta.field.id);
+                if (isRowDeleteColumnPresent) {
+                    instance
+                        .getView()
+                        .type.updateColumnsVisibility({ [rowDeleteColumnMeta.field.id]: visibility });
+                }
+                break;
+            }
+            default:
+                break;
+        }
+    }, [instance]);
     const setRowReorderFieldVisibility = useCallback(visibility => {
         if (isRowReorderFieldEnabled(instance.getView().meta)) {
             instance
                 .getView()
                 .type.updateColumnsVisibility({ [rowDragDropColumnMeta.field.id]: visibility });
         }
-    }, [instance]);
+    }, [setActionColumnVisibility]);
     const updateColumnsVisibility = useCallback(columns => {
         const fieldDefs = instance.getView().meta.fieldDefs.map(field => field.id);
         const columnsToBeToggled = {};
@@ -154,17 +190,23 @@ export default function useRepeat({ meta, apiContext, presets = [], persistedInf
             deepEqual(conditionalStyleFormats, instance.getView().state.conditionalStyleFormats)) {
             return;
         }
+        // TODO: below sanitization should be handled in rs core.
         const sanitizedFormats = sanitizeConditionalStyleFormats(conditionalStyleFormats, fieldDefs);
         instance.getView().type.setConditionalStyleFormats(sanitizedFormats);
     }, []);
-    const setRenderFormatter = useCallback((columnId, formatterName) => {
+    const setRenderFormatter = useCallback((columnId, formatter) => {
+        instance
+            .getView()
+            .columns?.find(c => c.field.id === columnId)
+            ?.applyFormatter(formatter);
+    }, [instance]);
+    const removeRenderFormatter = useCallback(columnId => {
         instance
             .getView()
             .columns?.find(c => c.field.id === columnId)
-            ?.applyFormatter(formatterName);
+            ?.removeFormatter();
     }, [instance]);
     // TODO: Move the RsCoreTypes.RsApi's to separate file, maybe useRsApi.ts
-    // TODO:
     useImperativeHandle(repeatComponentInstance, () => ({
         refreshView: instance.getView().type.forceRefresh,
         setRecordCount: instance.getView().type.setRecordCount,
@@ -175,13 +217,18 @@ export default function useRepeat({ meta, apiContext, presets = [], persistedInf
             ? setHiddenColumns
             : undefined,
         setColumnOrder: instance.getView().meta.reorderFields ? setColumnOrder : undefined,
+        setVisibleColumns: instance.getView().meta.toggleFieldVisibility
+            ? (visibleColumns) => setVisibleColumns(visibleColumns)
+            : undefined,
         setFilter,
         setSorting,
         setAliases,
         setGrouping: instance.getView().meta.grouping ? setGrouping : undefined,
         setAggregations,
         setRenderFormatter,
+        removeRenderFormatter,
         setRowReorderFieldVisibility,
+        setActionColumnVisibility,
         updateColumnsVisibility,
         setConditionalStyleFormats
     }), []);

package/lib/Core/Hooks/useRepeat.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRepeat.js","sourceRoot":"","sources":["../../../Core/Hooks/useRepeat.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useCallback, useRef, useImperativeHandle, type RefObject } from 'react';\nimport { v4 as uuidV4 } from 'uuid';\n\nimport {\n  initializeRsCore,\n  rowDragDropColumnMeta,\n  sanitizeConditionalStyleFormats,\n  type RsCoreTypes\n} from 'pega-repeating-structures-core';\n\nimport { deepEqual, isRowReorderFieldEnabled } from '../Utils';\nimport type { RepeatingStructuresProps } from '../../types/RepeatingStructuresBoot.types';\n\nimport useThunkReducer from './useThunkReducer';\nimport useTranslate from './useTranslate';\n\n/**\n * Represents the instance of a repeating structure, containing methods and properties\n * to interact with it.\n */\nexport interface Instance {\n  /** A unique identifier for the repeating structure instance. */\n  rsID: string;\n  /** The API context for interacting with the repeating structure. See {@link RsCoreTypes.ApiContext} */\n  apiContext: RsCoreTypes.ApiContext;\n  /** The core API for managing the repeating structure's state and behavior. See {@link RsCoreTypes.RsCore}. */\n  rsCoreApi: RsCoreTypes.RsCore;\n  /** A method to retrieve the current view of the repeating structure. See {@link RsCoreTypes.RsCore.getView} */\n  getView: RsCoreTypes.RsCore['getView'];\n  /**\n   * @deprecated This set of methods is deprecated and will be removed in future versions.\n   * Use methods exposed using repeatComponentInstance instead.\n   *\n   * A set of APIs to interact with the repeating structure. See {@link RsCoreTypes.RsApi}.\n   * */\n  api: Pick<RsCoreTypes.RsApi, 'dispatchAction' | 'setRecordCount'>;\n}\n\nfunction getRsCoreApi(instance: Instance, opt: RsCoreTypes.RsCoreInitArgs) {\n  if (instance.rsCoreApi) return instance.rsCoreApi;\n  return initializeRsCore(opt);\n}\n\n/**\n * A custom React hook to manage the lifecycle of repeating structures using `RsCore` library.\n * It provides an RsCoreTypes.RsApi for interacting with the view.\n * Provide additional callbacks to API Context via `addCallbacks` method.\n *\n * @param props - RepeatingStructuresProps required to initialize and manage the repeating structures.\n * @see {@link RepeatingStructuresProps}\n * @returns A singleton instance object that contains methods to interact with repeating structure.\n * @see {@link Instance}\n */\nexport default function useRepeat({\n  meta,\n  apiContext,\n  presets = [],\n  persistedInfo,\n  onRowClickAction,\n  renderFactory,\n  renderFormatterTypeMap,\n  formatters,\n  onViewReady,\n  mode,\n  toolBarOptions,\n  styleFormats,\n  repeatComponentInstance\n}: RepeatingStructuresProps & { repeatComponentInstance: RefObject<RsCoreTypes.RsApi> }): Instance {\n  // Create the repeat instance\n  const instance: Instance = useRef<Instance>({ rsID: uuidV4() } as Instance).current;\n\n  // Normalize metadata everytime as you might have added custom column.\n  // TODO: refactor this to normalizeMeta when required.\n\n  const [, dispatch] = useThunkReducer();\n  // FIXME: remove renderFactory from RsApi params\n\n  type RsCoreTranslationKeys = keyof NonNullable<RsCoreTypes.RsCoreInitArgs['translations']>;\n  const rsCoreTranslationKeys: RsCoreTranslationKeys[] = [\n    'created_view',\n    'created_view_with_default',\n    'deleted_view',\n    'saved_changes',\n    'saved_changes_with_default',\n    'view_marked_app_default',\n    'view_marked_default',\n    'view_navigation_instructions'\n  ];\n\n  const [translate] = useTranslate();\n  const rsCoreTranslationValues = translate(rsCoreTranslationKeys);\n  const rsCoreTranslations = Object.fromEntries(\n    rsCoreTranslationKeys.map((key, index) => [key, rsCoreTranslationValues[index]])\n  );\n\n  Object.assign(instance, {\n    apiContext,\n    rsCoreApi: getRsCoreApi(instance, {\n      formatters,\n      renderFormatterTypeMap,\n      toolBarOptions,\n      meta,\n      onRowClickAction,\n      apiContext,\n      presets,\n      persistedInfo,\n      dispatch,\n      mode,\n      renderFactory,\n      styleFormats,\n      translations: rsCoreTranslations\n    })\n  });\n\n  Object.assign(instance, {\n    getView: instance.rsCoreApi.getView\n  });\n\n  // TODO: enrich this to take meta as well\n  instance.rsCoreApi.updateInitArgs({ apiContext, styleFormats });\n\n  instance.api = {\n    ...(instance.api || {}),\n    setRecordCount: instance.getView().type.setRecordCount,\n    dispatchAction: instance.getView().type.dispatchAction\n  };\n\n  /** Compare new payload with current state to avoid unnecessary rerenders */\n  // TODO: create separate api for setting visibility state for OOTB columns.\n  const setHiddenColumns = useCallback(\n    (hiddenColumns: string[], ootbColumns?: { dragHandle?: boolean }) => {\n      if (\n        hiddenColumns &&\n        !ootbColumns &&\n        hiddenColumns.length === instance.getView().state.hiddenColumns?.length &&\n        hiddenColumns.every(id => instance.getView().state.hiddenColumns?.includes(id))\n      ) {\n        return;\n      }\n      if (ootbColumns?.dragHandle && !isRowReorderFieldEnabled(instance.getView().meta)) {\n        delete ootbColumns.dragHandle;\n      }\n      instance.getView().type.applyHiddenColumns(hiddenColumns, ootbColumns);\n    },\n    [instance]\n  );\n\n  const setColumnOrder: RsCoreTypes.RsApi['setColumnOrder'] = useCallback(\n    (colOrder: string[]) => {\n      if (colOrder && deepEqual(colOrder, instance.getView().state.colOrder)) {\n        return;\n      }\n      instance.getView().type.applyOrder(colOrder);\n    },\n    [instance]\n  );\n\n  const setAggregations: RsCoreTypes.RsApi['setAggregations'] = useCallback(\n    (agg: RsCoreTypes.State['aggregationInfo']) => {\n      if (agg && deepEqual(agg, instance.getView().state.aggregationInfo)) {\n        return;\n      }\n      if (agg) instance.getView().type.applyAggregations(agg);\n    },\n    [instance]\n  );\n\n  const setFilter: RsCoreTypes.RsApi['setFilter'] = useCallback(\n    newFilter => {\n      if (newFilter && deepEqual(newFilter, instance.getView().state.filterExpression)) {\n        return;\n      }\n      instance.getView().type.applyFilter({ filterExp: newFilter });\n    },\n    [instance]\n  );\n\n  const setAliases: RsCoreTypes.RsApi['setAliases'] = useCallback(\n    aliases => {\n      if (!aliases) {\n        return;\n      }\n      instance.getView().type.applyAliases({ aliases });\n    },\n    [instance]\n  );\n\n  const setSorting: RsCoreTypes.RsApi['setSorting'] = useCallback(\n    sortingOrder => {\n      if (sortingOrder && deepEqual(sortingOrder, instance.getView().state.sortingOrder)) {\n        return;\n      }\n      instance.getView().type.applySorting(sortingOrder);\n    },\n    [instance]\n  );\n\n  const setGrouping: RsCoreTypes.RsApi['setGrouping'] = useCallback(\n    (groups: RsCoreTypes.Group[]) => {\n      if (groups && deepEqual(groups, instance.getView().state.groups)) {\n        return;\n      }\n      instance.getView().type.applyGrouping(groups);\n    },\n    [instance]\n  );\n\n  const setRowReorderFieldVisibility: RsCoreTypes.RsApi['setRowReorderFieldVisibility'] =\n    useCallback(\n      visibility => {\n        if (isRowReorderFieldEnabled(instance.getView().meta)) {\n          instance\n            .getView()\n            .type.updateColumnsVisibility({ [rowDragDropColumnMeta.field.id]: visibility });\n        }\n      },\n      [instance]\n    );\n\n  const updateColumnsVisibility: RsCoreTypes.RsApi['updateColumnsVisibility'] = useCallback(\n    columns => {\n      const fieldDefs = instance.getView().meta.fieldDefs.map(field => field.id);\n      const columnsToBeToggled: Record<string, boolean> = {};\n      Object.keys(columns).forEach(column => {\n        if (fieldDefs.includes(column)) {\n          columnsToBeToggled[column] = columns[column];\n        }\n      });\n      if (Object.keys(columnsToBeToggled).length) {\n        instance.getView().type.updateColumnsVisibility(columnsToBeToggled);\n      }\n    },\n    [instance]\n  );\n\n  const getActiveViewInfo = useCallback(() => {\n    const {\n      state: { personalization }\n    } = instance.getView();\n\n    const activePersonalization = personalization?.active;\n    const activePersonalizationName = activePersonalization\n      ? personalization?.allPersonalizations?.[activePersonalization]?.name\n      : undefined;\n    return {\n      id: activePersonalization,\n      name: activePersonalizationName,\n      isDirty: !!personalization?.dirty\n    };\n  }, [instance]);\n\n  const setConditionalStyleFormats: RsCoreTypes.RsApi['setConditionalStyleFormats'] = useCallback(\n    conditionalStyleFormats => {\n      const {\n        meta: { fieldDefs }\n      } = instance.getView();\n\n      if (\n        conditionalStyleFormats &&\n        deepEqual(conditionalStyleFormats, instance.getView().state.conditionalStyleFormats)\n      ) {\n        return;\n      }\n\n      const sanitizedFormats = sanitizeConditionalStyleFormats(conditionalStyleFormats, fieldDefs);\n      instance.getView().type.setConditionalStyleFormats(sanitizedFormats);\n    },\n    []\n  );\n\n  const setRenderFormatter: RsCoreTypes.RsApi['setRenderFormatter'] = useCallback(\n    (columnId, formatterName) => {\n      instance\n        .getView()\n        .columns?.find(c => c.field.id === columnId)\n        ?.applyFormatter(formatterName);\n    },\n    [instance]\n  );\n\n  // TODO: Move the RsCoreTypes.RsApi's to separate file, maybe useRsApi.ts\n  // TODO:\n  useImperativeHandle(\n    repeatComponentInstance,\n    () => ({\n      refreshView: instance.getView().type.forceRefresh,\n      setRecordCount: instance.getView().type.setRecordCount,\n      dispatchAction: instance.getView().type.dispatchAction,\n      getActiveViewInfo,\n      /** Only expose below APIs when those features are enabled */\n      setHiddenColumns: instance.getView().meta.toggleFieldVisibility\n        ? setHiddenColumns\n        : undefined,\n      setColumnOrder: instance.getView().meta.reorderFields ? setColumnOrder : undefined,\n      setFilter,\n      setSorting,\n      setAliases,\n      setGrouping: instance.getView().meta.grouping ? setGrouping : undefined,\n      setAggregations,\n      setRenderFormatter,\n      setRowReorderFieldVisibility,\n      updateColumnsVisibility,\n      setConditionalStyleFormats\n    }),\n\n    []\n  );\n\n  // When ever component mounts, do this after first render of component\n  useEffect(() => {\n    instance.getView().type.doBootstrap();\n    if (onViewReady) onViewReady(instance.api);\n    if (instance.apiContext.addCallbacks && repeatComponentInstance?.current) {\n      // add instance APIs as callbacks <setRecordCount> for push communication from Nebula to Client\n      instance.apiContext.addCallbacks({\n        ...repeatComponentInstance.current,\n        forceRefresh: instance.getView().type.forceRefresh\n      });\n    }\n\n    instance.apiContext.setRsID?.(instance.getView().rsID);\n\n    instance.rsCoreApi.notifyViewEvent().mount();\n    return () => {\n      instance.rsCoreApi.notifyViewEvent().unmount();\n      // Marking it as ts-ignore. Making these objects take null will increase conditional blocks in code.\n      // @ts-ignore\n      instance.rsCoreApi = null;\n      // @ts-ignore\n      instance.getView = null;\n    };\n  }, [instance]);\n\n  useEffect(() => {\n    instance.rsCoreApi.notifyViewEvent().afterRender();\n  }, [instance, instance.getView().state]);\n\n  return instance;\n}\n"]}
+{"version":3,"file":"useRepeat.js","sourceRoot":"","sources":["../../../Core/Hooks/useRepeat.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useCallback, useRef, useImperativeHandle, type RefObject } from 'react';\n\nimport {\n  initializeRsCore,\n  rowDeleteColumnMeta,\n  rowDragDropColumnMeta,\n  sanitizeConditionalStyleFormats,\n  type RsCoreTypes\n} from 'pega-repeating-structures-core';\n\nimport { deepEqual, hasColumnById, isRowReorderFieldEnabled, ACTION_COLUMN_TYPES } from '../Utils';\nimport type { RepeatingStructuresProps } from '../../types/RepeatingStructuresBoot.types';\n\nimport useThunkReducer from './useThunkReducer';\nimport useTranslate from './useTranslate';\n\n/**\n * Represents the instance of a repeating structure, containing methods and properties\n * to interact with it.\n */\nexport interface Instance {\n  /** A unique identifier for the repeating structure instance. */\n  rsID: string;\n  /** The API context for interacting with the repeating structure. See {@link RsCoreTypes.ApiContext} */\n  apiContext: RsCoreTypes.ApiContext;\n  /** The core API for managing the repeating structure's state and behavior. See {@link RsCoreTypes.RsCore}. */\n  rsCoreApi: RsCoreTypes.RsCore;\n  /** A method to retrieve the current view of the repeating structure. See {@link RsCoreTypes.RsCore.getView} */\n  getView: RsCoreTypes.RsCore['getView'];\n  /**\n   * @deprecated This set of methods is deprecated and will be removed in future versions.\n   * Use methods exposed using repeatComponentInstance instead.\n   *\n   * A set of APIs to interact with the repeating structure. See {@link RsCoreTypes.RsApi}.\n   * */\n  api: Pick<RsCoreTypes.RsApi, 'dispatchAction' | 'setRecordCount'>;\n}\n\nfunction getRsCoreApi(instance: Instance, opt: RsCoreTypes.RsCoreInitArgs) {\n  if (instance.rsCoreApi) return instance.rsCoreApi;\n  return initializeRsCore(opt);\n}\n\n/**\n * A custom React hook to manage the lifecycle of repeating structures using `RsCore` library.\n * It provides an RsCoreTypes.RsApi for interacting with the view.\n * Provide additional callbacks to API Context via `addCallbacks` method.\n *\n * @param props - RepeatingStructuresProps required to initialize and manage the repeating structures.\n * @see {@link RepeatingStructuresProps}\n * @returns A singleton instance object that contains methods to interact with repeating structure.\n * @see {@link Instance}\n */\nexport default function useRepeat({\n  meta,\n  apiContext,\n  presets = [],\n  persistedInfo,\n  renderFactory,\n  renderFormatterTypeMap,\n  formatters,\n  onViewReady,\n  mode,\n  toolBarOptions,\n  styleFormats,\n  repeatComponentInstance\n}: RepeatingStructuresProps & { repeatComponentInstance: RefObject<RsCoreTypes.RsApi> }): Instance {\n  // Create the repeat instance\n  const instance: Instance = useRef<Instance>({ rsID: crypto.randomUUID() } as Instance).current;\n\n  // Normalize metadata everytime as you might have added custom column.\n  // TODO: refactor this to normalizeMeta when required.\n\n  const [, dispatch] = useThunkReducer();\n  // FIXME: remove renderFactory from RsApi params\n\n  type RsCoreTranslationKeys = keyof NonNullable<RsCoreTypes.RsCoreInitArgs['translations']>;\n  const rsCoreTranslationKeys: RsCoreTranslationKeys[] = [\n    'created_view',\n    'created_view_with_default',\n    'deleted_view',\n    'saved_changes',\n    'saved_changes_with_default',\n    'view_marked_app_default',\n    'view_marked_default',\n    'view_navigation_instructions',\n    'Actions',\n    'Select',\n    'Reorder',\n    'Error',\n    'required'\n  ];\n\n  const [translate] = useTranslate();\n  const rsCoreTranslationValues = translate(rsCoreTranslationKeys);\n  const rsCoreTranslations = Object.fromEntries(\n    rsCoreTranslationKeys.map((key, index) => [key, rsCoreTranslationValues[index]])\n  );\n\n  Object.assign(instance, {\n    apiContext,\n    rsCoreApi: getRsCoreApi(instance, {\n      formatters,\n      renderFormatterTypeMap,\n      toolBarOptions,\n      meta,\n      apiContext,\n      presets,\n      persistedInfo,\n      dispatch,\n      mode,\n      renderFactory,\n      styleFormats,\n      translations: rsCoreTranslations\n    })\n  });\n\n  Object.assign(instance, {\n    getView: instance.rsCoreApi.getView\n  });\n\n  // TODO: enrich this to take meta as well\n  instance.rsCoreApi.updateInitArgs({ apiContext, styleFormats });\n\n  instance.api = {\n    ...(instance.api || {}),\n    setRecordCount: instance.getView().type.setRecordCount,\n    dispatchAction: instance.getView().type.dispatchAction\n  };\n\n  /** Compare new payload with current state to avoid unnecessary rerenders */\n  // TODO: create separate api for setting visibility state for OOTB columns.\n  // TODO: remove setHiddenColumns API when we deprecate hiddenColumns in favor of visibleColumns only.\n  const setHiddenColumns = useCallback(\n    (hiddenColumns: string[], ootbColumns?: { dragHandle?: boolean }) => {\n      if (\n        hiddenColumns &&\n        !ootbColumns &&\n        hiddenColumns.length === instance.getView().state.hiddenColumns?.length &&\n        hiddenColumns.every(id => instance.getView().state.hiddenColumns?.includes(id))\n      ) {\n        return;\n      }\n      if (ootbColumns?.dragHandle && !isRowReorderFieldEnabled(instance.getView().meta)) {\n        delete ootbColumns.dragHandle;\n      }\n      instance.getView().type.applyHiddenColumns(hiddenColumns, ootbColumns);\n    },\n    [instance]\n  );\n\n  const setVisibleColumns = useCallback(\n    (visibleColumns: string[]) => {\n      if (\n        visibleColumns &&\n        visibleColumns.length === instance.getView().state.visibleColumns?.length &&\n        visibleColumns.every(id => instance.getView().state.visibleColumns?.includes(id))\n      ) {\n        return;\n      }\n      instance.getView().type.applyVisibleColumns(visibleColumns);\n    },\n    [instance]\n  );\n\n  const setColumnOrder: RsCoreTypes.RsApi['setColumnOrder'] = useCallback(\n    (colOrder: string[]) => {\n      if (colOrder && deepEqual(colOrder, instance.getView().state.colOrder)) {\n        return;\n      }\n      instance.getView().type.applyOrder(colOrder);\n    },\n    [instance]\n  );\n\n  const setAggregations: RsCoreTypes.RsApi['setAggregations'] = useCallback(\n    (agg: RsCoreTypes.State['aggregationInfo']) => {\n      if (agg && deepEqual(agg, instance.getView().state.aggregationInfo)) {\n        return;\n      }\n      if (agg) instance.getView().type.applyAggregations(agg);\n    },\n    [instance]\n  );\n\n  const setFilter: RsCoreTypes.RsApi['setFilter'] = useCallback(\n    newFilter => {\n      if (newFilter && deepEqual(newFilter, instance.getView().state.filterExpression)) {\n        return;\n      }\n      instance.getView().type.applyFilter({ filterExp: newFilter });\n    },\n    [instance]\n  );\n\n  const setAliases: RsCoreTypes.RsApi['setAliases'] = useCallback(\n    aliases => {\n      if (!aliases) {\n        return;\n      }\n      instance.getView().type.applyAliases({ aliases });\n    },\n    [instance]\n  );\n\n  const setSorting: RsCoreTypes.RsApi['setSorting'] = useCallback(\n    sortingOrder => {\n      if (sortingOrder && deepEqual(sortingOrder, instance.getView().state.sortingOrder)) {\n        return;\n      }\n      instance.getView().type.applySorting(sortingOrder);\n    },\n    [instance]\n  );\n\n  const setGrouping: RsCoreTypes.RsApi['setGrouping'] = useCallback(\n    (groups: RsCoreTypes.Group[]) => {\n      if (groups && deepEqual(groups, instance.getView().state.groups)) {\n        return;\n      }\n      instance.getView().type.applyGrouping(groups);\n    },\n    [instance]\n  );\n\n  const setActionColumnVisibility: RsCoreTypes.RsApi['setActionColumnVisibility'] = useCallback(\n    (columnType, visibility) => {\n      switch (columnType) {\n        case ACTION_COLUMN_TYPES.ROW_REORDER: {\n          const isRowReorderColumnPresent = hasColumnById(\n            instance.getView().columns,\n            rowDragDropColumnMeta.field.id\n          );\n          if (isRowReorderColumnPresent) {\n            instance\n              .getView()\n              .type.updateColumnsVisibility({ [rowDragDropColumnMeta.field.id]: visibility });\n          }\n          break;\n        }\n        case ACTION_COLUMN_TYPES.ROW_DELETE: {\n          const isRowDeleteColumnPresent = hasColumnById(\n            instance.getView().columns,\n            rowDeleteColumnMeta.field.id\n          );\n          if (isRowDeleteColumnPresent) {\n            instance\n              .getView()\n              .type.updateColumnsVisibility({ [rowDeleteColumnMeta.field.id]: visibility });\n          }\n          break;\n        }\n        default:\n          break;\n      }\n    },\n    [instance]\n  );\n\n  const setRowReorderFieldVisibility: RsCoreTypes.RsApi['setRowReorderFieldVisibility'] =\n    useCallback(\n      visibility => {\n        if (isRowReorderFieldEnabled(instance.getView().meta)) {\n          instance\n            .getView()\n            .type.updateColumnsVisibility({ [rowDragDropColumnMeta.field.id]: visibility });\n        }\n      },\n      [setActionColumnVisibility]\n    );\n\n  const updateColumnsVisibility: RsCoreTypes.RsApi['updateColumnsVisibility'] = useCallback(\n    columns => {\n      const fieldDefs = instance.getView().meta.fieldDefs.map(field => field.id);\n      const columnsToBeToggled: Record<string, boolean> = {};\n      Object.keys(columns).forEach(column => {\n        if (fieldDefs.includes(column)) {\n          columnsToBeToggled[column] = columns[column];\n        }\n      });\n      if (Object.keys(columnsToBeToggled).length) {\n        instance.getView().type.updateColumnsVisibility(columnsToBeToggled);\n      }\n    },\n    [instance]\n  );\n\n  const getActiveViewInfo = useCallback(() => {\n    const {\n      state: { personalization }\n    } = instance.getView();\n\n    const activePersonalization = personalization?.active;\n    const activePersonalizationName = activePersonalization\n      ? personalization?.allPersonalizations?.[activePersonalization]?.name\n      : undefined;\n    return {\n      id: activePersonalization,\n      name: activePersonalizationName,\n      isDirty: !!personalization?.dirty\n    };\n  }, [instance]);\n\n  const setConditionalStyleFormats: RsCoreTypes.RsApi['setConditionalStyleFormats'] = useCallback(\n    conditionalStyleFormats => {\n      const {\n        meta: { fieldDefs }\n      } = instance.getView();\n\n      if (\n        conditionalStyleFormats &&\n        deepEqual(conditionalStyleFormats, instance.getView().state.conditionalStyleFormats)\n      ) {\n        return;\n      }\n      // TODO: below sanitization should be handled in rs core.\n      const sanitizedFormats = sanitizeConditionalStyleFormats(conditionalStyleFormats, fieldDefs);\n      instance.getView().type.setConditionalStyleFormats(sanitizedFormats);\n    },\n    []\n  );\n\n  const setRenderFormatter: RsCoreTypes.RsApi['setRenderFormatter'] = useCallback(\n    (columnId, formatter) => {\n      instance\n        .getView()\n        .columns?.find(c => c.field.id === columnId)\n        ?.applyFormatter(formatter);\n    },\n    [instance]\n  );\n\n  const removeRenderFormatter: RsCoreTypes.RsApi['removeRenderFormatter'] = useCallback(\n    columnId => {\n      instance\n        .getView()\n        .columns?.find(c => c.field.id === columnId)\n        ?.removeFormatter();\n    },\n    [instance]\n  );\n\n  // TODO: Move the RsCoreTypes.RsApi's to separate file, maybe useRsApi.ts\n  useImperativeHandle(\n    repeatComponentInstance,\n    () => ({\n      refreshView: instance.getView().type.forceRefresh,\n      setRecordCount: instance.getView().type.setRecordCount,\n      dispatchAction: instance.getView().type.dispatchAction,\n      getActiveViewInfo,\n      /** Only expose below APIs when those features are enabled */\n      setHiddenColumns: instance.getView().meta.toggleFieldVisibility\n        ? setHiddenColumns\n        : undefined,\n      setColumnOrder: instance.getView().meta.reorderFields ? setColumnOrder : undefined,\n      setVisibleColumns: instance.getView().meta.toggleFieldVisibility\n        ? (visibleColumns: string[]) => setVisibleColumns(visibleColumns)\n        : undefined,\n      setFilter,\n      setSorting,\n      setAliases,\n      setGrouping: instance.getView().meta.grouping ? setGrouping : undefined,\n      setAggregations,\n      setRenderFormatter,\n      removeRenderFormatter,\n      setRowReorderFieldVisibility,\n      setActionColumnVisibility,\n      updateColumnsVisibility,\n      setConditionalStyleFormats\n    }),\n\n    []\n  );\n\n  // When ever component mounts, do this after first render of component\n  useEffect(() => {\n    instance.getView().type.doBootstrap();\n    if (onViewReady) onViewReady(instance.api);\n    if (instance.apiContext.addCallbacks && repeatComponentInstance?.current) {\n      // add instance APIs as callbacks <setRecordCount> for push communication from Nebula to Client\n      instance.apiContext.addCallbacks({\n        ...repeatComponentInstance.current,\n        forceRefresh: instance.getView().type.forceRefresh\n      });\n    }\n\n    instance.apiContext.setRsID?.(instance.getView().rsID);\n\n    instance.rsCoreApi.notifyViewEvent().mount();\n    return () => {\n      instance.rsCoreApi.notifyViewEvent().unmount();\n      // Marking it as ts-ignore. Making these objects take null will increase conditional blocks in code.\n      // @ts-ignore\n      instance.rsCoreApi = null;\n      // @ts-ignore\n      instance.getView = null;\n    };\n  }, [instance]);\n\n  useEffect(() => {\n    instance.rsCoreApi.notifyViewEvent().afterRender();\n  }, [instance, instance.getView().state]);\n\n  return instance;\n}\n"]}

package/lib/Core/Hooks/useSelectAllCheckbox.d.ts

@@ -0,0 +1,21 @@
+import type { ChangeEvent } from 'react';
+interface UseSelectAllCheckboxParams {
+    selectedRecordsCount?: number;
+    resultsCount?: number;
+    hasMoreResults?: boolean;
+    selectionMode?: string;
+    selectionCountThreshold?: number;
+    disableSelectionOnLoad?: boolean;
+    selectAllRows?: (checked: boolean) => Promise<void>;
+    getDisableSelection?: () => boolean | undefined;
+}
+interface UseSelectAllCheckboxResult {
+    showSelectAllCheckbox: boolean;
+    isChecked: boolean;
+    isIndeterminate: boolean;
+    isDisabled: boolean;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export default function useSelectAllCheckbox({ selectedRecordsCount, resultsCount, hasMoreResults, selectionMode, selectionCountThreshold, disableSelectionOnLoad, selectAllRows, getDisableSelection }: UseSelectAllCheckboxParams): UseSelectAllCheckboxResult;
+export {};
+//# sourceMappingURL=useSelectAllCheckbox.d.ts.map

package/lib/Core/Hooks/useSelectAllCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectAllCheckbox.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useSelectAllCheckbox.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,UAAU,0BAA0B;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,mBAAmB,CAAC,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC;CACjD;AAED,UAAU,0BAA0B;IAClC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,oBAAwB,EACxB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,uBAAuB,EACvB,sBAAsB,EACtB,aAAuC,EACvC,mBAAmB,EACpB,EAAE,0BAA0B,GAAG,0BAA0B,CA0BzD"}

package/lib/Core/Hooks/useSelectAllCheckbox.js

@@ -0,0 +1,23 @@
+import { useRef } from 'react';
+const SUPPORTED_MODES_FOR_SELECTALL = ['multi', 'multi_on_hover'];
+export default function useSelectAllCheckbox({ selectedRecordsCount = 0, resultsCount, hasMoreResults, selectionMode, selectionCountThreshold, disableSelectionOnLoad, selectAllRows = () => Promise.resolve(), getDisableSelection }) {
+    const isProcessingRef = useRef(false);
+    const isSupportedMode = !!selectionMode && SUPPORTED_MODES_FOR_SELECTALL.includes(selectionMode);
+    const showSelectAllCheckbox = isSupportedMode &&
+        (resultsCount ?? 0) > 0 &&
+        (resultsCount ?? 0) <= (selectionCountThreshold ?? 0) &&
+        !hasMoreResults;
+    const isIndeterminate = selectedRecordsCount > 0 && selectedRecordsCount !== resultsCount;
+    const isChecked = (selectedRecordsCount > 0 && selectedRecordsCount === resultsCount) || isIndeterminate;
+    const isDisabled = getDisableSelection?.() ?? disableSelectionOnLoad ?? false;
+    const handleChange = (event) => {
+        if (isDisabled || isProcessingRef.current)
+            return;
+        isProcessingRef.current = true;
+        selectAllRows(event.target.checked).finally(() => {
+            isProcessingRef.current = false;
+        });
+    };
+    return { showSelectAllCheckbox, isChecked, isIndeterminate, isDisabled, handleChange };
+}
+//# sourceMappingURL=useSelectAllCheckbox.js.map

package/lib/Core/Hooks/useSelectAllCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectAllCheckbox.js","sourceRoot":"","sources":["../../../Core/Hooks/useSelectAllCheckbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,MAAM,6BAA6B,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAU,CAAC;AAqB3E,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,oBAAoB,GAAG,CAAC,EACxB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,uBAAuB,EACvB,sBAAsB,EACtB,aAAa,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EACvC,mBAAmB,EACQ;IAC3B,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,eAAe,GACnB,CAAC,CAAC,aAAa,IAAK,6BAAmD,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAElG,MAAM,qBAAqB,GACzB,eAAe;QACf,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC;QACvB,CAAC,YAAY,IAAI,CAAC,CAAC,IAAI,CAAC,uBAAuB,IAAI,CAAC,CAAC;QACrD,CAAC,cAAc,CAAC;IAElB,MAAM,eAAe,GAAG,oBAAoB,GAAG,CAAC,IAAI,oBAAoB,KAAK,YAAY,CAAC;IAC1F,MAAM,SAAS,GACb,CAAC,oBAAoB,GAAG,CAAC,IAAI,oBAAoB,KAAK,YAAY,CAAC,IAAI,eAAe,CAAC;IACzF,MAAM,UAAU,GAAG,mBAAmB,EAAE,EAAE,IAAI,sBAAsB,IAAI,KAAK,CAAC;IAE9E,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC5D,IAAI,UAAU,IAAI,eAAe,CAAC,OAAO;YAAE,OAAO;QAClD,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;YAC/C,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;AACzF,CAAC","sourcesContent":["import { useRef } from 'react';\nimport type { ChangeEvent } from 'react';\n\nconst SUPPORTED_MODES_FOR_SELECTALL = ['multi', 'multi_on_hover'] as const;\n\ninterface UseSelectAllCheckboxParams {\n  selectedRecordsCount?: number;\n  resultsCount?: number;\n  hasMoreResults?: boolean;\n  selectionMode?: string;\n  selectionCountThreshold?: number;\n  disableSelectionOnLoad?: boolean;\n  selectAllRows?: (checked: boolean) => Promise<void>;\n  getDisableSelection?: () => boolean | undefined;\n}\n\ninterface UseSelectAllCheckboxResult {\n  showSelectAllCheckbox: boolean;\n  isChecked: boolean;\n  isIndeterminate: boolean;\n  isDisabled: boolean;\n  handleChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport default function useSelectAllCheckbox({\n  selectedRecordsCount = 0,\n  resultsCount,\n  hasMoreResults,\n  selectionMode,\n  selectionCountThreshold,\n  disableSelectionOnLoad,\n  selectAllRows = () => Promise.resolve(),\n  getDisableSelection\n}: UseSelectAllCheckboxParams): UseSelectAllCheckboxResult {\n  const isProcessingRef = useRef(false);\n\n  const isSupportedMode =\n    !!selectionMode && (SUPPORTED_MODES_FOR_SELECTALL as readonly string[]).includes(selectionMode);\n\n  const showSelectAllCheckbox =\n    isSupportedMode &&\n    (resultsCount ?? 0) > 0 &&\n    (resultsCount ?? 0) <= (selectionCountThreshold ?? 0) &&\n    !hasMoreResults;\n\n  const isIndeterminate = selectedRecordsCount > 0 && selectedRecordsCount !== resultsCount;\n  const isChecked =\n    (selectedRecordsCount > 0 && selectedRecordsCount === resultsCount) || isIndeterminate;\n  const isDisabled = getDisableSelection?.() ?? disableSelectionOnLoad ?? false;\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (isDisabled || isProcessingRef.current) return;\n    isProcessingRef.current = true;\n    selectAllRows(event.target.checked).finally(() => {\n      isProcessingRef.current = false;\n    });\n  };\n\n  return { showSelectAllCheckbox, isChecked, isIndeterminate, isDisabled, handleChange };\n}\n"]}