@economic/taco 2.47.0-server.3 → 2.47.0-server.5

package/dist/esm/packages/taco/src/utils/hooks/useListScrollTo.js

@@ -1,9 +1,9 @@
-const scrollToChildElement = (parent, child) => {
-  const clientHeight = parent.clientHeight;
+var scrollToChildElement = function scrollToChildElement(parent, child) {
+  var clientHeight = parent.clientHeight;
   if (parent.scrollHeight > clientHeight) {
-    const scrollTop = parent.scrollTop;
-    const scrollBottom = clientHeight + scrollTop;
-    const childBottom = child.offsetTop + child.offsetHeight;
+    var scrollTop = parent.scrollTop;
+    var scrollBottom = clientHeight + scrollTop;
+    var childBottom = child.offsetTop + child.offsetHeight;
     if (childBottom > scrollBottom) {
       parent.scrollTop = childBottom - clientHeight;
     } else if (child.offsetTop < scrollTop) {
@@ -11,11 +11,11 @@ const scrollToChildElement = (parent, child) => {
     }
   }
 };
-const useListScrollTo = (internalRef, itemRefs) => {
-  const scrollTo = index => {
+var useListScrollTo = function useListScrollTo(internalRef, itemRefs) {
+  var scrollTo = function scrollTo(index) {
     if (internalRef && internalRef.current) {
       if (index !== undefined) {
-        const activeRef = itemRefs[index];
+        var activeRef = itemRefs[index];
         if (activeRef && activeRef.current) {
           scrollToChildElement(internalRef.current, activeRef.current);
         }
@@ -25,7 +25,7 @@ const useListScrollTo = (internalRef, itemRefs) => {
     }
   };
   return {
-    scrollTo
+    scrollTo: scrollTo
   };
 };
 

package/dist/esm/packages/taco/src/utils/hooks/useListScrollTo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useListScrollTo.js","sources":["../../../../../../../src/utils/hooks/useListScrollTo.ts"],"sourcesContent":["const scrollToChildElement = (parent: HTMLElement, child: HTMLElement): void => {\n    const clientHeight = parent.clientHeight;\n\n    if (parent.scrollHeight > clientHeight) {\n        const scrollTop = parent.scrollTop;\n        const scrollBottom = clientHeight + scrollTop;\n        const childBottom = child.offsetTop + child.offsetHeight;\n\n        if (childBottom > scrollBottom) {\n            parent.scrollTop = childBottom - clientHeight;\n        } else if (child.offsetTop < scrollTop) {\n            parent.scrollTop = child.offsetTop;\n        }\n    }\n};\n\nexport const useListScrollTo = (internalRef: any, itemRefs: any[]): any => {\n    const scrollTo = (index: number | undefined): void => {\n        if (internalRef && internalRef.current) {\n            if (index !== undefined) {\n                const activeRef = itemRefs[index];\n\n                if (activeRef && activeRef.current) {\n                    scrollToChildElement(internalRef.current, activeRef.current);\n                }\n            } else {\n                internalRef.current.scrollTop = 0;\n            }\n        }\n    };\n\n    return { scrollTo };\n};\n"],"names":["scrollToChildElement","parent","child","clientHeight","scrollHeight","scrollTop","scrollBottom","childBottom","offsetTop","offsetHeight","useListScrollTo","internalRef","itemRefs","scrollTo","index","current","undefined","activeRef"],"mappings":"AAAA,MAAMA,oBAAoB,GAAGA,CAACC,MAAmB,EAAEC,KAAkB;EACjE,MAAMC,YAAY,GAAGF,MAAM,CAACE,YAAY;EAExC,IAAIF,MAAM,CAACG,YAAY,GAAGD,YAAY,EAAE;IACpC,MAAME,SAAS,GAAGJ,MAAM,CAACI,SAAS;IAClC,MAAMC,YAAY,GAAGH,YAAY,GAAGE,SAAS;IAC7C,MAAME,WAAW,GAAGL,KAAK,CAACM,SAAS,GAAGN,KAAK,CAACO,YAAY;IAExD,IAAIF,WAAW,GAAGD,YAAY,EAAE;MAC5BL,MAAM,CAACI,SAAS,GAAGE,WAAW,GAAGJ,YAAY;KAChD,MAAM,IAAID,KAAK,CAACM,SAAS,GAAGH,SAAS,EAAE;MACpCJ,MAAM,CAACI,SAAS,GAAGH,KAAK,CAACM,SAAS;;;AAG9C,CAAC;MAEYE,eAAe,GAAGA,CAACC,WAAgB,EAAEC,QAAe;EAC7D,MAAMC,QAAQ,GAAIC,KAAyB;IACvC,IAAIH,WAAW,IAAIA,WAAW,CAACI,OAAO,EAAE;MACpC,IAAID,KAAK,KAAKE,SAAS,EAAE;QACrB,MAAMC,SAAS,GAAGL,QAAQ,CAACE,KAAK,CAAC;QAEjC,IAAIG,SAAS,IAAIA,SAAS,CAACF,OAAO,EAAE;UAChCf,oBAAoB,CAACW,WAAW,CAACI,OAAO,EAAEE,SAAS,CAACF,OAAO,CAAC;;OAEnE,MAAM;QACHJ,WAAW,CAACI,OAAO,CAACV,SAAS,GAAG,CAAC;;;GAG5C;EAED,OAAO;IAAEQ;GAAU;AACvB;;;;"}
+{"version":3,"file":"useListScrollTo.js","sources":["../../../../../../../src/utils/hooks/useListScrollTo.ts"],"sourcesContent":["const scrollToChildElement = (parent: HTMLElement, child: HTMLElement): void => {\n    const clientHeight = parent.clientHeight;\n\n    if (parent.scrollHeight > clientHeight) {\n        const scrollTop = parent.scrollTop;\n        const scrollBottom = clientHeight + scrollTop;\n        const childBottom = child.offsetTop + child.offsetHeight;\n\n        if (childBottom > scrollBottom) {\n            parent.scrollTop = childBottom - clientHeight;\n        } else if (child.offsetTop < scrollTop) {\n            parent.scrollTop = child.offsetTop;\n        }\n    }\n};\n\nexport const useListScrollTo = (internalRef: any, itemRefs: any[]): any => {\n    const scrollTo = (index: number | undefined): void => {\n        if (internalRef && internalRef.current) {\n            if (index !== undefined) {\n                const activeRef = itemRefs[index];\n\n                if (activeRef && activeRef.current) {\n                    scrollToChildElement(internalRef.current, activeRef.current);\n                }\n            } else {\n                internalRef.current.scrollTop = 0;\n            }\n        }\n    };\n\n    return { scrollTo };\n};\n"],"names":["scrollToChildElement","parent","child","clientHeight","scrollHeight","scrollTop","scrollBottom","childBottom","offsetTop","offsetHeight","useListScrollTo","internalRef","itemRefs","scrollTo","index","current","undefined","activeRef"],"mappings":"AAAA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,MAAmB,EAAEC,KAAkB;EACjE,IAAMC,YAAY,GAAGF,MAAM,CAACE,YAAY;EAExC,IAAIF,MAAM,CAACG,YAAY,GAAGD,YAAY,EAAE;IACpC,IAAME,SAAS,GAAGJ,MAAM,CAACI,SAAS;IAClC,IAAMC,YAAY,GAAGH,YAAY,GAAGE,SAAS;IAC7C,IAAME,WAAW,GAAGL,KAAK,CAACM,SAAS,GAAGN,KAAK,CAACO,YAAY;IAExD,IAAIF,WAAW,GAAGD,YAAY,EAAE;MAC5BL,MAAM,CAACI,SAAS,GAAGE,WAAW,GAAGJ,YAAY;KAChD,MAAM,IAAID,KAAK,CAACM,SAAS,GAAGH,SAAS,EAAE;MACpCJ,MAAM,CAACI,SAAS,GAAGH,KAAK,CAACM,SAAS;;;AAG9C,CAAC;IAEYE,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,WAAgB,EAAEC,QAAe;EAC7D,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAAyB;IACvC,IAAIH,WAAW,IAAIA,WAAW,CAACI,OAAO,EAAE;MACpC,IAAID,KAAK,KAAKE,SAAS,EAAE;QACrB,IAAMC,SAAS,GAAGL,QAAQ,CAACE,KAAK,CAAC;QAEjC,IAAIG,SAAS,IAAIA,SAAS,CAACF,OAAO,EAAE;UAChCf,oBAAoB,CAACW,WAAW,CAACI,OAAO,EAAEE,SAAS,CAACF,OAAO,CAAC;;OAEnE,MAAM;QACHJ,WAAW,CAACI,OAAO,CAACV,SAAS,GAAG,CAAC;;;GAG5C;EAED,OAAO;IAAEQ,QAAQ,EAARA;GAAU;AACvB;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useOnClickOutside.js

@@ -1,17 +1,19 @@
 import React__default from 'react';
 
-const useOnClickOutside = (ref, callback) => {
-  React__default.useEffect(() => {
-    const listener = event => {
-      const refs = !Array.isArray(ref) ? [ref] : ref;
-      if (refs.some(currentRef => !currentRef.current || currentRef.current.contains(event.target))) {
+var useOnClickOutside = function useOnClickOutside(ref, callback) {
+  React__default.useEffect(function () {
+    var listener = function listener(event) {
+      var refs = !Array.isArray(ref) ? [ref] : ref;
+      if (refs.some(function (currentRef) {
+        return !currentRef.current || currentRef.current.contains(event.target);
+      })) {
         return;
       }
       callback(event);
     };
     document.addEventListener('mousedown', listener);
     document.addEventListener('touchstart', listener);
-    return () => {
+    return function () {
       document.removeEventListener('mousedown', listener);
       document.removeEventListener('touchstart', listener);
     };

package/dist/esm/packages/taco/src/utils/hooks/useOnClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOnClickOutside.js","sources":["../../../../../../../src/utils/hooks/useOnClickOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useOnClickOutside = (\n    ref: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n    callback: (event: MouseEvent | TouchEvent) => void\n): void => {\n    React.useEffect(() => {\n        const listener = (event: MouseEvent | TouchEvent): void => {\n            const refs = !Array.isArray(ref) ? [ref] : ref;\n            if (refs.some(currentRef => !currentRef.current || currentRef.current.contains(event.target as Node))) {\n                return;\n            }\n            callback(event);\n        };\n\n        document.addEventListener('mousedown', listener);\n        document.addEventListener('touchstart', listener);\n\n        return () => {\n            document.removeEventListener('mousedown', listener);\n            document.removeEventListener('touchstart', listener);\n        };\n    }, [ref, callback]);\n};\n"],"names":["useOnClickOutside","ref","callback","React","useEffect","listener","event","refs","Array","isArray","some","currentRef","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;MAEaA,iBAAiB,GAAGA,CAC7BC,GAAkE,EAClEC,QAAkD;EAElDC,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMC,QAAQ,GAAIC,KAA8B;MAC5C,MAAMC,IAAI,GAAG,CAACC,KAAK,CAACC,OAAO,CAACR,GAAG,CAAC,GAAG,CAACA,GAAG,CAAC,GAAGA,GAAG;MAC9C,IAAIM,IAAI,CAACG,IAAI,CAACC,UAAU,IAAI,CAACA,UAAU,CAACC,OAAO,IAAID,UAAU,CAACC,OAAO,CAACC,QAAQ,CAACP,KAAK,CAACQ,MAAc,CAAC,CAAC,EAAE;QACnG;;MAEJZ,QAAQ,CAACI,KAAK,CAAC;KAClB;IAEDS,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEX,QAAQ,CAAC;IAChDU,QAAQ,CAACC,gBAAgB,CAAC,YAAY,EAAEX,QAAQ,CAAC;IAEjD,OAAO;MACHU,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEZ,QAAQ,CAAC;MACnDU,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEZ,QAAQ,CAAC;KACvD;GACJ,EAAE,CAACJ,GAAG,EAAEC,QAAQ,CAAC,CAAC;AACvB;;;;"}
+{"version":3,"file":"useOnClickOutside.js","sources":["../../../../../../../src/utils/hooks/useOnClickOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useOnClickOutside = (\n    ref: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n    callback: (event: MouseEvent | TouchEvent) => void\n): void => {\n    React.useEffect(() => {\n        const listener = (event: MouseEvent | TouchEvent): void => {\n            const refs = !Array.isArray(ref) ? [ref] : ref;\n            if (refs.some(currentRef => !currentRef.current || currentRef.current.contains(event.target as Node))) {\n                return;\n            }\n            callback(event);\n        };\n\n        document.addEventListener('mousedown', listener);\n        document.addEventListener('touchstart', listener);\n\n        return () => {\n            document.removeEventListener('mousedown', listener);\n            document.removeEventListener('touchstart', listener);\n        };\n    }, [ref, callback]);\n};\n"],"names":["useOnClickOutside","ref","callback","React","useEffect","listener","event","refs","Array","isArray","some","currentRef","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;IAEaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAC1BC,GAAkE,EAClEC,QAAkD;EAElDC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAA8B;MAC5C,IAAMC,IAAI,GAAG,CAACC,KAAK,CAACC,OAAO,CAACR,GAAG,CAAC,GAAG,CAACA,GAAG,CAAC,GAAGA,GAAG;MAC9C,IAAIM,IAAI,CAACG,IAAI,CAAC,UAAAC,UAAU;QAAA,OAAI,CAACA,UAAU,CAACC,OAAO,IAAID,UAAU,CAACC,OAAO,CAACC,QAAQ,CAACP,KAAK,CAACQ,MAAc,CAAC;QAAC,EAAE;QACnG;;MAEJZ,QAAQ,CAACI,KAAK,CAAC;KAClB;IAEDS,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEX,QAAQ,CAAC;IAChDU,QAAQ,CAACC,gBAAgB,CAAC,YAAY,EAAEX,QAAQ,CAAC;IAEjD,OAAO;MACHU,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEZ,QAAQ,CAAC;MACnDU,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEZ,QAAQ,CAAC;KACvD;GACJ,EAAE,CAACJ,GAAG,EAAEC,QAAQ,CAAC,CAAC;AACvB;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useTimer.js

@@ -1,12 +1,17 @@
 import { useRef, useState, useEffect } from 'react';
 
-function useTimer(duration = 0, callback) {
-  const timer = useRef();
-  const [tracker, setTracker] = useState({
-    remaining: duration,
-    started: null
-  });
-  useEffect(() => {
+function useTimer(duration, callback) {
+  if (duration === void 0) {
+    duration = 0;
+  }
+  var timer = useRef();
+  var _React$useState = useState({
+      remaining: duration,
+      started: null
+    }),
+    tracker = _React$useState[0],
+    setTracker = _React$useState[1];
+  useEffect(function () {
     if (duration) {
       if (tracker.started) {
         timer.current = window.setTimeout(callback, tracker.remaining);
@@ -14,19 +19,19 @@ function useTimer(duration = 0, callback) {
         clearTimeout(timer.current);
       }
     }
-    return () => {
+    return function () {
       clearTimeout(timer.current);
     };
   }, [tracker.started]);
   return {
     running: !!tracker.started,
-    start: () => {
+    start: function start() {
       setTracker({
         remaining: duration,
         started: Date.now()
       });
     },
-    pause: () => {
+    pause: function pause() {
       if (tracker.started) {
         setTracker({
           remaining: tracker.remaining - (Date.now() - tracker.started),
@@ -34,7 +39,7 @@ function useTimer(duration = 0, callback) {
         });
       }
     },
-    resume: () => {
+    resume: function resume() {
       if (tracker.remaining && !tracker.started) {
         setTracker({
           remaining: tracker.remaining,

package/dist/esm/packages/taco/src/utils/hooks/useTimer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimer.js","sources":["../../../../../../../src/utils/hooks/useTimer.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface Timer {\n    running: boolean;\n    start: () => void;\n    pause: () => void;\n    resume: () => void;\n}\n\ntype Tracker = {\n    remaining: number;\n    started: number | null;\n};\n\nexport default function useTimer(duration = 0, callback: () => void): Timer {\n    const timer = React.useRef<number>();\n    const [tracker, setTracker] = React.useState<Tracker>({\n        remaining: duration,\n        started: null,\n    });\n\n    React.useEffect(() => {\n        if (duration) {\n            if (tracker.started) {\n                timer.current = window.setTimeout(callback, tracker.remaining);\n            } else {\n                clearTimeout(timer.current);\n            }\n        }\n\n        return () => {\n            clearTimeout(timer.current);\n        };\n    }, [tracker.started]);\n\n    return {\n        running: !!tracker.started,\n        start: () => {\n            setTracker({\n                remaining: duration,\n                started: Date.now(),\n            });\n        },\n        pause: () => {\n            if (tracker.started) {\n                setTracker({\n                    remaining: tracker.remaining - (Date.now() - tracker.started),\n                    started: null,\n                });\n            }\n        },\n        resume: () => {\n            if (tracker.remaining && !tracker.started) {\n                setTracker({\n                    remaining: tracker.remaining,\n                    started: Date.now(),\n                });\n            }\n        },\n    };\n}\n"],"names":["useTimer","duration","callback","timer","React","tracker","setTracker","remaining","started","current","window","setTimeout","clearTimeout","running","start","Date","now","pause","resume"],"mappings":";;SAcwBA,QAAQA,CAACC,QAAQ,GAAG,CAAC,EAAEC,QAAoB;EAC/D,MAAMC,KAAK,GAAGC,MAAY,EAAU;EACpC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGF,QAAc,CAAU;IAClDG,SAAS,EAAEN,QAAQ;IACnBO,OAAO,EAAE;GACZ,CAAC;EAEFJ,SAAe,CAAC;IACZ,IAAIH,QAAQ,EAAE;MACV,IAAII,OAAO,CAACG,OAAO,EAAE;QACjBL,KAAK,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAACT,QAAQ,EAAEG,OAAO,CAACE,SAAS,CAAC;OACjE,MAAM;QACHK,YAAY,CAACT,KAAK,CAACM,OAAO,CAAC;;;IAInC,OAAO;MACHG,YAAY,CAACT,KAAK,CAACM,OAAO,CAAC;KAC9B;GACJ,EAAE,CAACJ,OAAO,CAACG,OAAO,CAAC,CAAC;EAErB,OAAO;IACHK,OAAO,EAAE,CAAC,CAACR,OAAO,CAACG,OAAO;IAC1BM,KAAK,EAAEA;MACHR,UAAU,CAAC;QACPC,SAAS,EAAEN,QAAQ;QACnBO,OAAO,EAAEO,IAAI,CAACC,GAAG;OACpB,CAAC;KACL;IACDC,KAAK,EAAEA;MACH,IAAIZ,OAAO,CAACG,OAAO,EAAE;QACjBF,UAAU,CAAC;UACPC,SAAS,EAAEF,OAAO,CAACE,SAAS,IAAIQ,IAAI,CAACC,GAAG,EAAE,GAAGX,OAAO,CAACG,OAAO,CAAC;UAC7DA,OAAO,EAAE;SACZ,CAAC;;KAET;IACDU,MAAM,EAAEA;MACJ,IAAIb,OAAO,CAACE,SAAS,IAAI,CAACF,OAAO,CAACG,OAAO,EAAE;QACvCF,UAAU,CAAC;UACPC,SAAS,EAAEF,OAAO,CAACE,SAAS;UAC5BC,OAAO,EAAEO,IAAI,CAACC,GAAG;SACpB,CAAC;;;GAGb;AACL;;;;"}
+{"version":3,"file":"useTimer.js","sources":["../../../../../../../src/utils/hooks/useTimer.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface Timer {\n    running: boolean;\n    start: () => void;\n    pause: () => void;\n    resume: () => void;\n}\n\ntype Tracker = {\n    remaining: number;\n    started: number | null;\n};\n\nexport default function useTimer(duration = 0, callback: () => void): Timer {\n    const timer = React.useRef<number>();\n    const [tracker, setTracker] = React.useState<Tracker>({\n        remaining: duration,\n        started: null,\n    });\n\n    React.useEffect(() => {\n        if (duration) {\n            if (tracker.started) {\n                timer.current = window.setTimeout(callback, tracker.remaining);\n            } else {\n                clearTimeout(timer.current);\n            }\n        }\n\n        return () => {\n            clearTimeout(timer.current);\n        };\n    }, [tracker.started]);\n\n    return {\n        running: !!tracker.started,\n        start: () => {\n            setTracker({\n                remaining: duration,\n                started: Date.now(),\n            });\n        },\n        pause: () => {\n            if (tracker.started) {\n                setTracker({\n                    remaining: tracker.remaining - (Date.now() - tracker.started),\n                    started: null,\n                });\n            }\n        },\n        resume: () => {\n            if (tracker.remaining && !tracker.started) {\n                setTracker({\n                    remaining: tracker.remaining,\n                    started: Date.now(),\n                });\n            }\n        },\n    };\n}\n"],"names":["useTimer","duration","callback","timer","React","_React$useState","remaining","started","tracker","setTracker","current","window","setTimeout","clearTimeout","running","start","Date","now","pause","resume"],"mappings":";;SAcwBA,QAAQA,CAACC,QAAQ,EAAMC,QAAoB;MAAlCD,QAAQ;IAARA,QAAQ,GAAG,CAAC;;EACzC,IAAME,KAAK,GAAGC,MAAY,EAAU;EACpC,IAAAC,eAAA,GAA8BD,QAAc,CAAU;MAClDE,SAAS,EAAEL,QAAQ;MACnBM,OAAO,EAAE;KACZ,CAAC;IAHKC,OAAO,GAAAH,eAAA;IAAEI,UAAU,GAAAJ,eAAA;EAK1BD,SAAe,CAAC;IACZ,IAAIH,QAAQ,EAAE;MACV,IAAIO,OAAO,CAACD,OAAO,EAAE;QACjBJ,KAAK,CAACO,OAAO,GAAGC,MAAM,CAACC,UAAU,CAACV,QAAQ,EAAEM,OAAO,CAACF,SAAS,CAAC;OACjE,MAAM;QACHO,YAAY,CAACV,KAAK,CAACO,OAAO,CAAC;;;IAInC,OAAO;MACHG,YAAY,CAACV,KAAK,CAACO,OAAO,CAAC;KAC9B;GACJ,EAAE,CAACF,OAAO,CAACD,OAAO,CAAC,CAAC;EAErB,OAAO;IACHO,OAAO,EAAE,CAAC,CAACN,OAAO,CAACD,OAAO;IAC1BQ,KAAK,EAAE,SAAAA;MACHN,UAAU,CAAC;QACPH,SAAS,EAAEL,QAAQ;QACnBM,OAAO,EAAES,IAAI,CAACC,GAAG;OACpB,CAAC;KACL;IACDC,KAAK,EAAE,SAAAA;MACH,IAAIV,OAAO,CAACD,OAAO,EAAE;QACjBE,UAAU,CAAC;UACPH,SAAS,EAAEE,OAAO,CAACF,SAAS,IAAIU,IAAI,CAACC,GAAG,EAAE,GAAGT,OAAO,CAACD,OAAO,CAAC;UAC7DA,OAAO,EAAE;SACZ,CAAC;;KAET;IACDY,MAAM,EAAE,SAAAA;MACJ,IAAIX,OAAO,CAACF,SAAS,IAAI,CAACE,OAAO,CAACD,OAAO,EAAE;QACvCE,UAAU,CAAC;UACPH,SAAS,EAAEE,OAAO,CAACF,SAAS;UAC5BC,OAAO,EAAES,IAAI,CAACC,GAAG;SACpB,CAAC;;;GAGb;AACL;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useTruncated.js

@@ -1,18 +1,23 @@
 import React__default from 'react';
 
-const isElementTruncated = targetElement => {
+var isElementTruncated = function isElementTruncated(targetElement) {
   if (targetElement !== null) {
     return targetElement.offsetWidth < targetElement.scrollWidth;
   }
   return false;
 };
-const useTruncated = (element, deps = []) => {
-  const [isTruncated, setIsTruncated] = React__default.useState(isElementTruncated(element));
-  React__default.useEffect(() => {
+var useTruncated = function useTruncated(element, deps) {
+  if (deps === void 0) {
+    deps = [];
+  }
+  var _React$useState = React__default.useState(isElementTruncated(element)),
+    isTruncated = _React$useState[0],
+    setIsTruncated = _React$useState[1];
+  React__default.useEffect(function () {
     setIsTruncated(isElementTruncated(element));
-  }, [element, ...deps]);
+  }, [element].concat(deps));
   return {
-    isTruncated
+    isTruncated: isTruncated
   };
 };
 

package/dist/esm/packages/taco/src/utils/hooks/useTruncated.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTruncated.js","sources":["../../../../../../../src/utils/hooks/useTruncated.tsx"],"sourcesContent":["import React from 'react';\n\nconst isElementTruncated = (targetElement: HTMLElement | null) => {\n    if (targetElement !== null) {\n        return targetElement.offsetWidth < targetElement.scrollWidth;\n    }\n\n    return false;\n};\n\nexport const useTruncated = (element: HTMLElement | null, deps: any[] = []) => {\n    const [isTruncated, setIsTruncated] = React.useState<boolean>(isElementTruncated(element));\n\n    React.useEffect(() => {\n        setIsTruncated(isElementTruncated(element));\n    }, [element, ...deps]);\n\n    return { isTruncated };\n};\n"],"names":["isElementTruncated","targetElement","offsetWidth","scrollWidth","useTruncated","element","deps","isTruncated","setIsTruncated","React","useState","useEffect"],"mappings":";;AAEA,MAAMA,kBAAkB,GAAIC,aAAiC;EACzD,IAAIA,aAAa,KAAK,IAAI,EAAE;IACxB,OAAOA,aAAa,CAACC,WAAW,GAAGD,aAAa,CAACE,WAAW;;EAGhE,OAAO,KAAK;AAChB,CAAC;MAEYC,YAAY,GAAGA,CAACC,OAA2B,EAAEC,OAAc,EAAE;EACtE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAUV,kBAAkB,CAACK,OAAO,CAAC,CAAC;EAE1FI,cAAK,CAACE,SAAS,CAAC;IACZH,cAAc,CAACR,kBAAkB,CAACK,OAAO,CAAC,CAAC;GAC9C,EAAE,CAACA,OAAO,EAAE,GAAGC,IAAI,CAAC,CAAC;EAEtB,OAAO;IAAEC;GAAa;AAC1B;;;;"}
+{"version":3,"file":"useTruncated.js","sources":["../../../../../../../src/utils/hooks/useTruncated.tsx"],"sourcesContent":["import React from 'react';\n\nconst isElementTruncated = (targetElement: HTMLElement | null) => {\n    if (targetElement !== null) {\n        return targetElement.offsetWidth < targetElement.scrollWidth;\n    }\n\n    return false;\n};\n\nexport const useTruncated = (element: HTMLElement | null, deps: any[] = []) => {\n    const [isTruncated, setIsTruncated] = React.useState<boolean>(isElementTruncated(element));\n\n    React.useEffect(() => {\n        setIsTruncated(isElementTruncated(element));\n    }, [element, ...deps]);\n\n    return { isTruncated };\n};\n"],"names":["isElementTruncated","targetElement","offsetWidth","scrollWidth","useTruncated","element","deps","_React$useState","React","useState","isTruncated","setIsTruncated","useEffect","concat"],"mappings":";;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,aAAiC;EACzD,IAAIA,aAAa,KAAK,IAAI,EAAE;IACxB,OAAOA,aAAa,CAACC,WAAW,GAAGD,aAAa,CAACE,WAAW;;EAGhE,OAAO,KAAK;AAChB,CAAC;IAEYC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,OAA2B,EAAEC;MAAAA;IAAAA,OAAc,EAAE;;EACtE,IAAAC,eAAA,GAAsCC,cAAK,CAACC,QAAQ,CAAUT,kBAAkB,CAACK,OAAO,CAAC,CAAC;IAAnFK,WAAW,GAAAH,eAAA;IAAEI,cAAc,GAAAJ,eAAA;EAElCC,cAAK,CAACI,SAAS,CAAC;IACZD,cAAc,CAACX,kBAAkB,CAACK,OAAO,CAAC,CAAC;GAC9C,GAAGA,OAAO,EAAAQ,MAAA,CAAKP,IAAI,CAAC,CAAC;EAEtB,OAAO;IAAEI,WAAW,EAAXA;GAAa;AAC1B;;;;"}

package/dist/esm/packages/taco/src/utils/input.js

@@ -1,6 +1,6 @@
 // returns a custom event compatible with all browsers
-const createCustomEvent = eventType => {
-  let customEvent;
+var createCustomEvent = function createCustomEvent(eventType) {
+  var customEvent;
   if (typeof Event === 'function') {
     customEvent = new Event(eventType, {
       bubbles: true
@@ -12,8 +12,8 @@ const createCustomEvent = eventType => {
   return customEvent;
 };
 // returns a custom keyboard event compatible with all browsers
-const createCustomKeyboardEvent = event => {
-  let customKeyboardEvent;
+var createCustomKeyboardEvent = function createCustomKeyboardEvent(event) {
+  var customKeyboardEvent;
   if (typeof KeyboardEvent === 'function') {
     customKeyboardEvent = new KeyboardEvent(event.type, event);
   } else {
@@ -24,13 +24,16 @@ const createCustomKeyboardEvent = event => {
   }
   return customKeyboardEvent;
 };
-const setInputValueByRef = (input, value, event = 'change') => {
+var setInputValueByRef = function setInputValueByRef(input, value, event) {
+  if (event === void 0) {
+    event = 'change';
+  }
   if (!input) {
     return;
   }
-  const previousValue = input.value;
+  var previousValue = input.value;
   input.value = value || '';
-  const tracker = input._valueTracker;
+  var tracker = input._valueTracker;
   if (tracker) {
     tracker.setValue(previousValue);
   }

package/dist/esm/packages/taco/src/utils/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../../../src/utils/input.ts"],"sourcesContent":["// returns a custom event compatible with all browsers\nexport const createCustomEvent = (eventType: string) => {\n    let customEvent;\n\n    if (typeof Event === 'function') {\n        customEvent = new Event(eventType, { bubbles: true });\n    } else {\n        customEvent = document.createEvent('Event');\n        customEvent.initEvent(eventType, true, true);\n    }\n    return customEvent;\n};\n\n// returns a custom keyboard event compatible with all browsers\nexport const createCustomKeyboardEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    let customKeyboardEvent;\n\n    if (typeof KeyboardEvent === 'function') {\n        customKeyboardEvent = new KeyboardEvent(event.type, event as any);\n    } else {\n        customKeyboardEvent = document.createEvent('Event') as any;\n        customKeyboardEvent.initEvent(event.type, true, true);\n        customKeyboardEvent.key = event.key;\n        customKeyboardEvent.charCode = event.charCode;\n    }\n\n    return customKeyboardEvent;\n};\n\nexport const setInputValueByRef = (input: HTMLInputElement | null, value: string | undefined, event = 'change'): void => {\n    if (!input) {\n        return;\n    }\n\n    const previousValue = input.value;\n    input.value = value || '';\n\n    const tracker = (input as any)._valueTracker;\n\n    if (tracker) {\n        tracker.setValue(previousValue);\n    }\n\n    // 'change' instead of 'input', see https://github.com/facebook/react/issues/11488#issuecomment-381590324\n    input.dispatchEvent(createCustomEvent(event));\n};\n\nexport const deselectInputValue = (input: HTMLInputElement) => {\n    // input type=\"number\" doesn't support \"setSelectionRange\",\n    // easiest way is to switch input type to text, deselect value, and switch it back to number.\n    const isNumber = input.type === 'number';\n    if (isNumber) {\n        input.type = 'text';\n    }\n    input.setSelectionRange?.(input.value?.length, input.value?.length);\n    if (isNumber) {\n        input.type = 'number';\n    }\n};\n"],"names":["createCustomEvent","eventType","customEvent","Event","bubbles","document","createEvent","initEvent","createCustomKeyboardEvent","event","customKeyboardEvent","KeyboardEvent","type","key","charCode","setInputValueByRef","input","value","previousValue","tracker","_valueTracker","setValue","dispatchEvent"],"mappings":"AAAA;MACaA,iBAAiB,GAAIC,SAAiB;EAC/C,IAAIC,WAAW;EAEf,IAAI,OAAOC,KAAK,KAAK,UAAU,EAAE;IAC7BD,WAAW,GAAG,IAAIC,KAAK,CAACF,SAAS,EAAE;MAAEG,OAAO,EAAE;KAAM,CAAC;GACxD,MAAM;IACHF,WAAW,GAAGG,QAAQ,CAACC,WAAW,CAAC,OAAO,CAAC;IAC3CJ,WAAW,CAACK,SAAS,CAACN,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC;;EAEhD,OAAOC,WAAW;AACtB;AAEA;MACaM,yBAAyB,GAAIC,KAA4C;EAClF,IAAIC,mBAAmB;EAEvB,IAAI,OAAOC,aAAa,KAAK,UAAU,EAAE;IACrCD,mBAAmB,GAAG,IAAIC,aAAa,CAACF,KAAK,CAACG,IAAI,EAAEH,KAAY,CAAC;GACpE,MAAM;IACHC,mBAAmB,GAAGL,QAAQ,CAACC,WAAW,CAAC,OAAO,CAAQ;IAC1DI,mBAAmB,CAACH,SAAS,CAACE,KAAK,CAACG,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACrDF,mBAAmB,CAACG,GAAG,GAAGJ,KAAK,CAACI,GAAG;IACnCH,mBAAmB,CAACI,QAAQ,GAAGL,KAAK,CAACK,QAAQ;;EAGjD,OAAOJ,mBAAmB;AAC9B;MAEaK,kBAAkB,GAAGA,CAACC,KAA8B,EAAEC,KAAyB,EAAER,KAAK,GAAG,QAAQ;EAC1G,IAAI,CAACO,KAAK,EAAE;IACR;;EAGJ,MAAME,aAAa,GAAGF,KAAK,CAACC,KAAK;EACjCD,KAAK,CAACC,KAAK,GAAGA,KAAK,IAAI,EAAE;EAEzB,MAAME,OAAO,GAAIH,KAAa,CAACI,aAAa;EAE5C,IAAID,OAAO,EAAE;IACTA,OAAO,CAACE,QAAQ,CAACH,aAAa,CAAC;;;EAInCF,KAAK,CAACM,aAAa,CAACtB,iBAAiB,CAACS,KAAK,CAAC,CAAC;AACjD;;;;"}
+{"version":3,"file":"input.js","sources":["../../../../../../src/utils/input.ts"],"sourcesContent":["// returns a custom event compatible with all browsers\nexport const createCustomEvent = (eventType: string) => {\n    let customEvent;\n\n    if (typeof Event === 'function') {\n        customEvent = new Event(eventType, { bubbles: true });\n    } else {\n        customEvent = document.createEvent('Event');\n        customEvent.initEvent(eventType, true, true);\n    }\n    return customEvent;\n};\n\n// returns a custom keyboard event compatible with all browsers\nexport const createCustomKeyboardEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    let customKeyboardEvent;\n\n    if (typeof KeyboardEvent === 'function') {\n        customKeyboardEvent = new KeyboardEvent(event.type, event as any);\n    } else {\n        customKeyboardEvent = document.createEvent('Event') as any;\n        customKeyboardEvent.initEvent(event.type, true, true);\n        customKeyboardEvent.key = event.key;\n        customKeyboardEvent.charCode = event.charCode;\n    }\n\n    return customKeyboardEvent;\n};\n\nexport const setInputValueByRef = (input: HTMLInputElement | null, value: string | undefined, event = 'change'): void => {\n    if (!input) {\n        return;\n    }\n\n    const previousValue = input.value;\n    input.value = value || '';\n\n    const tracker = (input as any)._valueTracker;\n\n    if (tracker) {\n        tracker.setValue(previousValue);\n    }\n\n    // 'change' instead of 'input', see https://github.com/facebook/react/issues/11488#issuecomment-381590324\n    input.dispatchEvent(createCustomEvent(event));\n};\n\nexport const deselectInputValue = (input: HTMLInputElement) => {\n    // input type=\"number\" doesn't support \"setSelectionRange\",\n    // easiest way is to switch input type to text, deselect value, and switch it back to number.\n    const isNumber = input.type === 'number';\n    if (isNumber) {\n        input.type = 'text';\n    }\n    input.setSelectionRange?.(input.value?.length, input.value?.length);\n    if (isNumber) {\n        input.type = 'number';\n    }\n};\n"],"names":["createCustomEvent","eventType","customEvent","Event","bubbles","document","createEvent","initEvent","createCustomKeyboardEvent","event","customKeyboardEvent","KeyboardEvent","type","key","charCode","setInputValueByRef","input","value","previousValue","tracker","_valueTracker","setValue","dispatchEvent"],"mappings":"AAAA;IACaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,SAAiB;EAC/C,IAAIC,WAAW;EAEf,IAAI,OAAOC,KAAK,KAAK,UAAU,EAAE;IAC7BD,WAAW,GAAG,IAAIC,KAAK,CAACF,SAAS,EAAE;MAAEG,OAAO,EAAE;KAAM,CAAC;GACxD,MAAM;IACHF,WAAW,GAAGG,QAAQ,CAACC,WAAW,CAAC,OAAO,CAAC;IAC3CJ,WAAW,CAACK,SAAS,CAACN,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC;;EAEhD,OAAOC,WAAW;AACtB;AAEA;IACaM,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,KAA4C;EAClF,IAAIC,mBAAmB;EAEvB,IAAI,OAAOC,aAAa,KAAK,UAAU,EAAE;IACrCD,mBAAmB,GAAG,IAAIC,aAAa,CAACF,KAAK,CAACG,IAAI,EAAEH,KAAY,CAAC;GACpE,MAAM;IACHC,mBAAmB,GAAGL,QAAQ,CAACC,WAAW,CAAC,OAAO,CAAQ;IAC1DI,mBAAmB,CAACH,SAAS,CAACE,KAAK,CAACG,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACrDF,mBAAmB,CAACG,GAAG,GAAGJ,KAAK,CAACI,GAAG;IACnCH,mBAAmB,CAACI,QAAQ,GAAGL,KAAK,CAACK,QAAQ;;EAGjD,OAAOJ,mBAAmB;AAC9B;IAEaK,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA8B,EAAEC,KAAyB,EAAER,KAAK;MAALA,KAAK;IAALA,KAAK,GAAG,QAAQ;;EAC1G,IAAI,CAACO,KAAK,EAAE;IACR;;EAGJ,IAAME,aAAa,GAAGF,KAAK,CAACC,KAAK;EACjCD,KAAK,CAACC,KAAK,GAAGA,KAAK,IAAI,EAAE;EAEzB,IAAME,OAAO,GAAIH,KAAa,CAACI,aAAa;EAE5C,IAAID,OAAO,EAAE;IACTA,OAAO,CAACE,QAAQ,CAACH,aAAa,CAAC;;;EAInCF,KAAK,CAACM,aAAa,CAACtB,iBAAiB,CAACS,KAAK,CAAC,CAAC;AACjD;;;;"}

package/dist/esm/packages/taco/src/utils/keyboard.js

@@ -4,8 +4,8 @@ function isPressingMetaKey(event) {
   return isMacOs() ? event.metaKey : event.ctrlKey;
 }
 function shouldTriggerShortcut(event, key) {
-  const keyOptions = typeof key === 'string' ? {
-    key,
+  var keyOptions = typeof key === 'string' ? {
+    key: key,
     meta: false,
     shift: false
   } : key;
@@ -17,12 +17,15 @@ function shouldTriggerShortcut(event, key) {
   }
   return event.key.toLowerCase() === keyOptions.key.toLowerCase();
 }
-function createShortcutKeyDownHandler(key, handler, stopPropagation = true) {
+function createShortcutKeyDownHandler(key, handler, stopPropagation) {
+  if (stopPropagation === void 0) {
+    stopPropagation = true;
+  }
   return function (event) {
     if (event.target !== event.currentTarget && isElementInteractive(event.target) && !isPressingMetaKey(event)) {
       return;
     }
-    const condition = shouldTriggerShortcut(event, key);
+    var condition = shouldTriggerShortcut(event, key);
     if (condition) {
       if (stopPropagation) {
         var _event$stopImmediateP;
@@ -35,7 +38,7 @@ function createShortcutKeyDownHandler(key, handler, stopPropagation = true) {
     }
   };
 }
-const isMacOs = () => {
+var isMacOs = function isMacOs() {
   var _window;
   return (_window = window) === null || _window === void 0 ? void 0 : _window.navigator.userAgent.includes('Mac');
 };

package/dist/esm/packages/taco/src/utils/keyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard.js","sources":["../../../../../../src/utils/keyboard.ts"],"sourcesContent":["import React from 'react';\nimport { isElementInteractive } from './dom';\n\nexport type KeyDownHandlerOptions = { key: string; meta?: boolean; shift?: boolean };\n\nexport function isPressingMetaKey<T = Element>(event: KeyboardEvent | React.KeyboardEvent<T>) {\n    return isMacOs() ? event.metaKey : event.ctrlKey;\n}\n\nexport function shouldTriggerShortcut<T = Element>(\n    event: KeyboardEvent | React.KeyboardEvent<T>,\n    key: string | KeyDownHandlerOptions\n) {\n    const keyOptions: KeyDownHandlerOptions = typeof key === 'string' ? { key, meta: false, shift: false } : key;\n\n    if (\n        (keyOptions.meta && (isMacOs() ? !event.metaKey : !event.ctrlKey)) ||\n        (!keyOptions.meta && (isMacOs() ? event.metaKey : event.ctrlKey))\n    ) {\n        return false;\n    }\n\n    if ((keyOptions.shift && !event.shiftKey) || (keyOptions.shift === false && event.shiftKey)) {\n        return false;\n    }\n\n    return event.key.toLowerCase() === keyOptions.key.toLowerCase();\n}\n\nexport function createShortcutKeyDownHandler<T = Element>(\n    key: string | KeyDownHandlerOptions,\n    handler: (event: KeyboardEvent | React.KeyboardEvent<T>) => void,\n    stopPropagation = true\n) {\n    return function (event: KeyboardEvent | React.KeyboardEvent<T>) {\n        if (\n            event.target !== event.currentTarget &&\n            isElementInteractive(event.target as HTMLElement) &&\n            !isPressingMetaKey(event)\n        ) {\n            return;\n        }\n\n        const condition = shouldTriggerShortcut(event, key);\n\n        if (condition) {\n            if (stopPropagation) {\n                // stops react handlers bubbling up to global\n                event.stopPropagation();\n                // stops global handlers bubbling up to other global\n                (event as KeyboardEvent).stopImmediatePropagation?.();\n            }\n\n            handler(event);\n        }\n    };\n}\n\nexport const isMacOs = () => window?.navigator.userAgent.includes('Mac');\n"],"names":["isPressingMetaKey","event","isMacOs","metaKey","ctrlKey","shouldTriggerShortcut","key","keyOptions","meta","shift","shiftKey","toLowerCase","createShortcutKeyDownHandler","handler","stopPropagation","target","currentTarget","isElementInteractive","condition","_event$stopImmediateP","stopImmediatePropagation","call","_window","window","navigator","userAgent","includes"],"mappings":";;SAKgBA,iBAAiBA,CAAcC,KAA6C;EACxF,OAAOC,OAAO,EAAE,GAAGD,KAAK,CAACE,OAAO,GAAGF,KAAK,CAACG,OAAO;AACpD;SAEgBC,qBAAqBA,CACjCJ,KAA6C,EAC7CK,GAAmC;EAEnC,MAAMC,UAAU,GAA0B,OAAOD,GAAG,KAAK,QAAQ,GAAG;IAAEA,GAAG;IAAEE,IAAI,EAAE,KAAK;IAAEC,KAAK,EAAE;GAAO,GAAGH,GAAG;EAE5G,IACKC,UAAU,CAACC,IAAI,KAAKN,OAAO,EAAE,GAAG,CAACD,KAAK,CAACE,OAAO,GAAG,CAACF,KAAK,CAACG,OAAO,CAAC,IAChE,CAACG,UAAU,CAACC,IAAI,KAAKN,OAAO,EAAE,GAAGD,KAAK,CAACE,OAAO,GAAGF,KAAK,CAACG,OAAO,CAAE,EACnE;IACE,OAAO,KAAK;;EAGhB,IAAKG,UAAU,CAACE,KAAK,IAAI,CAACR,KAAK,CAACS,QAAQ,IAAMH,UAAU,CAACE,KAAK,KAAK,KAAK,IAAIR,KAAK,CAACS,QAAS,EAAE;IACzF,OAAO,KAAK;;EAGhB,OAAOT,KAAK,CAACK,GAAG,CAACK,WAAW,EAAE,KAAKJ,UAAU,CAACD,GAAG,CAACK,WAAW,EAAE;AACnE;SAEgBC,4BAA4BA,CACxCN,GAAmC,EACnCO,OAAgE,EAChEC,eAAe,GAAG,IAAI;EAEtB,OAAO,UAAUb,KAA6C;IAC1D,IACIA,KAAK,CAACc,MAAM,KAAKd,KAAK,CAACe,aAAa,IACpCC,oBAAoB,CAAChB,KAAK,CAACc,MAAqB,CAAC,IACjD,CAACf,iBAAiB,CAACC,KAAK,CAAC,EAC3B;MACE;;IAGJ,MAAMiB,SAAS,GAAGb,qBAAqB,CAACJ,KAAK,EAAEK,GAAG,CAAC;IAEnD,IAAIY,SAAS,EAAE;MACX,IAAIJ,eAAe,EAAE;QAAA,IAAAK,qBAAA;;QAEjBlB,KAAK,CAACa,eAAe,EAAE;;QAEtB,CAAAK,qBAAA,GAAAlB,KAAuB,CAACmB,wBAAwB,cAAAD,qBAAA,uBAAhDA,qBAAA,CAAAE,IAAA,CAAApB,MAAoD;;MAGzDY,OAAO,CAACZ,KAAK,CAAC;;GAErB;AACL;MAEaC,OAAO,GAAGA;EAAA,IAAAoB,OAAA;EAAA,QAAAA,OAAA,GAAMC,MAAM,cAAAD,OAAA,uBAANA,OAAA,CAAQE,SAAS,CAACC,SAAS,CAACC,QAAQ,CAAC,KAAK,CAAC;AAAA;;;;"}
+{"version":3,"file":"keyboard.js","sources":["../../../../../../src/utils/keyboard.ts"],"sourcesContent":["import React from 'react';\nimport { isElementInteractive } from './dom';\n\nexport type KeyDownHandlerOptions = { key: string; meta?: boolean; shift?: boolean };\n\nexport function isPressingMetaKey<T = Element>(event: KeyboardEvent | React.KeyboardEvent<T>) {\n    return isMacOs() ? event.metaKey : event.ctrlKey;\n}\n\nexport function shouldTriggerShortcut<T = Element>(\n    event: KeyboardEvent | React.KeyboardEvent<T>,\n    key: string | KeyDownHandlerOptions\n) {\n    const keyOptions: KeyDownHandlerOptions = typeof key === 'string' ? { key, meta: false, shift: false } : key;\n\n    if (\n        (keyOptions.meta && (isMacOs() ? !event.metaKey : !event.ctrlKey)) ||\n        (!keyOptions.meta && (isMacOs() ? event.metaKey : event.ctrlKey))\n    ) {\n        return false;\n    }\n\n    if ((keyOptions.shift && !event.shiftKey) || (keyOptions.shift === false && event.shiftKey)) {\n        return false;\n    }\n\n    return event.key.toLowerCase() === keyOptions.key.toLowerCase();\n}\n\nexport function createShortcutKeyDownHandler<T = Element>(\n    key: string | KeyDownHandlerOptions,\n    handler: (event: KeyboardEvent | React.KeyboardEvent<T>) => void,\n    stopPropagation = true\n) {\n    return function (event: KeyboardEvent | React.KeyboardEvent<T>) {\n        if (\n            event.target !== event.currentTarget &&\n            isElementInteractive(event.target as HTMLElement) &&\n            !isPressingMetaKey(event)\n        ) {\n            return;\n        }\n\n        const condition = shouldTriggerShortcut(event, key);\n\n        if (condition) {\n            if (stopPropagation) {\n                // stops react handlers bubbling up to global\n                event.stopPropagation();\n                // stops global handlers bubbling up to other global\n                (event as KeyboardEvent).stopImmediatePropagation?.();\n            }\n\n            handler(event);\n        }\n    };\n}\n\nexport const isMacOs = () => window?.navigator.userAgent.includes('Mac');\n"],"names":["isPressingMetaKey","event","isMacOs","metaKey","ctrlKey","shouldTriggerShortcut","key","keyOptions","meta","shift","shiftKey","toLowerCase","createShortcutKeyDownHandler","handler","stopPropagation","target","currentTarget","isElementInteractive","condition","_event$stopImmediateP","stopImmediatePropagation","call","_window","window","navigator","userAgent","includes"],"mappings":";;SAKgBA,iBAAiBA,CAAcC,KAA6C;EACxF,OAAOC,OAAO,EAAE,GAAGD,KAAK,CAACE,OAAO,GAAGF,KAAK,CAACG,OAAO;AACpD;SAEgBC,qBAAqBA,CACjCJ,KAA6C,EAC7CK,GAAmC;EAEnC,IAAMC,UAAU,GAA0B,OAAOD,GAAG,KAAK,QAAQ,GAAG;IAAEA,GAAG,EAAHA,GAAG;IAAEE,IAAI,EAAE,KAAK;IAAEC,KAAK,EAAE;GAAO,GAAGH,GAAG;EAE5G,IACKC,UAAU,CAACC,IAAI,KAAKN,OAAO,EAAE,GAAG,CAACD,KAAK,CAACE,OAAO,GAAG,CAACF,KAAK,CAACG,OAAO,CAAC,IAChE,CAACG,UAAU,CAACC,IAAI,KAAKN,OAAO,EAAE,GAAGD,KAAK,CAACE,OAAO,GAAGF,KAAK,CAACG,OAAO,CAAE,EACnE;IACE,OAAO,KAAK;;EAGhB,IAAKG,UAAU,CAACE,KAAK,IAAI,CAACR,KAAK,CAACS,QAAQ,IAAMH,UAAU,CAACE,KAAK,KAAK,KAAK,IAAIR,KAAK,CAACS,QAAS,EAAE;IACzF,OAAO,KAAK;;EAGhB,OAAOT,KAAK,CAACK,GAAG,CAACK,WAAW,EAAE,KAAKJ,UAAU,CAACD,GAAG,CAACK,WAAW,EAAE;AACnE;SAEgBC,4BAA4BA,CACxCN,GAAmC,EACnCO,OAAgE,EAChEC,eAAe;MAAfA,eAAe;IAAfA,eAAe,GAAG,IAAI;;EAEtB,OAAO,UAAUb,KAA6C;IAC1D,IACIA,KAAK,CAACc,MAAM,KAAKd,KAAK,CAACe,aAAa,IACpCC,oBAAoB,CAAChB,KAAK,CAACc,MAAqB,CAAC,IACjD,CAACf,iBAAiB,CAACC,KAAK,CAAC,EAC3B;MACE;;IAGJ,IAAMiB,SAAS,GAAGb,qBAAqB,CAACJ,KAAK,EAAEK,GAAG,CAAC;IAEnD,IAAIY,SAAS,EAAE;MACX,IAAIJ,eAAe,EAAE;QAAA,IAAAK,qBAAA;;QAEjBlB,KAAK,CAACa,eAAe,EAAE;;QAEtB,CAAAK,qBAAA,GAAAlB,KAAuB,CAACmB,wBAAwB,cAAAD,qBAAA,uBAAhDA,qBAAA,CAAAE,IAAA,CAAApB,MAAoD;;MAGzDY,OAAO,CAACZ,KAAK,CAAC;;GAErB;AACL;IAEaC,OAAO,GAAG,SAAVA,OAAOA;EAAA,IAAAoB,OAAA;EAAA,QAAAA,OAAA,GAASC,MAAM,cAAAD,OAAA,uBAANA,OAAA,CAAQE,SAAS,CAACC,SAAS,CAACC,QAAQ,CAAC,KAAK,CAAC;AAAA;;;;"}

package/dist/esm/packages/taco/src/utils/mergeRefs.js

@@ -1,6 +1,6 @@
 function mergeRefs(refs) {
-  return value => {
-    refs.forEach(ref => {
+  return function (value) {
+    refs.forEach(function (ref) {
       if (typeof ref === 'function') {
         ref(value);
       } else if (ref != null) {

package/dist/esm/packages/taco/src/utils/mergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeRefs.js","sources":["../../../../../../src/utils/mergeRefs.ts"],"sourcesContent":["import React from 'react';\n\nexport function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\n    return value => {\n        refs.forEach(ref => {\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref != null) {\n                (ref as React.MutableRefObject<T | null>).current = value;\n            }\n        });\n    };\n}\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"SAEgBA,SAASA,CAAUC,IAA2D;EAC1F,OAAOC,KAAK;IACRD,IAAI,CAACE,OAAO,CAACC,GAAG;MACZ,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC3BA,GAAG,CAACF,KAAK,CAAC;OACb,MAAM,IAAIE,GAAG,IAAI,IAAI,EAAE;QACnBA,GAAwC,CAACC,OAAO,GAAGH,KAAK;;KAEhE,CAAC;GACL;AACL;;;;"}
+{"version":3,"file":"mergeRefs.js","sources":["../../../../../../src/utils/mergeRefs.ts"],"sourcesContent":["import React from 'react';\n\nexport function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\n    return value => {\n        refs.forEach(ref => {\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref != null) {\n                (ref as React.MutableRefObject<T | null>).current = value;\n            }\n        });\n    };\n}\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"SAEgBA,SAASA,CAAUC,IAA2D;EAC1F,OAAO,UAAAC,KAAK;IACRD,IAAI,CAACE,OAAO,CAAC,UAAAC,GAAG;MACZ,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC3BA,GAAG,CAACF,KAAK,CAAC;OACb,MAAM,IAAIE,GAAG,IAAI,IAAI,EAAE;QACnBA,GAAwC,CAACC,OAAO,GAAGH,KAAK;;KAEhE,CAAC;GACL;AACL;;;;"}

package/dist/esm/packages/taco/src/utils/tailwind.js

@@ -1,5 +1,5 @@
-const AVAILABLE_COLORS = ['green', 'yellow', 'red', 'blue', 'purple', 'brown', 'pink', 'orange', 'grey', 'transparent'];
-const getColorByState = state => {
+var AVAILABLE_COLORS = ['green', 'yellow', 'red', 'blue', 'purple', 'brown', 'pink', 'orange', 'grey', 'transparent'];
+var getColorByState = function getColorByState(state) {
   switch (state) {
     case 'information':
       return 'blue';
@@ -13,7 +13,7 @@ const getColorByState = state => {
       return 'grey';
   }
 };
-const getOutlineColorShadeClasses = state => {
+var getOutlineColorShadeClasses = function getOutlineColorShadeClasses(state) {
   switch (state) {
     case 'green':
       return 'border-green-700 text-green-700';
@@ -37,7 +37,7 @@ const getOutlineColorShadeClasses = state => {
       return 'border-grey-700 text-grey-700';
   }
 };
-const getSubtleColorShadeClasses = value => {
+var getSubtleColorShadeClasses = function getSubtleColorShadeClasses(value) {
   switch (value) {
     case 'green':
       return 'wcag-green-100';
@@ -62,7 +62,7 @@ const getSubtleColorShadeClasses = value => {
       return 'wcag-grey-200';
   }
 };
-const getColorShadeClasses = value => {
+var getColorShadeClasses = function getColorShadeClasses(value) {
   switch (value) {
     case 'green':
       return 'wcag-green-700';

package/dist/esm/packages/taco/src/utils/tailwind.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.js","sources":["../../../../../../src/utils/tailwind.ts"],"sourcesContent":["import { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n    'green',\n    'yellow',\n    'red',\n    'blue',\n    'purple',\n    'brown',\n    'pink',\n    'orange',\n    'grey',\n    'transparent',\n] as const;\n\nexport const getColorByState = (state: State | undefined): Color => {\n    switch (state) {\n        case 'information':\n            return 'blue';\n        case 'warning':\n            return 'yellow';\n        case 'error':\n            return 'red';\n        case 'success':\n            return 'green';\n        default:\n            return 'grey';\n    }\n};\n\nexport const getOutlineColorShadeClasses = (state: Color | undefined): string => {\n    switch (state) {\n        case 'green':\n            return 'border-green-700 text-green-700';\n        case 'yellow':\n            return 'border-yellow-700 text-yellow-700';\n        case 'red':\n            return 'border-red-500 text-red-500';\n        case 'blue':\n            return 'border-blue-500 text-blue-500';\n        case 'purple':\n            return 'border-purple-700 text-purple-700';\n        case 'brown':\n            return 'border-brown-700 text-brown-700';\n        case 'pink':\n            return 'border-pink-700 text-pink-700';\n        case 'orange':\n            return 'border-orange-700 text-orange-700';\n        case 'transparent':\n        case 'grey':\n        default:\n            return 'border-grey-700 text-grey-700';\n    }\n};\n\nexport const getSubtleColorShadeClasses = (value: Color | undefined): string => {\n    switch (value) {\n        case 'green':\n            return 'wcag-green-100';\n        case 'yellow':\n            return 'wcag-yellow-100';\n        case 'red':\n            return 'wcag-red-100';\n        case 'blue':\n            return 'wcag-blue-100';\n        case 'purple':\n            return 'wcag-purple-100';\n        case 'brown':\n            return 'wcag-brown-100';\n        case 'pink':\n            return 'wcag-pink-100';\n        case 'orange':\n            return 'wcag-orange-100';\n        case 'transparent':\n            return 'wcag-transparent';\n        case 'grey':\n        default:\n            return 'wcag-grey-200';\n    }\n};\n\nexport const getColorShadeClasses = (value: Color | undefined): string => {\n    switch (value) {\n        case 'green':\n            return 'wcag-green-700';\n        case 'yellow':\n            return 'wcag-yellow-500';\n        case 'red':\n            return 'wcag-red-500';\n        case 'blue':\n            return 'wcag-blue-500';\n        case 'purple':\n            return 'wcag-purple-700';\n        case 'brown':\n            return 'wcag-brown-700';\n        case 'pink':\n            return 'wcag-pink-500';\n        case 'orange':\n            return 'wcag-orange-700';\n        case 'transparent':\n            return 'wcag-transparent';\n        case 'grey':\n        default:\n            return 'wcag-grey-700';\n    }\n};\n"],"names":["AVAILABLE_COLORS","getColorByState","state","getOutlineColorShadeClasses","getSubtleColorShadeClasses","value","getColorShadeClasses"],"mappings":"MAEaA,gBAAgB,GAAG,CAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa;MAGJC,eAAe,GAAIC,KAAwB;EACpD,QAAQA,KAAK;IACT,KAAK,aAAa;MACd,OAAO,MAAM;IACjB,KAAK,SAAS;MACV,OAAO,QAAQ;IACnB,KAAK,OAAO;MACR,OAAO,KAAK;IAChB,KAAK,SAAS;MACV,OAAO,OAAO;IAClB;MACI,OAAO,MAAM;;AAEzB;MAEaC,2BAA2B,GAAID,KAAwB;EAChE,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,iCAAiC;IAC5C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,KAAK;MACN,OAAO,6BAA6B;IACxC,KAAK,MAAM;MACP,OAAO,+BAA+B;IAC1C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,OAAO;MACR,OAAO,iCAAiC;IAC5C,KAAK,MAAM;MACP,OAAO,+BAA+B;IAC1C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,aAAa;IAClB,KAAK,MAAM;IACX;MACI,OAAO,+BAA+B;;AAElD;MAEaE,0BAA0B,GAAIC,KAAwB;EAC/D,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,KAAK;MACN,OAAO,cAAc;IACzB,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,aAAa;MACd,OAAO,kBAAkB;IAC7B,KAAK,MAAM;IACX;MACI,OAAO,eAAe;;AAElC;MAEaC,oBAAoB,GAAID,KAAwB;EACzD,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,KAAK;MACN,OAAO,cAAc;IACzB,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,aAAa;MACd,OAAO,kBAAkB;IAC7B,KAAK,MAAM;IACX;MACI,OAAO,eAAe;;AAElC;;;;"}
+{"version":3,"file":"tailwind.js","sources":["../../../../../../src/utils/tailwind.ts"],"sourcesContent":["import { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n    'green',\n    'yellow',\n    'red',\n    'blue',\n    'purple',\n    'brown',\n    'pink',\n    'orange',\n    'grey',\n    'transparent',\n] as const;\n\nexport const getColorByState = (state: State | undefined): Color => {\n    switch (state) {\n        case 'information':\n            return 'blue';\n        case 'warning':\n            return 'yellow';\n        case 'error':\n            return 'red';\n        case 'success':\n            return 'green';\n        default:\n            return 'grey';\n    }\n};\n\nexport const getOutlineColorShadeClasses = (state: Color | undefined): string => {\n    switch (state) {\n        case 'green':\n            return 'border-green-700 text-green-700';\n        case 'yellow':\n            return 'border-yellow-700 text-yellow-700';\n        case 'red':\n            return 'border-red-500 text-red-500';\n        case 'blue':\n            return 'border-blue-500 text-blue-500';\n        case 'purple':\n            return 'border-purple-700 text-purple-700';\n        case 'brown':\n            return 'border-brown-700 text-brown-700';\n        case 'pink':\n            return 'border-pink-700 text-pink-700';\n        case 'orange':\n            return 'border-orange-700 text-orange-700';\n        case 'transparent':\n        case 'grey':\n        default:\n            return 'border-grey-700 text-grey-700';\n    }\n};\n\nexport const getSubtleColorShadeClasses = (value: Color | undefined): string => {\n    switch (value) {\n        case 'green':\n            return 'wcag-green-100';\n        case 'yellow':\n            return 'wcag-yellow-100';\n        case 'red':\n            return 'wcag-red-100';\n        case 'blue':\n            return 'wcag-blue-100';\n        case 'purple':\n            return 'wcag-purple-100';\n        case 'brown':\n            return 'wcag-brown-100';\n        case 'pink':\n            return 'wcag-pink-100';\n        case 'orange':\n            return 'wcag-orange-100';\n        case 'transparent':\n            return 'wcag-transparent';\n        case 'grey':\n        default:\n            return 'wcag-grey-200';\n    }\n};\n\nexport const getColorShadeClasses = (value: Color | undefined): string => {\n    switch (value) {\n        case 'green':\n            return 'wcag-green-700';\n        case 'yellow':\n            return 'wcag-yellow-500';\n        case 'red':\n            return 'wcag-red-500';\n        case 'blue':\n            return 'wcag-blue-500';\n        case 'purple':\n            return 'wcag-purple-700';\n        case 'brown':\n            return 'wcag-brown-700';\n        case 'pink':\n            return 'wcag-pink-500';\n        case 'orange':\n            return 'wcag-orange-700';\n        case 'transparent':\n            return 'wcag-transparent';\n        case 'grey':\n        default:\n            return 'wcag-grey-700';\n    }\n};\n"],"names":["AVAILABLE_COLORS","getColorByState","state","getOutlineColorShadeClasses","getSubtleColorShadeClasses","value","getColorShadeClasses"],"mappings":"IAEaA,gBAAgB,GAAG,CAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa;IAGJC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAwB;EACpD,QAAQA,KAAK;IACT,KAAK,aAAa;MACd,OAAO,MAAM;IACjB,KAAK,SAAS;MACV,OAAO,QAAQ;IACnB,KAAK,OAAO;MACR,OAAO,KAAK;IAChB,KAAK,SAAS;MACV,OAAO,OAAO;IAClB;MACI,OAAO,MAAM;;AAEzB;IAEaC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAID,KAAwB;EAChE,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,iCAAiC;IAC5C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,KAAK;MACN,OAAO,6BAA6B;IACxC,KAAK,MAAM;MACP,OAAO,+BAA+B;IAC1C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,OAAO;MACR,OAAO,iCAAiC;IAC5C,KAAK,MAAM;MACP,OAAO,+BAA+B;IAC1C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,aAAa;IAClB,KAAK,MAAM;IACX;MACI,OAAO,+BAA+B;;AAElD;IAEaE,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAIC,KAAwB;EAC/D,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,KAAK;MACN,OAAO,cAAc;IACzB,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,aAAa;MACd,OAAO,kBAAkB;IAC7B,KAAK,MAAM;IACX;MACI,OAAO,eAAe;;AAElC;IAEaC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAID,KAAwB;EACzD,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,KAAK;MACN,OAAO,cAAc;IACzB,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,aAAa;MACd,OAAO,kBAAkB;IAC7B,KAAK,MAAM;IACX;MACI,OAAO,eAAe;;AAElC;;;;"}

package/dist/esm/packages/taco/tailwind.colors.js

@@ -1,6 +1,6 @@
 // NOTE: this file is intentianally a js file so that it can be consumed by tailwind.config.js
 
-const THEME_COLORS = {
+var THEME_COLORS = {
   transparent: 'transparent',
   current: 'currentColor',
   white: '#fff',

package/dist/esm/packages/taco/tailwind.colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.colors.js","sources":["../../../../tailwind.colors.js"],"sourcesContent":["// NOTE: this file is intentianally a js file so that it can be consumed by tailwind.config.js\n\nconst THEME_COLORS = {\n    transparent: 'transparent',\n    current: 'currentColor',\n    white: '#fff',\n    black: '#1c1c1c',\n    brand: {\n        vismaRed: '#E70641',\n        paleOrange: '#FFF5E5',\n        sunsetOrange: '#E89C2E',\n        midnightBlue: '#29283E',\n        coolBlue: '#F5F7F9',\n    },\n    grey: {\n        lightest: '#fafafa',\n        light: '#F6F6F6',\n        DEFAULT: '#EBEBEB',\n        dark: '#DDDDDD',\n        darker: '#ACACAC',\n        darkest: '#595959',\n        darkNew: '#a5a6a9',\n        50: '#fafafa',\n        100: '#F6F6F6',\n        200: '#EBEBEB',\n        300: '#DDDDDD',\n        500: '#ACACAC',\n        700: '#595959',\n        900: '#303030',\n    },\n    purple: {\n        lightest: '#585c74',\n        light: '#4b4f64',\n        DEFAULT: '#3d4153',\n        dark: '#353a48',\n        darker: '#29283e',\n        darkest: '#212032',\n        darkNew_1: '#373647',\n        darkNew_2: '#414050',\n        100: '#EEE5FF',\n        200: '#ddd1ff',\n        300: '#CBBCFE',\n        500: '#9270FA',\n        700: '#6542D1',\n        900: '#412970',\n    },\n    blue: {\n        lightest: '#DEEBFF',\n        light: '#75A0F5',\n        DEFAULT: '#4573D2',\n        dark: '#2B57B4',\n        100: '#DEEBFF',\n        200: '#AACCFF',\n        300: '#75A0F5',\n        500: '#4573D2',\n        700: '#2B57B4',\n        900: '#29283E',\n    },\n    red: {\n        lightest: '#FFDAD2',\n        light: '#E66568',\n        DEFAULT: '#CE3F42',\n        dark: '#950027',\n        100: '#FFDAD2',\n        200: '#f3a09d',\n        300: '#E66568',\n        500: '#CE3F42',\n        700: '#950027',\n        900: '#64001B',\n    },\n    green: {\n        lightest: '#cdf0e7',\n        light: '#52C7AB',\n        DEFAULT: '#08AE87',\n        dark: '#028465',\n        100: '#cdf0e7',\n        200: '#9be1ce',\n        300: '#52C7AB',\n        500: '#08AE87',\n        700: '#028465',\n        900: '#14493A',\n    },\n    yellow: {\n        lightest: '#FFF1C3',\n        light: '#FFD665',\n        DEFAULT: '#FFBD3B',\n        dark: '#e89c2e',\n        100: '#FFF1C3',\n        200: '#ffe494',\n        300: '#FFD665',\n        500: '#FFBD3B',\n        700: '#e89c2e',\n        900: '#733700',\n    },\n    pink: {\n        100: '#FFE3F7',\n        200: '#fcb9e9',\n        300: '#F98EDB',\n        500: '#E165BF',\n        700: '#CF49AA',\n        900: '#870062',\n    },\n    brown: {\n        100: '#EEE0DA',\n        200: '#DFCCC2',\n        300: '#C4AB9E',\n        500: '#93715D',\n        700: '#73503B',\n        900: '#45291F',\n    },\n    orange: {\n        100: '#FFE3BB',\n        200: '#FCCB80',\n        300: '#FAB64D',\n        500: '#F99702',\n        700: '#EF7D00',\n        900: '#4A2811',\n    },\n};\n\nexport default THEME_COLORS;\n"],"names":["THEME_COLORS","transparent","current","white","black","brand","vismaRed","paleOrange","sunsetOrange","midnightBlue","coolBlue","grey","lightest","light","DEFAULT","dark","darker","darkest","darkNew","purple","darkNew_1","darkNew_2","blue","red","green","yellow","pink","brown","orange"],"mappings":"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"}
+{"version":3,"file":"tailwind.colors.js","sources":["../../../../tailwind.colors.js"],"sourcesContent":["// NOTE: this file is intentianally a js file so that it can be consumed by tailwind.config.js\n\nconst THEME_COLORS = {\n    transparent: 'transparent',\n    current: 'currentColor',\n    white: '#fff',\n    black: '#1c1c1c',\n    brand: {\n        vismaRed: '#E70641',\n        paleOrange: '#FFF5E5',\n        sunsetOrange: '#E89C2E',\n        midnightBlue: '#29283E',\n        coolBlue: '#F5F7F9',\n    },\n    grey: {\n        lightest: '#fafafa',\n        light: '#F6F6F6',\n        DEFAULT: '#EBEBEB',\n        dark: '#DDDDDD',\n        darker: '#ACACAC',\n        darkest: '#595959',\n        darkNew: '#a5a6a9',\n        50: '#fafafa',\n        100: '#F6F6F6',\n        200: '#EBEBEB',\n        300: '#DDDDDD',\n        500: '#ACACAC',\n        700: '#595959',\n        900: '#303030',\n    },\n    purple: {\n        lightest: '#585c74',\n        light: '#4b4f64',\n        DEFAULT: '#3d4153',\n        dark: '#353a48',\n        darker: '#29283e',\n        darkest: '#212032',\n        darkNew_1: '#373647',\n        darkNew_2: '#414050',\n        100: '#EEE5FF',\n        200: '#ddd1ff',\n        300: '#CBBCFE',\n        500: '#9270FA',\n        700: '#6542D1',\n        900: '#412970',\n    },\n    blue: {\n        lightest: '#DEEBFF',\n        light: '#75A0F5',\n        DEFAULT: '#4573D2',\n        dark: '#2B57B4',\n        100: '#DEEBFF',\n        200: '#AACCFF',\n        300: '#75A0F5',\n        500: '#4573D2',\n        700: '#2B57B4',\n        900: '#29283E',\n    },\n    red: {\n        lightest: '#FFDAD2',\n        light: '#E66568',\n        DEFAULT: '#CE3F42',\n        dark: '#950027',\n        100: '#FFDAD2',\n        200: '#f3a09d',\n        300: '#E66568',\n        500: '#CE3F42',\n        700: '#950027',\n        900: '#64001B',\n    },\n    green: {\n        lightest: '#cdf0e7',\n        light: '#52C7AB',\n        DEFAULT: '#08AE87',\n        dark: '#028465',\n        100: '#cdf0e7',\n        200: '#9be1ce',\n        300: '#52C7AB',\n        500: '#08AE87',\n        700: '#028465',\n        900: '#14493A',\n    },\n    yellow: {\n        lightest: '#FFF1C3',\n        light: '#FFD665',\n        DEFAULT: '#FFBD3B',\n        dark: '#e89c2e',\n        100: '#FFF1C3',\n        200: '#ffe494',\n        300: '#FFD665',\n        500: '#FFBD3B',\n        700: '#e89c2e',\n        900: '#733700',\n    },\n    pink: {\n        100: '#FFE3F7',\n        200: '#fcb9e9',\n        300: '#F98EDB',\n        500: '#E165BF',\n        700: '#CF49AA',\n        900: '#870062',\n    },\n    brown: {\n        100: '#EEE0DA',\n        200: '#DFCCC2',\n        300: '#C4AB9E',\n        500: '#93715D',\n        700: '#73503B',\n        900: '#45291F',\n    },\n    orange: {\n        100: '#FFE3BB',\n        200: '#FCCB80',\n        300: '#FAB64D',\n        500: '#F99702',\n        700: '#EF7D00',\n        900: '#4A2811',\n    },\n};\n\nexport default THEME_COLORS;\n"],"names":["THEME_COLORS","transparent","current","white","black","brand","vismaRed","paleOrange","sunsetOrange","midnightBlue","coolBlue","grey","lightest","light","DEFAULT","dark","darker","darkest","darkNew","purple","darkNew_1","darkNew_2","blue","red","green","yellow","pink","brown","orange"],"mappings":"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"}

package/dist/index.css

@@ -650,13 +650,22 @@ table[data-taco^='table'] tr[data-row-group]:first-child {
             @apply pt-0;
         }
 
+/* Only apply -mt-px when the row group header is sticked to the top of the table.
+               margin-top -1px is needed to hide a little gap between the group header and table and the edge of the table.
+               If we'll not do this, then it will be slightly visible how rows are moving behind it when scrolled.
+            */
+
+table[data-taco^='table'] tr[data-row-group]:first-child td {
+                @apply -mt-px;
+            }
+
 table[data-taco^='table'] tr[data-row-group]:not(:first-child):before {
             content: '';
-            @apply bg-grey-100 border-grey-300 absolute left-0 right-0 top-0 h-10 border-t print:top-0 print:h-[2px] print:border-t-2;
+            @apply bg-grey-100 border-grey-300 absolute -top-1 left-0 right-0 h-10 border-t print:top-0 print:h-[2px] print:border-t-2;
         }
 
 table[data-taco^='table'] tr[data-row-group] td {
-            @apply -mt-px border-b-2 border-t-0 font-bold;
+            @apply border-b-2 border-t-0 font-bold;
         }
 
 table[data-taco^='table'] tr:first-child td {

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/FilterContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TableFilter } from '../../../../../types';
+export declare const FilterContext: React.Context<TableFilter[]>;

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.d.ts

@@ -4,7 +4,6 @@ import { TableFilter } from '../../../../../../types';
 export declare type FilterProps<TType = unknown> = {
     allColumns: ReactTableColumn<TType, unknown>[];
     filter: TableFilter;
-    filters: TableFilter[];
     position: number;
     onChange: (position: number, value: TableFilter) => void;
     onRemove?: (position: number) => void;

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.d.ts

@@ -1,12 +1,9 @@
 import React from 'react';
 import { Column as ReactTableColumn } from '@tanstack/react-table';
 import { Select2Props } from '../../../../../../../../components/Select2/Select2';
-import { TableFilter } from '../../../../../../types';
 export declare type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {
     allColumns: ReactTableColumn<TType, unknown>[];
-    filters: TableFilter[];
 };
 export declare const FilterColumn: React.ForwardRefExoticComponent<Pick<Select2Props, "defaultValue" | "onChange" | "value" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "emptyValue" | "disabled" | "fontSize" | "highlighted" | "invalid" | "loading" | "multiple" | "name" | "onCreate" | "onDelete" | "onEdit" | "readOnly" | "required" | "tags" | "createDialog" | "createTriggerText"> & {
     allColumns: ReactTableColumn<unknown, unknown>[];
-    filters: TableFilter[];
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/primitives/Table/types.d.ts

@@ -41,7 +41,7 @@ export declare type TableColumnFilter = ReactTableColumnFilter;
 export declare type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];
 export declare type TableColumnRenderer<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;
 export declare type TableColumnRendererAggregate<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;
-export declare type TableColumnRendererControl<TType = unknown> = ((props: TableColumnRendererControlProps, row?: TType) => JSX.Element) | 'datepicker' | 'input' | 'switch' | 'checkbox' | 'textarea';
+export declare type TableColumnRendererControl<TType = unknown> = ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => JSX.Element) | 'datepicker' | 'input' | 'switch' | 'checkbox' | 'textarea';
 export declare type TableColumnRendererControlProps = {
     className?: string;
     disabled?: boolean;

package/dist/primitives/Table/useTableManager/features/useTableServerLoading.d.ts

@@ -1,5 +1,5 @@
 import { TableServerLoadAllHandler, TableServerLoadAllState, TableServerLoadPageHandler } from '../../types';
-export declare function useTableServerLoading(loadPage?: TableServerLoadPageHandler, loadAll?: TableServerLoadAllHandler, pages?: number[], pageSize?: number, _experimentalDataLoader2?: boolean): {
+export declare function useTableServerLoading(length: number, loadPage?: TableServerLoadPageHandler, loadAll?: TableServerLoadAllHandler, pages?: number[], pageSize?: number, _experimentalDataLoader2?: boolean): {
     pages: number[] | undefined;
     isEnabled: boolean;
     isReady: boolean;
@@ -8,5 +8,6 @@ export declare function useTableServerLoading(loadPage?: TableServerLoadPageHand
     loadAllIfNeeded: TableServerLoadAllHandler | undefined;
     loadAllStatus: TableServerLoadAllState;
     pageSize: number;
+    pageCount: number;
     _experimentalDataLoader2: boolean;
 };