@pega/lists-react 8.0.0-build.27.14

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

@@ -0,0 +1,147 @@
+/* istanbul ignore file */
+import { useCallback, useEffect, useRef } from 'react';
+const keys = {
+    TAB: 9,
+    ENTER: 13,
+    SPACE: 32,
+    ESCAPE: 27
+};
+function noOp() { }
+function useKeyboardA11y({ originatorRef = {}, container, 
+// [tabindex]:not([tabindex="-1"] not including due to
+// more action menu in header needs to be focused on first option
+selectors = 'button, [href], input, select, textarea', circularNavigation, onEscape = noOp, onSpace = noOp, onEnter = noOp, mutationFocusSelector, mutationContainerClass }) {
+    const elements = useRef([]);
+    /**
+     * cache the elements and store in elements ref
+     * @returns {undefined} returns nothing
+     */
+    const cacheElements = useCallback(() => {
+        if (container) {
+            elements.current.length = 0;
+            Array.prototype.push.call(elements.current, ...container.querySelectorAll(selectors));
+        }
+    }, [container, selectors]);
+    /**
+     * getter for cached focusable elements
+     * @returns {NodeList} returns focusable elements
+     */
+    const getFocusableElements = useCallback(() => {
+        return elements.current;
+    }, [elements.current]);
+    /**
+     * focus at given index for focusable elements
+     * @param {number} index index to focus
+     * @param {Event} [event] event to preventDefault for circular navigation support
+     */
+    const setFocusAt = useCallback((index, event) => {
+        if (index !== null && index !== undefined) {
+            const focusableElements = getFocusableElements();
+            focusableElements[index]?.focus();
+            if (event) {
+                event.preventDefault();
+            }
+        }
+    }, [getFocusableElements]);
+    /**
+     * key down handler for the container element
+     * @param {Event} event event is needed for getting the info such as keyCode
+     */
+    const onKeyDown = useCallback(event => {
+        const focusableElements = getFocusableElements();
+        const elementsCount = focusableElements.length;
+        /* eslint-disable default-case */
+        switch (event.keyCode) {
+            case keys.TAB:
+                if (circularNavigation) {
+                    const { activeElement } = document;
+                    let focusIndex = null;
+                    if (event.shiftKey && activeElement === focusableElements[0]) {
+                        focusIndex = elementsCount - 1;
+                    }
+                    else if (!event.shiftKey && activeElement === focusableElements[elementsCount - 1]) {
+                        focusIndex = 0;
+                    }
+                    setFocusAt(focusIndex, event);
+                }
+                break;
+            case keys.ENTER:
+                onEnter(event);
+                break;
+            case keys.SPACE:
+                onSpace(event);
+                break;
+            case keys.ESCAPE:
+                onEscape(event);
+                if (originatorRef.current)
+                    originatorRef.current.focus();
+                break;
+        }
+    }, [
+        originatorRef,
+        getFocusableElements,
+        setFocusAt,
+        circularNavigation,
+        onEnter,
+        onSpace,
+        onEscape
+    ]);
+    useEffect(() => {
+        cacheElements();
+    });
+    useEffect(() => {
+        let popperObserver;
+        let childrenObserver;
+        if (container && container.offsetHeight > 0) {
+            // popover takes time to adjust so using observer for tracking style changes
+            const popper = container.closest('.popper');
+            if (popper) {
+                popperObserver = new MutationObserver(() => {
+                    setFocusAt(0);
+                    popperObserver.disconnect();
+                });
+                popperObserver.observe(popper, {
+                    attributes: true,
+                    attributeFilter: ['style']
+                });
+            }
+            if (mutationContainerClass && mutationFocusSelector) {
+                childrenObserver = new MutationObserver(mutationRecords => {
+                    const mutation = mutationRecords.pop(); // get most recent mutation
+                    const addedNodesCount = mutation.addedNodes.length;
+                    const element = addedNodesCount
+                        ? mutation.addedNodes[addedNodesCount - 1]
+                        : mutation.previousSibling || mutation.nextSibling;
+                    if (element?.classList.contains(mutationContainerClass)) {
+                        element.querySelector(mutationFocusSelector)?.focus();
+                    }
+                });
+                childrenObserver.observe(container, {
+                    childList: true,
+                    subtree: true
+                });
+            }
+            container.addEventListener('keydown', onKeyDown);
+        }
+        return () => {
+            elements.current.length = 0;
+            if (container) {
+                popperObserver?.disconnect();
+                childrenObserver?.disconnect();
+                container.removeEventListener('keydown', onKeyDown);
+            }
+        };
+    }, [
+        container,
+        elements.current,
+        onKeyDown,
+        setFocusAt,
+        mutationFocusSelector,
+        mutationContainerClass
+    ]);
+    return {
+        getFocusableElements
+    };
+}
+export default useKeyboardA11y;
+//# sourceMappingURL=useKeyboardA11y.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardA11y.js","sourceRoot":"","sources":["../../../../Core/Hooks/a11y/useKeyboardA11y.js"],"names":[],"mappings":"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","sourcesContent":["/* istanbul ignore file */\nimport { useCallback, useEffect, useRef } from 'react';\n\nconst keys = {\n  TAB: 9,\n  ENTER: 13,\n  SPACE: 32,\n  ESCAPE: 27\n};\nfunction noOp() {}\nfunction useKeyboardA11y({\n  originatorRef = {},\n  container,\n  // [tabindex]:not([tabindex=\"-1\"] not including due to\n  // more action menu in header needs to be focused on first option\n  selectors = 'button, [href], input, select, textarea',\n  circularNavigation,\n  onEscape = noOp,\n  onSpace = noOp,\n  onEnter = noOp,\n  mutationFocusSelector,\n  mutationContainerClass\n}) {\n  const elements = useRef([]);\n\n  /**\n   * cache the elements and store in elements ref\n   * @returns {undefined} returns nothing\n   */\n  const cacheElements = useCallback(() => {\n    if (container) {\n      elements.current.length = 0;\n      Array.prototype.push.call(elements.current, ...container.querySelectorAll(selectors));\n    }\n  }, [container, selectors]);\n\n  /**\n   * getter for cached focusable elements\n   * @returns {NodeList} returns focusable elements\n   */\n  const getFocusableElements = useCallback(() => {\n    return elements.current;\n  }, [elements.current]);\n\n  /**\n   * focus at given index for focusable elements\n   * @param {number} index index to focus\n   * @param {Event} [event] event to preventDefault for circular navigation support\n   */\n  const setFocusAt = useCallback(\n    (index, event) => {\n      if (index !== null && index !== undefined) {\n        const focusableElements = getFocusableElements();\n        focusableElements[index]?.focus();\n        if (event) {\n          event.preventDefault();\n        }\n      }\n    },\n    [getFocusableElements]\n  );\n\n  /**\n   * key down handler for the container element\n   * @param {Event} event event is needed for getting the info such as keyCode\n   */\n  const onKeyDown = useCallback(\n    event => {\n      const focusableElements = getFocusableElements();\n      const elementsCount = focusableElements.length;\n      /* eslint-disable default-case */\n      switch (event.keyCode) {\n        case keys.TAB:\n          if (circularNavigation) {\n            const { activeElement } = document;\n            let focusIndex = null;\n            if (event.shiftKey && activeElement === focusableElements[0]) {\n              focusIndex = elementsCount - 1;\n            } else if (!event.shiftKey && activeElement === focusableElements[elementsCount - 1]) {\n              focusIndex = 0;\n            }\n            setFocusAt(focusIndex, event);\n          }\n          break;\n        case keys.ENTER:\n          onEnter(event);\n          break;\n        case keys.SPACE:\n          onSpace(event);\n          break;\n        case keys.ESCAPE:\n          onEscape(event);\n          if (originatorRef.current) originatorRef.current.focus();\n          break;\n      }\n    },\n    [\n      originatorRef,\n      getFocusableElements,\n      setFocusAt,\n      circularNavigation,\n      onEnter,\n      onSpace,\n      onEscape\n    ]\n  );\n\n  useEffect(() => {\n    cacheElements();\n  });\n\n  useEffect(() => {\n    let popperObserver;\n    let childrenObserver;\n    if (container && container.offsetHeight > 0) {\n      // popover takes time to adjust so using observer for tracking style changes\n      const popper = container.closest('.popper');\n      if (popper) {\n        popperObserver = new MutationObserver(() => {\n          setFocusAt(0);\n          popperObserver.disconnect();\n        });\n        popperObserver.observe(popper, {\n          attributes: true,\n          attributeFilter: ['style']\n        });\n      }\n      if (mutationContainerClass && mutationFocusSelector) {\n        childrenObserver = new MutationObserver(mutationRecords => {\n          const mutation = mutationRecords.pop(); // get most recent mutation\n          const addedNodesCount = mutation.addedNodes.length;\n          const element = addedNodesCount\n            ? mutation.addedNodes[addedNodesCount - 1]\n            : mutation.previousSibling || mutation.nextSibling;\n          if (element?.classList.contains(mutationContainerClass)) {\n            element.querySelector(mutationFocusSelector)?.focus();\n          }\n        });\n        childrenObserver.observe(container, {\n          childList: true,\n          subtree: true\n        });\n      }\n      container.addEventListener('keydown', onKeyDown);\n    }\n    return () => {\n      elements.current.length = 0;\n      if (container) {\n        popperObserver?.disconnect();\n        childrenObserver?.disconnect();\n        container.removeEventListener('keydown', onKeyDown);\n      }\n    };\n  }, [\n    container,\n    elements.current,\n    onKeyDown,\n    setFocusAt,\n    mutationFocusSelector,\n    mutationContainerClass\n  ]);\n  return {\n    getFocusableElements\n  };\n}\n\nexport default useKeyboardA11y;\n"]}

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

@@ -0,0 +1,5 @@
+export default useConfirmationModal;
+declare function useConfirmationModal({ view }: {
+    view: any;
+}): void;
+//# sourceMappingURL=useConfirmationModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmationModal.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useConfirmationModal.js"],"names":[],"mappings":";AAQA;;SAwCC"}

package/lib/Core/Hooks/useConfirmationModal.js

@@ -0,0 +1,42 @@
+import { useEffect, useRef } from 'react';
+import { useModalManager } from '@pega/cosmos-react-core';
+import ConfirmationModal from '../Components/ConfirmationModal';
+import useTranslate from './useTranslate';
+const useConfirmationModal = ({ view }) => {
+    const { confirmationActionDetails = {} } = view;
+    const [translate] = useTranslate();
+    const { create } = useModalManager();
+    /**
+     * ref is needed to store the reference to the open modal to check if a modal is already open or not.
+     * Due to state changes if view change, we don't want to create another model on top of previous one.
+     */
+    const confirmationModalRef = useRef();
+    useEffect(() => {
+        if (confirmationActionDetails.showConfirmationAction && !confirmationModalRef.current) {
+            const { heading, description, cancelButtonLabel, submitButtonLabel } = confirmationActionDetails.labels;
+            const modalRef = create(ConfirmationModal, {
+                onSubmit: () => {
+                    if (confirmationActionDetails.onSubmit) {
+                        confirmationActionDetails.onSubmit();
+                    }
+                    view.type.completeConfirmationAction();
+                    confirmationModalRef.current = null;
+                },
+                onCancel: () => {
+                    if (confirmationActionDetails.onCancel) {
+                        confirmationActionDetails.onCancel();
+                    }
+                    view.type.completeConfirmationAction();
+                    confirmationModalRef.current = null;
+                },
+                heading: translate(heading),
+                description: translate(description),
+                cancelButtonLabel: translate(cancelButtonLabel),
+                submitButtonLabel: translate(submitButtonLabel)
+            });
+            confirmationModalRef.current = modalRef;
+        }
+    }, [confirmationActionDetails, create, translate, view.type]);
+};
+export default useConfirmationModal;
+//# sourceMappingURL=useConfirmationModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmationModal.js","sourceRoot":"","sources":["../../../Core/Hooks/useConfirmationModal.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,iBAAiB,MAAM,iCAAiC,CAAC;AAEhE,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,oBAAoB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACxC,MAAM,EAAE,yBAAyB,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC;IAEhD,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC;;;OAGG;IACH,MAAM,oBAAoB,GAAG,MAAM,EAAE,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,yBAAyB,CAAC,sBAAsB,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC;YACtF,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAClE,yBAAyB,CAAC,MAAM,CAAC;YAEnC,MAAM,QAAQ,GAAG,MAAM,CAAC,iBAAiB,EAAE;gBACzC,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,yBAAyB,CAAC,QAAQ,EAAE,CAAC;wBACvC,yBAAyB,CAAC,QAAQ,EAAE,CAAC;oBACvC,CAAC;oBACD,IAAI,CAAC,IAAI,CAAC,0BAA0B,EAAE,CAAC;oBACvC,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAC;gBACtC,CAAC;gBACD,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,yBAAyB,CAAC,QAAQ,EAAE,CAAC;wBACvC,yBAAyB,CAAC,QAAQ,EAAE,CAAC;oBACvC,CAAC;oBACD,IAAI,CAAC,IAAI,CAAC,0BAA0B,EAAE,CAAC;oBACvC,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAC;gBACtC,CAAC;gBACD,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC;gBAC3B,WAAW,EAAE,SAAS,CAAC,WAAW,CAAC;gBACnC,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC;gBAC/C,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC;aAChD,CAAC,CAAC;YAEH,oBAAoB,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC1C,CAAC;IACH,CAAC,EAAE,CAAC,yBAAyB,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAChE,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useModalManager } from '@pega/cosmos-react-core';\n\nimport ConfirmationModal from '../Components/ConfirmationModal';\n\nimport useTranslate from './useTranslate';\n\nconst useConfirmationModal = ({ view }) => {\n  const { confirmationActionDetails = {} } = view;\n\n  const [translate] = useTranslate();\n  const { create } = useModalManager();\n  /**\n   * ref is needed to store the reference to the open modal to check if a modal is already open or not.\n   * Due to state changes if view change, we don't want to create another model on top of previous one.\n   */\n  const confirmationModalRef = useRef();\n\n  useEffect(() => {\n    if (confirmationActionDetails.showConfirmationAction && !confirmationModalRef.current) {\n      const { heading, description, cancelButtonLabel, submitButtonLabel } =\n        confirmationActionDetails.labels;\n\n      const modalRef = create(ConfirmationModal, {\n        onSubmit: () => {\n          if (confirmationActionDetails.onSubmit) {\n            confirmationActionDetails.onSubmit();\n          }\n          view.type.completeConfirmationAction();\n          confirmationModalRef.current = null;\n        },\n        onCancel: () => {\n          if (confirmationActionDetails.onCancel) {\n            confirmationActionDetails.onCancel();\n          }\n          view.type.completeConfirmationAction();\n          confirmationModalRef.current = null;\n        },\n        heading: translate(heading),\n        description: translate(description),\n        cancelButtonLabel: translate(cancelButtonLabel),\n        submitButtonLabel: translate(submitButtonLabel)\n      });\n\n      confirmationModalRef.current = modalRef;\n    }\n  }, [confirmationActionDetails, create, translate, view.type]);\n};\n\nexport default useConfirmationModal;\n"]}

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

@@ -0,0 +1,25 @@
+export default function useDragDrop({ context, onDragStart, onDragEnd, onDragEnter, onDragLeave, onDrop, defaultAnimation, getAnimationSelector, defaultGhostImage, getGhostImageSelector, getDraggedObject }: {
+    context: any;
+    onDragStart?: undefined;
+    onDragEnd?: undefined;
+    onDragEnter?: undefined;
+    onDragLeave?: undefined;
+    onDrop: any;
+    defaultAnimation?: boolean | undefined;
+    getAnimationSelector: any;
+    defaultGhostImage?: boolean | undefined;
+    getGhostImageSelector: any;
+    getDraggedObject: any;
+}): {
+    dragProps: {
+        draggable: boolean;
+        onDragStart: (ev: any) => void;
+        onDragEnd: (ev: any) => void;
+    };
+    dropProps: {
+        onDragEnter: (ev: any) => void;
+        onDragLeave: (ev: any) => void;
+        'data-drop': string;
+    };
+};
+//# sourceMappingURL=useDragDrop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDragDrop.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useDragDrop.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;EAuSC"}

package/lib/Core/Hooks/useDragDrop.js

@@ -0,0 +1,217 @@
+import { useCallback, useMemo, useRef } from 'react';
+export default function useDragDrop({ context, onDragStart = undefined, onDragEnd = undefined, onDragEnter = undefined, onDragLeave = undefined, onDrop, defaultAnimation = true, getAnimationSelector, defaultGhostImage = true, getGhostImageSelector, getDraggedObject }) {
+    // A way to fire dragleave when we actually come out of drop target not only a child of that.
+    const ref = useRef({
+        dropTarget: [],
+        dropTargetCoord: null,
+        dragTarget: undefined
+    }).current;
+    const addDragEffect = useCallback(target => {
+        if (defaultAnimation) {
+            const t = getAnimationSelector ? getAnimationSelector(target) : target;
+            const elms = Array.isArray(t) ? t : [t];
+            elms.forEach(elm => {
+                elm.style.opacity = '0.5';
+            });
+        }
+    }, [defaultAnimation, getAnimationSelector]);
+    const removeDragEffect = useCallback(target => {
+        if (defaultAnimation) {
+            const t = getAnimationSelector ? getAnimationSelector(target) : target;
+            const elms = Array.isArray(t) ? t : [t];
+            elms.forEach(elm => {
+                elm.style.opacity = '1';
+            });
+        }
+    }, [defaultAnimation, getAnimationSelector]);
+    const setGhostImage = useCallback(e => {
+        if (defaultGhostImage) {
+            const elem = getGhostImageSelector
+                ? getGhostImageSelector(e.currentTarget)
+                : e.currentTarget;
+            const crt = elem.cloneNode(true);
+            crt.style.height = `${elem.style.height}px`;
+            crt.style.width = `${elem.style.width}px`;
+            crt.style.position = 'absolute';
+            crt.style.top = '-1000000px';
+            crt.style.left = '-10000000px';
+            crt.style.zIndex = '-1';
+            context.current.appendChild(crt);
+            e.dataTransfer.setDragImage(crt, 0, 0);
+            setTimeout(() => {
+                crt.parentNode.removeChild(crt);
+            }, 1000);
+        }
+    }, [getGhostImageSelector, context, defaultGhostImage]);
+    const isColliding = useCallback((x, y, coord) => {
+        const smallBuffer = 2;
+        return !(x < coord.left - smallBuffer ||
+            x > coord.right + smallBuffer ||
+            y > coord.bottom + smallBuffer ||
+            y < coord.top - smallBuffer);
+    }, []);
+    const addDropEffect = useCallback(target => {
+        if (defaultAnimation) {
+            const t = getAnimationSelector ? getAnimationSelector(target) : target;
+            const elms = Array.isArray(t) ? t : [t];
+            elms.forEach(elm => {
+                // Need to handle this in better way.TODO: need clean up as well.
+                elm.style.transition = 'transform 0.25s';
+                elm.style.transform = 'translate(20px)';
+            });
+        }
+    }, [defaultAnimation, getAnimationSelector]);
+    const removeDropEffect = useCallback(target => {
+        if (defaultAnimation) {
+            const t = getAnimationSelector ? getAnimationSelector(target) : target;
+            const elms = Array.isArray(t) ? t : [t];
+            elms.forEach(elm => {
+                elm.style.transform = 'translate(0px)';
+            });
+        }
+    }, [defaultAnimation, getAnimationSelector]);
+    const contextDragOverCb = useCallback(e => {
+        e.stopPropagation();
+        e.preventDefault();
+        if (ref.dragLeaveSkipped &&
+            ref.dropTarget &&
+            ref.dropTarget[ref.dropTarget.length - 1] &&
+            !isColliding(e.clientX, e.clientY, ref.dropTargetCoord)) {
+            ref.forcedDragLeave = true;
+            ref.dragLeaveSkipped = false;
+            const elm = ref.dropTarget.shift();
+            ref.dropTarget = [...ref.dropTarget];
+            elm.dispatchEvent(new MouseEvent('dragleave', {
+                bubbles: true,
+                cancelable: true,
+                view: window
+            }));
+        }
+    }, [isColliding, ref]);
+    const contextDropCb = useCallback(ev => {
+        ev.stopPropagation();
+        ev.preventDefault();
+        const elm = ref.dropTarget[ref.dropTarget.length - 1];
+        if (ref.dropTargetCoord &&
+            elm !== ref.dragTarget &&
+            isColliding(ev.clientX, ev.clientY, ref.dropTargetCoord)) {
+            removeDropEffect(elm);
+            elm.classList.remove('dragEnter');
+            if (onDrop)
+                onDrop(elm, ref.dragTarget);
+            ref.dragTarget = undefined;
+            ref.dropTargetCoord = null;
+            ref.dropTarget = [];
+        }
+    }, [ref, isColliding, removeDropEffect, onDrop]);
+    const dragStartCb = useCallback(ev => {
+        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)
+            ev.dataTransfer.clearData();
+        // We have to keep event handler in reference so that we can remove right handler when drag ends.
+        // Handler might change in between because of deps.
+        ref.contextDropCb = contextDropCb;
+        ref.contextDragOverCb = contextDragOverCb;
+        setGhostImage(ev);
+        ev.dataTransfer.effectAllowed = 'move';
+        // fail safe reset drag target.
+        if (ref.dragTarget)
+            ref.dragTarget = undefined;
+        ref.dragTarget = getDraggedObject ? getDraggedObject(ev.currentTarget) : ev.currentTarget;
+        ev.currentTarget.classList.add('dragStart');
+        addDragEffect(ev.currentTarget);
+        if (onDragStart)
+            onDragStart(ev);
+    }, [
+        contextDragOverCb,
+        context,
+        contextDropCb,
+        setGhostImage,
+        ref,
+        getDraggedObject,
+        addDragEffect,
+        onDragStart
+    ]);
+    const dragEndCb = useCallback(ev => {
+        document.removeEventListener('dragover', ref.contextDragOverCb);
+        context.current.removeEventListener('drop', ref.contextDropCb);
+        ref.dropTarget = [];
+        ref.dropTargetCoord = null;
+        ref.forcedDragLeave = false;
+        ref.dragLeaveSkipped = false;
+        ev.currentTarget.classList.remove('dragStart');
+        removeDragEffect(ev.currentTarget);
+        if (onDragEnd)
+            onDragEnd(ev);
+    }, [onDragEnd, removeDragEffect, context, ref]);
+    const isValidDragEnter = useCallback(e => {
+        let isValid = true;
+        if (ref.dragTarget === e.currentTarget)
+            isValid = false;
+        else if (ref.dropTarget[ref.dropTarget.length - 1] === e.currentTarget)
+            isValid = false;
+        else if (ref.dropTarget[ref.dropTarget.length - 1] &&
+            ref.dropTarget[ref.dropTarget.length - 1] !== e.currentTarget) {
+            const currentTargetCoord = e.currentTarget.getBoundingClientRect();
+            const dropTargetCoord = ref.dropTarget[ref.dropTarget.length - 1].getBoundingClientRect();
+            if (!isColliding(e.clientX, e.clientY, currentTargetCoord) &&
+                isColliding(e.clientX, e.clientY, dropTargetCoord))
+                isValid = false;
+        }
+        return isValid;
+    }, [ref, isColliding]);
+    const dragEnterCb = useCallback(ev => {
+        ev.stopPropagation();
+        if (isValidDragEnter(ev)) {
+            ref.dropTarget = ref.dropTarget.length ? [...ref.dropTarget] : [];
+            ref.dropTarget.push(ev.currentTarget);
+            ev.currentTarget.classList.add('dragEnter');
+            ev.dataTransfer.dropEffect = 'move';
+            ref.dropTargetCoord = ev.currentTarget.getBoundingClientRect();
+            addDropEffect(ev.currentTarget);
+            if (onDragEnter)
+                onDragEnter(ev);
+            if (ref.dropTarget.length > 1) {
+                const elm = ref.dropTarget.shift();
+                ref.dropTarget = [...ref.dropTarget];
+                ref.forcedDragLeave = true;
+                elm.dispatchEvent(new MouseEvent('dragleave', {
+                    bubbles: true,
+                    cancelable: true,
+                    view: window
+                }));
+            }
+        }
+    }, [onDragEnter, addDropEffect, ref, isValidDragEnter]);
+    const dragLeaveCb = useCallback(ev => {
+        ev.stopPropagation();
+        if (ref.forcedDragLeave) {
+            ref.forcedDragLeave = false;
+            ev.currentTarget.classList.remove('dragEnter');
+            removeDropEffect(ev.currentTarget);
+            if (onDragLeave)
+                onDragLeave(ev);
+        }
+        else if (!ev.currentTarget.contains(ev.relatedTarget) &&
+            ref.dragTarget !== ev.currentTarget) {
+            ref.dragLeaveSkipped = true;
+        }
+    }, [ref, removeDropEffect, onDragLeave]);
+    const dragProps = useMemo(() => ({
+        draggable: true,
+        onDragStart: dragStartCb,
+        onDragEnd: dragEndCb
+    }), [dragStartCb, dragEndCb]);
+    const dropProps = useMemo(() => ({
+        onDragEnter: dragEnterCb,
+        onDragLeave: dragLeaveCb,
+        'data-drop': 'dropzone'
+    }), [dragEnterCb, dragLeaveCb]);
+    return {
+        dragProps,
+        dropProps
+    };
+}
+//# sourceMappingURL=useDragDrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDragDrop.js","sourceRoot":"","sources":["../../../Core/Hooks/useDragDrop.js"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo, useRef } from 'react';\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}) {\n  // A way to fire dragleave when we actually come out of drop target not only a child of that.\n  const ref = useRef({\n    dropTarget: [],\n    dropTargetCoord: null,\n    dragTarget: undefined\n  }).current;\n\n  const addDragEffect = useCallback(\n    target => {\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 => {\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 => {\n      if (defaultGhostImage) {\n        const elem = getGhostImageSelector\n          ? getGhostImageSelector(e.currentTarget)\n          : e.currentTarget;\n        const crt = elem.cloneNode(true);\n        crt.style.height = `${elem.style.height}px`;\n        crt.style.width = `${elem.style.width}px`;\n        crt.style.position = 'absolute';\n        crt.style.top = '-1000000px';\n        crt.style.left = '-10000000px';\n        crt.style.zIndex = '-1';\n        context.current.appendChild(crt);\n        e.dataTransfer.setDragImage(crt, 0, 0);\n\n        setTimeout(() => {\n          crt.parentNode.removeChild(crt);\n        }, 1000);\n      }\n    },\n    [getGhostImageSelector, context, defaultGhostImage]\n  );\n\n  const isColliding = useCallback((x, y, coord) => {\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 => {\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 => {\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 => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (\n        ref.dragLeaveSkipped &&\n        ref.dropTarget &&\n        ref.dropTarget[ref.dropTarget.length - 1] &&\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 => {\n      ev.stopPropagation();\n      ev.preventDefault();\n      const elm = ref.dropTarget[ref.dropTarget.length - 1];\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) 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 => {\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      // 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 => {\n      document.removeEventListener('dragover', ref.contextDragOverCb);\n      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 => {\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 => {\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 => {\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) &&\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

@@ -0,0 +1,18 @@
+export default function useRepeat({ meta, apiContext, presets, persistedInfo, onRowClickAction, renderFactory, renderFormatterTypeMap, formatters, onViewReady, mode, toolBarOptions, styleFormats, repeatComponentInstance }: {
+    meta: any;
+    apiContext: any;
+    presets?: any[] | undefined;
+    persistedInfo: any;
+    onRowClickAction: any;
+    renderFactory?: (() => void) | undefined;
+    renderFormatterTypeMap: any;
+    formatters: any;
+    onViewReady?: (() => void) | undefined;
+    mode?: string | undefined;
+    toolBarOptions: any;
+    styleFormats: any;
+    repeatComponentInstance: any;
+}): {
+    rsID: string;
+};
+//# sourceMappingURL=useRepeat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRepeat.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useRepeat.js"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;;;;EAkPC"}