@veeqo/ui 9.8.0 → 9.9.1

package/dist/components/DataTable/hooks/useDragToScroll.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDragToScroll.cjs","sources":["../../../../src/components/DataTable/hooks/useDragToScroll.ts"],"sourcesContent":["import { useEffect, RefObject } from 'react';\n\nexport function useDragToScroll(targetRef: RefObject<HTMLElement>) {\n  useEffect(() => {\n    if (!targetRef.current) return;\n\n    let isDragging = false;\n    const scrollTarget = targetRef.current;\n    const position = {\n      left: 0,\n      x: 0,\n    };\n\n    const mouseMoveHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      const dx = e.clientX - position.x;\n      scrollTarget.scrollLeft = position.left - dx;\n      if (!isDragging) {\n        scrollTarget.style.cursor = 'grabbing';\n        scrollTarget.style.userSelect = 'none';\n      }\n      isDragging = true;\n    };\n\n    const mouseUpHandler = () => {\n      document.removeEventListener('mousemove', mouseMoveHandler);\n      document.removeEventListener('mouseup', mouseUpHandler);\n      isDragging = false;\n      if (!scrollTarget) return;\n      scrollTarget.style.removeProperty('cursor');\n      scrollTarget.style.removeProperty('user-select');\n    };\n\n    const mouseDownHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      /** NOTE: prevents table scroll when resizing columns,\n       * unable to use event.stopPropogation as event is a react Synthetic event which treats the event as the same, as they are on the same node, is discussed here\n       * https://dev.to/dvnrsn/why-isn-t-event-stoppropagation-working-1bnm.\n       */\n      if (e.target instanceof HTMLElement && e.target?.classList?.contains?.('th-divider')) return;\n\n      position.left = scrollTarget.scrollLeft;\n      position.x = e.clientX;\n      document.addEventListener('mousemove', mouseMoveHandler);\n      document.addEventListener('mouseup', mouseUpHandler);\n    };\n\n    scrollTarget.addEventListener('mousedown', mouseDownHandler);\n\n    /* eslint-disable-next-line consistent-return */\n    return () => scrollTarget?.removeEventListener('mousedown', mouseDownHandler);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [targetRef.current]);\n}\n"],"names":["useEffect"],"mappings":";;;;AAEM,SAAU,eAAe,CAAC,SAAiC,EAAA;IAC/DA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;QAExB,IAAI,UAAU,GAAG,KAAK;AACtB,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,QAAA,MAAM,QAAQ,GAAG;AACf,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,CAAC,EAAE,CAAC;SACL;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;YACnB,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;YACjC,YAAY,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,GAAG,EAAE;YAC5C,IAAI,CAAC,UAAU,EAAE;AACf,gBAAA,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU;AACtC,gBAAA,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;AACvC;YACD,UAAU,GAAG,IAAI;AACnB,SAAC;QAED,MAAM,cAAc,GAAG,MAAK;AAC1B,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AAC3D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC;YACvD,UAAU,GAAG,KAAK;AAClB,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;AAC3C,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;AAClD,SAAC;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB;;;AAGG;AACH,YAAA,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,KAAI,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAC,CAAC,MAAM,gDAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,MAAG,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,YAAY,CAAC,CAAA;gBAAE;AAEtF,YAAA,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC,UAAU;AACvC,YAAA,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO;AACtB,YAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AACxD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC;AACtD,SAAC;AAED,QAAA,YAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAG5D,QAAA,OAAO,MAAM,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAE/E,KAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACzB;;;;"}

package/dist/components/DataTable/hooks/useDragToScroll.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare function useDragToScroll(targetRef: RefObject<HTMLElement>): void;

package/dist/components/DataTable/hooks/useDragToScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDragToScroll.js","sources":["../../../../src/components/DataTable/hooks/useDragToScroll.ts"],"sourcesContent":["import { useEffect, RefObject } from 'react';\n\nexport function useDragToScroll(targetRef: RefObject<HTMLElement>) {\n  useEffect(() => {\n    if (!targetRef.current) return;\n\n    let isDragging = false;\n    const scrollTarget = targetRef.current;\n    const position = {\n      left: 0,\n      x: 0,\n    };\n\n    const mouseMoveHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      const dx = e.clientX - position.x;\n      scrollTarget.scrollLeft = position.left - dx;\n      if (!isDragging) {\n        scrollTarget.style.cursor = 'grabbing';\n        scrollTarget.style.userSelect = 'none';\n      }\n      isDragging = true;\n    };\n\n    const mouseUpHandler = () => {\n      document.removeEventListener('mousemove', mouseMoveHandler);\n      document.removeEventListener('mouseup', mouseUpHandler);\n      isDragging = false;\n      if (!scrollTarget) return;\n      scrollTarget.style.removeProperty('cursor');\n      scrollTarget.style.removeProperty('user-select');\n    };\n\n    const mouseDownHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      /** NOTE: prevents table scroll when resizing columns,\n       * unable to use event.stopPropogation as event is a react Synthetic event which treats the event as the same, as they are on the same node, is discussed here\n       * https://dev.to/dvnrsn/why-isn-t-event-stoppropagation-working-1bnm.\n       */\n      if (e.target instanceof HTMLElement && e.target?.classList?.contains?.('th-divider')) return;\n\n      position.left = scrollTarget.scrollLeft;\n      position.x = e.clientX;\n      document.addEventListener('mousemove', mouseMoveHandler);\n      document.addEventListener('mouseup', mouseUpHandler);\n    };\n\n    scrollTarget.addEventListener('mousedown', mouseDownHandler);\n\n    /* eslint-disable-next-line consistent-return */\n    return () => scrollTarget?.removeEventListener('mousedown', mouseDownHandler);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [targetRef.current]);\n}\n"],"names":[],"mappings":";;AAEM,SAAU,eAAe,CAAC,SAAiC,EAAA;IAC/D,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;QAExB,IAAI,UAAU,GAAG,KAAK;AACtB,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,QAAA,MAAM,QAAQ,GAAG;AACf,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,CAAC,EAAE,CAAC;SACL;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;YACnB,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;YACjC,YAAY,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,GAAG,EAAE;YAC5C,IAAI,CAAC,UAAU,EAAE;AACf,gBAAA,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU;AACtC,gBAAA,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;AACvC;YACD,UAAU,GAAG,IAAI;AACnB,SAAC;QAED,MAAM,cAAc,GAAG,MAAK;AAC1B,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AAC3D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC;YACvD,UAAU,GAAG,KAAK;AAClB,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;AAC3C,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;AAClD,SAAC;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB;;;AAGG;AACH,YAAA,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,KAAI,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAC,CAAC,MAAM,gDAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,MAAG,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,YAAY,CAAC,CAAA;gBAAE;AAEtF,YAAA,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC,UAAU;AACvC,YAAA,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO;AACtB,YAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AACxD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC;AACtD,SAAC;AAED,QAAA,YAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAG5D,QAAA,OAAO,MAAM,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAE/E,KAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACzB;;;;"}