@laerdal/life-react-components 2.0.1-dev.9.full → 2.1.0-dev.7

package/dist/common/ClickOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.cjs","names":["useClickOutsideRef","callback","relatedRefs","ref","elementRef","React","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n    let container = elementRef.current;\n\n    const handleClickOutside = (event: any) => {\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\n        callback();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n\n  }, [elementRef, relatedRefs]);\n\n  return elementRef;\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,QAAD,EAA8D;EAAA,IAAvCC,WAAuC,uEAAlB,EAAkB;EAAA,IAAdC,GAAc;EAC9F,IAAMC,UAAU,GAAGD,GAAH,aAAGA,GAAH,cAAGA,GAAH,GAAUE,cAAA,CAAMC,MAAN,CAAkB,IAAlB,CAA1B;;EAEAD,cAAA,CAAME,SAAN,CAAgB,YAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAhB,EAAyB;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAA3B;;IAEA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAgB;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAV,CAAmBD,KAAK,CAACE,MAAzB,CAAd,IAAkD,CAACX,WAAW,CAACY,IAAZ,CAAiB,UAAAX,GAAG;QAAA,OAAIA,GAAG,CAACK,OAAJ,IAAeL,GAAG,CAACK,OAAJ,CAAYI,QAAZ,CAAqBD,KAAK,CAACE,MAA3B,CAAnB;MAAA,CAApB,CAAvD,EAAmI;QACjIZ,QAAQ;MACT;IACF,CAJD;;IAMAc,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCN,kBAAvC;IACA,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CP,kBAA1C;IACD,CAFD;EAID,CAfD,EAeG,CAACN,UAAD,EAAaF,WAAb,CAfH;;EAiBA,OAAOE,UAAP;AACD,CArBM"}
+{"version":3,"file":"ClickOutside.cjs","names":["useClickOutsideRef","callback","relatedRefs","ref","elementRef","React","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n    let container = elementRef.current;\n\n    const handleClickOutside = (event: any) => {\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\n        callback();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n\n  }, [elementRef, relatedRefs]);\n\n  return elementRef;\n};\n"],"mappings":";;;;;;;AAAA;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,uEAAG,EAAE;EAAA,IAAEC,GAAS;EACzF,IAAMC,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIE,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC;EAEjDD,cAAK,CAACE,SAAS,CAAC,YAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAAO;IAElC,IAAME,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAU,EAAK;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,IAAI,CAACX,WAAW,CAACY,IAAI,CAAC,UAAAX,GAAG;QAAA,OAAIA,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACI,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC;MAAA,EAAC,EAAE;QACjIZ,QAAQ,EAAE;MACZ;IACF,CAAC;IAEDc,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,kBAAkB,CAAC;IAC1D,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,kBAAkB,CAAC;IAC/D,CAAC;EAEH,CAAC,EAAE,CAACN,UAAU,EAAEF,WAAW,CAAC,CAAC;EAE7B,OAAOE,UAAU;AACnB,CAAC;AAAC"}

package/dist/common/ClickOutside.js

@@ -6,7 +6,6 @@ export var useClickOutsideRef = function useClickOutsideRef(callback) {
   React.useEffect(function () {
     if (!elementRef.current) return;
     var container = elementRef.current;
-
     var handleClickOutside = function handleClickOutside(event) {
       if (container && !container.contains(event.target) && !relatedRefs.some(function (ref) {
         return ref.current && ref.current.contains(event.target);
@@ -14,7 +13,6 @@ export var useClickOutsideRef = function useClickOutsideRef(callback) {
         callback();
       }
     };
-
     document.addEventListener('mousedown', handleClickOutside);
     return function () {
       document.removeEventListener('mousedown', handleClickOutside);

package/dist/common/ClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.js","names":["React","useClickOutsideRef","callback","relatedRefs","ref","elementRef","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n    let container = elementRef.current;\n\n    const handleClickOutside = (event: any) => {\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\n        callback();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n\n  }, [elementRef, relatedRefs]);\n\n  return elementRef;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,QAAD,EAA8D;EAAA,IAAvCC,WAAuC,uEAAlB,EAAkB;EAAA,IAAdC,GAAc;EAC9F,IAAMC,UAAU,GAAGD,GAAH,aAAGA,GAAH,cAAGA,GAAH,GAAUJ,KAAK,CAACM,MAAN,CAAkB,IAAlB,CAA1B;EAEAN,KAAK,CAACO,SAAN,CAAgB,YAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAhB,EAAyB;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAA3B;;IAEA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAgB;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAV,CAAmBD,KAAK,CAACE,MAAzB,CAAd,IAAkD,CAACV,WAAW,CAACW,IAAZ,CAAiB,UAAAV,GAAG;QAAA,OAAIA,GAAG,CAACI,OAAJ,IAAeJ,GAAG,CAACI,OAAJ,CAAYI,QAAZ,CAAqBD,KAAK,CAACE,MAA3B,CAAnB;MAAA,CAApB,CAAvD,EAAmI;QACjIX,QAAQ;MACT;IACF,CAJD;;IAMAa,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCN,kBAAvC;IACA,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CP,kBAA1C;IACD,CAFD;EAID,CAfD,EAeG,CAACL,UAAD,EAAaF,WAAb,CAfH;EAiBA,OAAOE,UAAP;AACD,CArBM"}
+{"version":3,"file":"ClickOutside.js","names":["React","useClickOutsideRef","callback","relatedRefs","ref","elementRef","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n    let container = elementRef.current;\n\n    const handleClickOutside = (event: any) => {\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\n        callback();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n\n  }, [elementRef, relatedRefs]);\n\n  return elementRef;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,uEAAG,EAAE;EAAA,IAAEC,GAAS;EACzF,IAAMC,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIJ,KAAK,CAACM,MAAM,CAAM,IAAI,CAAC;EAEjDN,KAAK,CAACO,SAAS,CAAC,YAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAAO;IAElC,IAAME,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAU,EAAK;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,IAAI,CAACV,WAAW,CAACW,IAAI,CAAC,UAAAV,GAAG;QAAA,OAAIA,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACI,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC;MAAA,EAAC,EAAE;QACjIX,QAAQ,EAAE;MACZ;IACF,CAAC;IAEDa,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,kBAAkB,CAAC;IAC1D,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,kBAAkB,CAAC;IAC/D,CAAC;EAEH,CAAC,EAAE,CAACL,UAAU,EAAEF,WAAW,CAAC,CAAC;EAE7B,OAAOE,UAAU;AACnB,CAAC"}

package/dist/common/EventHandlers.cjs

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultOnMouseDownHandler = void 0;
-
 var defaultOnMouseDownHandler = function defaultOnMouseDownHandler(e) {
   e.preventDefault();
-
   if (document.activeElement !== e.currentTarget) {
     var _document, _document$activeEleme;
-
     //@ts-ignore
     (_document = document) === null || _document === void 0 ? void 0 : (_document$activeEleme = _document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.blur();
   }
 };
-
 exports.defaultOnMouseDownHandler = defaultOnMouseDownHandler;
 //# sourceMappingURL=EventHandlers.cjs.map

package/dist/common/EventHandlers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EventHandlers.cjs","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","blur"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\n  e.preventDefault();\n  if (document.activeElement !== e.currentTarget){\n    //@ts-ignore\n    document?.activeElement?.blur();\n  }\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,CAAD,EAA8B;EACrEA,CAAC,CAACC,cAAF;;EACA,IAAIC,QAAQ,CAACC,aAAT,KAA2BH,CAAC,CAACI,aAAjC,EAA+C;IAAA;;IAC7C;IACA,aAAAF,QAAQ,UAAR,uEAAUC,aAAV,gFAAyBE,IAAzB;EACD;AACF,CANM"}
+{"version":3,"file":"EventHandlers.cjs","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","blur"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\n  e.preventDefault();\n  if (document.activeElement !== e.currentTarget){\n    //@ts-ignore\n    document?.activeElement?.blur();\n  }\n};\n"],"mappings":";;;;;;AAAO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyB,CAAIC,CAAwB,EAAK;EACrEA,CAAC,CAACC,cAAc,EAAE;EAClB,IAAIC,QAAQ,CAACC,aAAa,KAAKH,CAAC,CAACI,aAAa,EAAC;IAAA;IAC7C;IACA,aAAAF,QAAQ,uEAAR,UAAUC,aAAa,0DAAvB,sBAAyBE,IAAI,EAAE;EACjC;AACF,CAAC;AAAC"}

package/dist/common/EventHandlers.js

@@ -1,9 +1,7 @@
 export var defaultOnMouseDownHandler = function defaultOnMouseDownHandler(e) {
   e.preventDefault();
-
   if (document.activeElement !== e.currentTarget) {
     var _document, _document$activeEleme;
-
     //@ts-ignore
     (_document = document) === null || _document === void 0 ? void 0 : (_document$activeEleme = _document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.blur();
   }

package/dist/common/EventHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventHandlers.js","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","blur"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\n  e.preventDefault();\n  if (document.activeElement !== e.currentTarget){\n    //@ts-ignore\n    document?.activeElement?.blur();\n  }\n};\n"],"mappings":"AAAA,OAAO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,CAAD,EAA8B;EACrEA,CAAC,CAACC,cAAF;;EACA,IAAIC,QAAQ,CAACC,aAAT,KAA2BH,CAAC,CAACI,aAAjC,EAA+C;IAAA;;IAC7C;IACA,aAAAF,QAAQ,UAAR,uEAAUC,aAAV,gFAAyBE,IAAzB;EACD;AACF,CANM"}
+{"version":3,"file":"EventHandlers.js","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","blur"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\n  e.preventDefault();\n  if (document.activeElement !== e.currentTarget){\n    //@ts-ignore\n    document?.activeElement?.blur();\n  }\n};\n"],"mappings":"AAAA,OAAO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyB,CAAIC,CAAwB,EAAK;EACrEA,CAAC,CAACC,cAAc,EAAE;EAClB,IAAIC,QAAQ,CAACC,aAAa,KAAKH,CAAC,CAACI,aAAa,EAAC;IAAA;IAC7C;IACA,aAAAF,QAAQ,uEAAR,UAAUC,aAAa,0DAAvB,sBAAyBE,IAAI,EAAE;EACjC;AACF,CAAC"}

package/dist/common/FocusOutside.cjs

@@ -1,23 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFocusOutsideRef = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var useFocusOutsideRef = function useFocusOutsideRef(callback) {
   var relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var ref = arguments.length > 2 ? arguments[2] : undefined;
   var elementRef = ref !== null && ref !== void 0 ? ref : _react.default.useRef(null);
-
   _react.default.useEffect(function () {
     if (!elementRef.current) return;
     var container = elementRef.current;
-
     var handleFocusOutside = function handleFocusOutside(event) {
       if (container && event.target && !container.contains(event.target) && !relatedRefs.some(function (ref) {
         return ref.current && ref.current.contains(event.target);
@@ -25,15 +20,12 @@ var useFocusOutsideRef = function useFocusOutsideRef(callback) {
         callback();
       }
     };
-
     document.addEventListener('focusin', handleFocusOutside);
     return function () {
       document.removeEventListener('focusin', handleFocusOutside);
     };
   }, [elementRef]);
-
   return elementRef;
 };
-
 exports.useFocusOutsideRef = useFocusOutsideRef;
 //# sourceMappingURL=FocusOutside.cjs.map

package/dist/common/FocusOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusOutside.cjs","names":["useFocusOutsideRef","callback","relatedRefs","ref","elementRef","React","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n    let container = elementRef.current;\n\n    const handleFocusOutside = (event: any) => {\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\n        callback();\n      }\n    };\n\n    document.addEventListener('focusin', handleFocusOutside);\n    return () => {\n      document.removeEventListener('focusin', handleFocusOutside);\n    };\n\n  }, [elementRef]);\n\n  return elementRef;\n};\n\n"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,QAAD,EAA8D;EAAA,IAAvCC,WAAuC,uEAAlB,EAAkB;EAAA,IAAdC,GAAc;EAC9F,IAAMC,UAAU,GAAGD,GAAH,aAAGA,GAAH,cAAGA,GAAH,GAAUE,cAAA,CAAMC,MAAN,CAAkB,IAAlB,CAA1B;;EAEAD,cAAA,CAAME,SAAN,CAAgB,YAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAhB,EAAyB;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAA3B;;IAEA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAgB;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAnB,IAA6B,CAACH,SAAS,CAACI,QAAV,CAAmBF,KAAK,CAACC,MAAzB,CAA9B,IAAkE,CAACV,WAAW,CAACY,IAAZ,CAAiB,UAAAX,GAAG;QAAA,OAAIA,GAAG,CAACK,OAAJ,IAAeL,GAAG,CAACK,OAAJ,CAAYK,QAAZ,CAAqBF,KAAK,CAACC,MAA3B,CAAnB;MAAA,CAApB,CAAvE,EAAmJ;QACjJX,QAAQ;MACT;IACF,CAJD;;IAMAc,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCN,kBAArC;IACA,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCP,kBAAxC;IACD,CAFD;EAID,CAfD,EAeG,CAACN,UAAD,CAfH;;EAiBA,OAAOA,UAAP;AACD,CArBM"}
+{"version":3,"file":"FocusOutside.cjs","names":["useFocusOutsideRef","callback","relatedRefs","ref","elementRef","React","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n    let container = elementRef.current;\n\n    const handleFocusOutside = (event: any) => {\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\n        callback();\n      }\n    };\n\n    document.addEventListener('focusin', handleFocusOutside);\n    return () => {\n      document.removeEventListener('focusin', handleFocusOutside);\n    };\n\n  }, [elementRef]);\n\n  return elementRef;\n};\n\n"],"mappings":";;;;;;;AAAA;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,uEAAG,EAAE;EAAA,IAAEC,GAAS;EACzF,IAAMC,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIE,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC;EAEjDD,cAAK,CAACE,SAAS,CAAC,YAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAAO;IAElC,IAAME,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAU,EAAK;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAM,IAAI,CAACH,SAAS,CAACI,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,IAAI,CAACV,WAAW,CAACY,IAAI,CAAC,UAAAX,GAAG;QAAA,OAAIA,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACK,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC;MAAA,EAAC,EAAE;QACjJX,QAAQ,EAAE;MACZ;IACF,CAAC;IAEDc,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC;IACxD,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC;IAC7D,CAAC;EAEH,CAAC,EAAE,CAACN,UAAU,CAAC,CAAC;EAEhB,OAAOA,UAAU;AACnB,CAAC;AAAC"}

package/dist/common/FocusOutside.js

@@ -6,7 +6,6 @@ export var useFocusOutsideRef = function useFocusOutsideRef(callback) {
   React.useEffect(function () {
     if (!elementRef.current) return;
     var container = elementRef.current;
-
     var handleFocusOutside = function handleFocusOutside(event) {
       if (container && event.target && !container.contains(event.target) && !relatedRefs.some(function (ref) {
         return ref.current && ref.current.contains(event.target);
@@ -14,7 +13,6 @@ export var useFocusOutsideRef = function useFocusOutsideRef(callback) {
         callback();
       }
     };
-
     document.addEventListener('focusin', handleFocusOutside);
     return function () {
       document.removeEventListener('focusin', handleFocusOutside);

package/dist/common/FocusOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusOutside.js","names":["React","useFocusOutsideRef","callback","relatedRefs","ref","elementRef","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n    let container = elementRef.current;\n\n    const handleFocusOutside = (event: any) => {\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\n        callback();\n      }\n    };\n\n    document.addEventListener('focusin', handleFocusOutside);\n    return () => {\n      document.removeEventListener('focusin', handleFocusOutside);\n    };\n\n  }, [elementRef]);\n\n  return elementRef;\n};\n\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,QAAD,EAA8D;EAAA,IAAvCC,WAAuC,uEAAlB,EAAkB;EAAA,IAAdC,GAAc;EAC9F,IAAMC,UAAU,GAAGD,GAAH,aAAGA,GAAH,cAAGA,GAAH,GAAUJ,KAAK,CAACM,MAAN,CAAkB,IAAlB,CAA1B;EAEAN,KAAK,CAACO,SAAN,CAAgB,YAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAhB,EAAyB;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAA3B;;IAEA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAgB;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAnB,IAA6B,CAACH,SAAS,CAACI,QAAV,CAAmBF,KAAK,CAACC,MAAzB,CAA9B,IAAkE,CAACT,WAAW,CAACW,IAAZ,CAAiB,UAAAV,GAAG;QAAA,OAAIA,GAAG,CAACI,OAAJ,IAAeJ,GAAG,CAACI,OAAJ,CAAYK,QAAZ,CAAqBF,KAAK,CAACC,MAA3B,CAAnB;MAAA,CAApB,CAAvE,EAAmJ;QACjJV,QAAQ;MACT;IACF,CAJD;;IAMAa,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCN,kBAArC;IACA,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCP,kBAAxC;IACD,CAFD;EAID,CAfD,EAeG,CAACL,UAAD,CAfH;EAiBA,OAAOA,UAAP;AACD,CArBM"}
+{"version":3,"file":"FocusOutside.js","names":["React","useFocusOutsideRef","callback","relatedRefs","ref","elementRef","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n    let container = elementRef.current;\n\n    const handleFocusOutside = (event: any) => {\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\n        callback();\n      }\n    };\n\n    document.addEventListener('focusin', handleFocusOutside);\n    return () => {\n      document.removeEventListener('focusin', handleFocusOutside);\n    };\n\n  }, [elementRef]);\n\n  return elementRef;\n};\n\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,uEAAG,EAAE;EAAA,IAAEC,GAAS;EACzF,IAAMC,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIJ,KAAK,CAACM,MAAM,CAAM,IAAI,CAAC;EAEjDN,KAAK,CAACO,SAAS,CAAC,YAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAAO;IAElC,IAAME,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAU,EAAK;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAM,IAAI,CAACH,SAAS,CAACI,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,IAAI,CAACT,WAAW,CAACW,IAAI,CAAC,UAAAV,GAAG;QAAA,OAAIA,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACK,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC;MAAA,EAAC,EAAE;QACjJV,QAAQ,EAAE;MACZ;IACF,CAAC;IAEDa,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC;IACxD,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC;IAC7D,CAAC;EAEH,CAAC,EAAE,CAACL,UAAU,CAAC,CAAC;EAEhB,OAAOA,UAAU;AACnB,CAAC"}

package/dist/common/FocusVisible.cjs

@@ -1,64 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFocusVisibleRef = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 var useFocusVisibleRef = function useFocusVisibleRef() {
   var focusWithinList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var ref = arguments.length > 1 ? arguments[1] : undefined;
   var elementRef = ref !== null && ref !== void 0 ? ref : _react.default.useRef(null);
-
   var suppress = _react.default.useRef(false);
-
   var _React$useState = _react.default.useState(false),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      visible = _React$useState2[0],
-      setVisible = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    visible = _React$useState2[0],
+    setVisible = _React$useState2[1];
   var addFocusVisibleClasses = function addFocusVisibleClasses() {
     var _elementRef$current;
-
     (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.classList.add('focus-visible');
     focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
       var _focusWithinListItem$;
-
       (_focusWithinListItem$ = focusWithinListItem.current) === null || _focusWithinListItem$ === void 0 ? void 0 : _focusWithinListItem$.classList.add('focus-visible-within');
     });
   };
-
   var removeFocusVisibleClasses = function removeFocusVisibleClasses() {
     var _elementRef$current2;
-
     (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 ? void 0 : _elementRef$current2.classList.remove('focus-visible');
     focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
       var _focusWithinListItem$2;
-
       (_focusWithinListItem$2 = focusWithinListItem.current) === null || _focusWithinListItem$2 === void 0 ? void 0 : _focusWithinListItem$2.classList.remove('focus-visible-within');
     });
   };
-
   var handleMouseDown = function handleMouseDown() {
     var _elementRef$current3;
-
     if (!((_elementRef$current3 = elementRef.current) !== null && _elementRef$current3 !== void 0 && _elementRef$current3.classList.contains('focus-visible'))) {
       suppress.current = true;
     }
   };
-
   var handleFocus = function handleFocus() {
     if (!suppress.current) {
       setVisible(true);
@@ -67,12 +49,10 @@ var useFocusVisibleRef = function useFocusVisibleRef() {
       suppress.current = false;
     }
   };
-
   var handleBlur = function handleBlur() {
     setVisible(false);
     removeFocusVisibleClasses();
   };
-
   _react.default.useLayoutEffect(function () {
     if (visible) {
       addFocusVisibleClasses();
@@ -80,17 +60,14 @@ var useFocusVisibleRef = function useFocusVisibleRef() {
       removeFocusVisibleClasses();
     }
   }, [visible, elementRef, focusWithinList]);
-
   _react.default.useEffect(function () {
     if (!elementRef.current) return;
     var instance = elementRef.current;
     var focusFn = elementRef.current.focus;
-
     elementRef.current.focus = function (e) {
       suppress.current = !(e !== null && e !== void 0 && e.focusVisible);
       focusFn.call(instance, e);
     };
-
     instance.addEventListener('mousedown', handleMouseDown);
     instance.addEventListener('focus', handleFocus);
     instance.addEventListener('blur', handleBlur);
@@ -99,14 +76,11 @@ var useFocusVisibleRef = function useFocusVisibleRef() {
       instance.removeEventListener('focus', handleFocus);
       instance.removeEventListener('blur', handleBlur);
       instance.classList.remove('focus-visible');
-
       var _iterator = _createForOfIteratorHelper(focusWithinList),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var _el$current;
-
           var el = _step.value;
           (_el$current = el.current) === null || _el$current === void 0 ? void 0 : _el$current.classList.remove('focus-visible-within');
         }
@@ -117,9 +91,7 @@ var useFocusVisibleRef = function useFocusVisibleRef() {
       }
     };
   }, [elementRef]);
-
   return elementRef;
 };
-
 exports.useFocusVisibleRef = useFocusVisibleRef;
 //# sourceMappingURL=FocusVisible.cjs.map

package/dist/common/FocusVisible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusVisible.cjs","names":["useFocusVisibleRef","focusWithinList","ref","elementRef","React","useRef","suppress","useState","visible","setVisible","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\n\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n  const suppress = React.useRef<boolean>(false);\n  const [visible, setVisible] = React.useState(false);\n\n  const addFocusVisibleClasses = () => {\n    elementRef.current?.classList.add('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.add('focus-visible-within');\n    });\n  }\n\n  const removeFocusVisibleClasses = () => {\n    elementRef.current?.classList.remove('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\n    });\n  }\n\n  const handleMouseDown = () => {\n    if (!elementRef.current?.classList.contains('focus-visible')) {\n      suppress.current = true;\n    }\n  };\n\n  const handleFocus = () => {\n    if (!suppress.current) {\n      setVisible(true);\n      addFocusVisibleClasses();\n    } else {\n      suppress.current = false;\n    }\n  };\n\n  const handleBlur = () => {\n    setVisible(false);\n    removeFocusVisibleClasses();\n  };\n\n\n  React.useLayoutEffect(() => {\n    if (visible) {\n      addFocusVisibleClasses()\n    } else {\n      removeFocusVisibleClasses();\n    }\n  }, [visible, elementRef, focusWithinList]);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n\n    const instance = elementRef.current;\n    const focusFn = elementRef.current.focus;\n    elementRef.current.focus = (e: any) => {\n      suppress.current = !e?.focusVisible;\n      focusFn.call(instance, e);\n    };\n\n    instance.addEventListener('mousedown', handleMouseDown);\n    instance.addEventListener('focus', handleFocus);\n    instance.addEventListener('blur', handleBlur);\n\n    return () => {\n      instance.removeEventListener('mousedown', handleMouseDown);\n      instance.removeEventListener('focus', handleFocus);\n      instance.removeEventListener('blur', handleBlur);\n      instance.classList.remove('focus-visible');\n      for (let el of focusWithinList) {\n        el.current?.classList.remove('focus-visible-within');\n      }\n    };\n  }, [elementRef]);\n\n  return elementRef;\n};\n"],"mappings":"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"}
+{"version":3,"file":"FocusVisible.cjs","names":["useFocusVisibleRef","focusWithinList","ref","elementRef","React","useRef","suppress","useState","visible","setVisible","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\n\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n  const suppress = React.useRef<boolean>(false);\n  const [visible, setVisible] = React.useState(false);\n\n  const addFocusVisibleClasses = () => {\n    elementRef.current?.classList.add('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.add('focus-visible-within');\n    });\n  }\n\n  const removeFocusVisibleClasses = () => {\n    elementRef.current?.classList.remove('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\n    });\n  }\n\n  const handleMouseDown = () => {\n    if (!elementRef.current?.classList.contains('focus-visible')) {\n      suppress.current = true;\n    }\n  };\n\n  const handleFocus = () => {\n    if (!suppress.current) {\n      setVisible(true);\n      addFocusVisibleClasses();\n    } else {\n      suppress.current = false;\n    }\n  };\n\n  const handleBlur = () => {\n    setVisible(false);\n    removeFocusVisibleClasses();\n  };\n\n\n  React.useLayoutEffect(() => {\n    if (visible) {\n      addFocusVisibleClasses()\n    } else {\n      removeFocusVisibleClasses();\n    }\n  }, [visible, elementRef, focusWithinList]);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n\n    const instance = elementRef.current;\n    const focusFn = elementRef.current.focus;\n    elementRef.current.focus = (e: any) => {\n      suppress.current = !e?.focusVisible;\n      focusFn.call(instance, e);\n    };\n\n    instance.addEventListener('mousedown', handleMouseDown);\n    instance.addEventListener('focus', handleFocus);\n    instance.addEventListener('blur', handleBlur);\n\n    return () => {\n      instance.removeEventListener('mousedown', handleMouseDown);\n      instance.removeEventListener('focus', handleFocus);\n      instance.removeEventListener('blur', handleBlur);\n      instance.classList.remove('focus-visible');\n      for (let el of focusWithinList) {\n        el.current?.classList.remove('focus-visible-within');\n      }\n    };\n  }, [elementRef]);\n\n  return elementRef;\n};\n"],"mappings":"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"}

package/dist/common/FocusVisible.js

@@ -1,53 +1,39 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import React from 'react';
 export var useFocusVisibleRef = function useFocusVisibleRef() {
   var focusWithinList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var ref = arguments.length > 1 ? arguments[1] : undefined;
   var elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
   var suppress = React.useRef(false);
-
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      visible = _React$useState2[0],
-      setVisible = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visible = _React$useState2[0],
+    setVisible = _React$useState2[1];
   var addFocusVisibleClasses = function addFocusVisibleClasses() {
     var _elementRef$current;
-
     (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.classList.add('focus-visible');
     focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
       var _focusWithinListItem$;
-
       (_focusWithinListItem$ = focusWithinListItem.current) === null || _focusWithinListItem$ === void 0 ? void 0 : _focusWithinListItem$.classList.add('focus-visible-within');
     });
   };
-
   var removeFocusVisibleClasses = function removeFocusVisibleClasses() {
     var _elementRef$current2;
-
     (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 ? void 0 : _elementRef$current2.classList.remove('focus-visible');
     focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
       var _focusWithinListItem$2;
-
       (_focusWithinListItem$2 = focusWithinListItem.current) === null || _focusWithinListItem$2 === void 0 ? void 0 : _focusWithinListItem$2.classList.remove('focus-visible-within');
     });
   };
-
   var handleMouseDown = function handleMouseDown() {
     var _elementRef$current3;
-
     if (!((_elementRef$current3 = elementRef.current) !== null && _elementRef$current3 !== void 0 && _elementRef$current3.classList.contains('focus-visible'))) {
       suppress.current = true;
     }
   };
-
   var handleFocus = function handleFocus() {
     if (!suppress.current) {
       setVisible(true);
@@ -56,12 +42,10 @@ export var useFocusVisibleRef = function useFocusVisibleRef() {
       suppress.current = false;
     }
   };
-
   var handleBlur = function handleBlur() {
     setVisible(false);
     removeFocusVisibleClasses();
   };
-
   React.useLayoutEffect(function () {
     if (visible) {
       addFocusVisibleClasses();
@@ -73,12 +57,10 @@ export var useFocusVisibleRef = function useFocusVisibleRef() {
     if (!elementRef.current) return;
     var instance = elementRef.current;
     var focusFn = elementRef.current.focus;
-
     elementRef.current.focus = function (e) {
       suppress.current = !(e !== null && e !== void 0 && e.focusVisible);
       focusFn.call(instance, e);
     };
-
     instance.addEventListener('mousedown', handleMouseDown);
     instance.addEventListener('focus', handleFocus);
     instance.addEventListener('blur', handleBlur);
@@ -87,14 +69,11 @@ export var useFocusVisibleRef = function useFocusVisibleRef() {
       instance.removeEventListener('focus', handleFocus);
       instance.removeEventListener('blur', handleBlur);
       instance.classList.remove('focus-visible');
-
       var _iterator = _createForOfIteratorHelper(focusWithinList),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var _el$current;
-
           var el = _step.value;
           (_el$current = el.current) === null || _el$current === void 0 ? void 0 : _el$current.classList.remove('focus-visible-within');
         }

package/dist/common/FocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusVisible.js","names":["React","useFocusVisibleRef","focusWithinList","ref","elementRef","useRef","suppress","useState","visible","setVisible","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\n\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n  const suppress = React.useRef<boolean>(false);\n  const [visible, setVisible] = React.useState(false);\n\n  const addFocusVisibleClasses = () => {\n    elementRef.current?.classList.add('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.add('focus-visible-within');\n    });\n  }\n\n  const removeFocusVisibleClasses = () => {\n    elementRef.current?.classList.remove('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\n    });\n  }\n\n  const handleMouseDown = () => {\n    if (!elementRef.current?.classList.contains('focus-visible')) {\n      suppress.current = true;\n    }\n  };\n\n  const handleFocus = () => {\n    if (!suppress.current) {\n      setVisible(true);\n      addFocusVisibleClasses();\n    } else {\n      suppress.current = false;\n    }\n  };\n\n  const handleBlur = () => {\n    setVisible(false);\n    removeFocusVisibleClasses();\n  };\n\n\n  React.useLayoutEffect(() => {\n    if (visible) {\n      addFocusVisibleClasses()\n    } else {\n      removeFocusVisibleClasses();\n    }\n  }, [visible, elementRef, focusWithinList]);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n\n    const instance = elementRef.current;\n    const focusFn = elementRef.current.focus;\n    elementRef.current.focus = (e: any) => {\n      suppress.current = !e?.focusVisible;\n      focusFn.call(instance, e);\n    };\n\n    instance.addEventListener('mousedown', handleMouseDown);\n    instance.addEventListener('focus', handleFocus);\n    instance.addEventListener('blur', handleBlur);\n\n    return () => {\n      instance.removeEventListener('mousedown', handleMouseDown);\n      instance.removeEventListener('focus', handleFocus);\n      instance.removeEventListener('blur', handleBlur);\n      instance.classList.remove('focus-visible');\n      for (let el of focusWithinList) {\n        el.current?.classList.remove('focus-visible-within');\n      }\n    };\n  }, [elementRef]);\n\n  return elementRef;\n};\n"],"mappings":"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"}
+{"version":3,"file":"FocusVisible.js","names":["React","useFocusVisibleRef","focusWithinList","ref","elementRef","useRef","suppress","useState","visible","setVisible","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\n\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n  const suppress = React.useRef<boolean>(false);\n  const [visible, setVisible] = React.useState(false);\n\n  const addFocusVisibleClasses = () => {\n    elementRef.current?.classList.add('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.add('focus-visible-within');\n    });\n  }\n\n  const removeFocusVisibleClasses = () => {\n    elementRef.current?.classList.remove('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\n    });\n  }\n\n  const handleMouseDown = () => {\n    if (!elementRef.current?.classList.contains('focus-visible')) {\n      suppress.current = true;\n    }\n  };\n\n  const handleFocus = () => {\n    if (!suppress.current) {\n      setVisible(true);\n      addFocusVisibleClasses();\n    } else {\n      suppress.current = false;\n    }\n  };\n\n  const handleBlur = () => {\n    setVisible(false);\n    removeFocusVisibleClasses();\n  };\n\n\n  React.useLayoutEffect(() => {\n    if (visible) {\n      addFocusVisibleClasses()\n    } else {\n      removeFocusVisibleClasses();\n    }\n  }, [visible, elementRef, focusWithinList]);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n\n    const instance = elementRef.current;\n    const focusFn = elementRef.current.focus;\n    elementRef.current.focus = (e: any) => {\n      suppress.current = !e?.focusVisible;\n      focusFn.call(instance, e);\n    };\n\n    instance.addEventListener('mousedown', handleMouseDown);\n    instance.addEventListener('focus', handleFocus);\n    instance.addEventListener('blur', handleBlur);\n\n    return () => {\n      instance.removeEventListener('mousedown', handleMouseDown);\n      instance.removeEventListener('focus', handleFocus);\n      instance.removeEventListener('blur', handleBlur);\n      instance.classList.remove('focus-visible');\n      for (let el of focusWithinList) {\n        el.current?.classList.remove('focus-visible-within');\n      }\n    };\n  }, [elementRef]);\n\n  return elementRef;\n};\n"],"mappings":"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"}

package/dist/common/InputStyling.cjs

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CommonInteractionStyling = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styledComponents = require("styled-components");
-
 var _styles = require("../styles");
-
 var _templateObject;
-
 var CommonInteractionStyling = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &:focus, &.focus-state, &.focus-visible {\n    ", "\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled, &.disabled-state {\n    background-color: ", ";\n    span {\n      color: ", ";\n    }\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), _styles.focusStyles, _styles.COLORS.primary_20, _styles.COLORS.primary_600, _styles.COLORS.primary_100, _styles.COLORS.primary_800, _styles.COLORS.white, _styles.COLORS.neutral_300, _styles.COLORS.white);
 exports.CommonInteractionStyling = CommonInteractionStyling;
 //# sourceMappingURL=InputStyling.cjs.map

package/dist/common/InputStyling.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputStyling.cjs","names":["CommonInteractionStyling","css","focusStyles","COLORS","primary_20","primary_600","primary_100","primary_800","white","neutral_300"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport {COLORS, focusStyles} from '../styles';\n\nexport const CommonInteractionStyling = css`\n  &:focus, &.focus-state, &.focus-visible {\n    ${focusStyles}\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_600};\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n  &:disabled, &.disabled-state {\n    background-color: ${COLORS.white};\n    span {\n      color: ${COLORS.neutral_300};\n    }\n    &::after {\n      background-color: ${COLORS.white};\n    }\n  }\n`;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAEO,IAAMA,wBAAwB,OAAGC,qBAAH,ggBAE/BC,mBAF+B,EAMbC,cAAA,CAAOC,UANM,EAOxBD,cAAA,CAAOE,WAPiB,EAUbF,cAAA,CAAOG,WAVM,EAWxBH,cAAA,CAAOI,WAXiB,EAcbJ,cAAA,CAAOK,KAdM,EAgBtBL,cAAA,CAAOM,WAhBe,EAmBXN,cAAA,CAAOK,KAnBI,CAA9B"}
+{"version":3,"file":"InputStyling.cjs","names":["CommonInteractionStyling","css","focusStyles","COLORS","primary_20","primary_600","primary_100","primary_800","white","neutral_300"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport {COLORS, focusStyles} from '../styles';\n\nexport const CommonInteractionStyling = css`\n  &:focus, &.focus-state, &.focus-visible {\n    ${focusStyles}\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_600};\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n  &:disabled, &.disabled-state {\n    background-color: ${COLORS.white};\n    span {\n      color: ${COLORS.neutral_300};\n    }\n    &::after {\n      background-color: ${COLORS.white};\n    }\n  }\n`;\n"],"mappings":";;;;;;;;AAAA;AACA;AAA8C;AAEvC,IAAMA,wBAAwB,OAAGC,qBAAG,ggBAErCC,mBAAW,EAIOC,cAAM,CAACC,UAAU,EAC5BD,cAAM,CAACE,WAAW,EAGPF,cAAM,CAACG,WAAW,EAC7BH,cAAM,CAACI,WAAW,EAGPJ,cAAM,CAACK,KAAK,EAErBL,cAAM,CAACM,WAAW,EAGPN,cAAM,CAACK,KAAK,CAGrC;AAAC"}

package/dist/common/InputStyling.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from 'styled-components';
 import { COLORS, focusStyles } from '../styles';
 export var CommonInteractionStyling = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &:focus, &.focus-state, &.focus-visible {\n    ", "\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled, &.disabled-state {\n    background-color: ", ";\n    span {\n      color: ", ";\n    }\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), focusStyles, COLORS.primary_20, COLORS.primary_600, COLORS.primary_100, COLORS.primary_800, COLORS.white, COLORS.neutral_300, COLORS.white);

package/dist/common/InputStyling.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputStyling.js","names":["css","COLORS","focusStyles","CommonInteractionStyling","primary_20","primary_600","primary_100","primary_800","white","neutral_300"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport {COLORS, focusStyles} from '../styles';\n\nexport const CommonInteractionStyling = css`\n  &:focus, &.focus-state, &.focus-visible {\n    ${focusStyles}\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_600};\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n  &:disabled, &.disabled-state {\n    background-color: ${COLORS.white};\n    span {\n      color: ${COLORS.neutral_300};\n    }\n    &::after {\n      background-color: ${COLORS.white};\n    }\n  }\n`;\n"],"mappings":";;;;AAAA,SAASA,GAAT,QAAoB,mBAApB;AACA,SAAQC,MAAR,EAAgBC,WAAhB,QAAkC,WAAlC;AAEA,OAAO,IAAMC,wBAAwB,GAAGH,GAAH,ifAE/BE,WAF+B,EAMbD,MAAM,CAACG,UANM,EAOxBH,MAAM,CAACI,WAPiB,EAUbJ,MAAM,CAACK,WAVM,EAWxBL,MAAM,CAACM,WAXiB,EAcbN,MAAM,CAACO,KAdM,EAgBtBP,MAAM,CAACQ,WAhBe,EAmBXR,MAAM,CAACO,KAnBI,CAA9B"}
+{"version":3,"file":"InputStyling.js","names":["css","COLORS","focusStyles","CommonInteractionStyling","primary_20","primary_600","primary_100","primary_800","white","neutral_300"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport {COLORS, focusStyles} from '../styles';\n\nexport const CommonInteractionStyling = css`\n  &:focus, &.focus-state, &.focus-visible {\n    ${focusStyles}\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_600};\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n  &:disabled, &.disabled-state {\n    background-color: ${COLORS.white};\n    span {\n      color: ${COLORS.neutral_300};\n    }\n    &::after {\n      background-color: ${COLORS.white};\n    }\n  }\n`;\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAAQC,MAAM,EAAEC,WAAW,QAAO,WAAW;AAE7C,OAAO,IAAMC,wBAAwB,GAAGH,GAAG,ifAErCE,WAAW,EAIOD,MAAM,CAACG,UAAU,EAC5BH,MAAM,CAACI,WAAW,EAGPJ,MAAM,CAACK,WAAW,EAC7BL,MAAM,CAACM,WAAW,EAGPN,MAAM,CAACO,KAAK,EAErBP,MAAM,CAACQ,WAAW,EAGPR,MAAM,CAACO,KAAK,CAGrC"}

package/dist/common/NavigationHelper.cjs

@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useNavigationHelper = void 0;
-
 var _reactRouterDom = require("react-router-dom");
-
 var _reactRouter = require("react-router");
-
 var useNavigationHelper = function useNavigationHelper() {
   var navigateHook = (0, _reactRouter.useNavigate)();
   var location = (0, _reactRouterDom.useLocation)();
-
   var navigate = function navigate(url, isExternal) {
     if (isExternal) {
       window.location.href = url;
@@ -20,21 +16,17 @@ var useNavigationHelper = function useNavigationHelper() {
       navigateHook(url);
     }
   };
-
   var isActiveRoute = function isActiveRoute(url, exact) {
     var _location$pathname;
-
     return !!(0, _reactRouterDom.matchPath)({
       path: url,
       end: exact
     }, (_location$pathname = location.pathname) !== null && _location$pathname !== void 0 ? _location$pathname : '');
   };
-
   return {
     navigate: navigate,
     isActiveRoute: isActiveRoute
   };
 };
-
 exports.useNavigationHelper = useNavigationHelper;
 //# sourceMappingURL=NavigationHelper.cjs.map

package/dist/common/NavigationHelper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHelper.cjs","names":["useNavigationHelper","navigateHook","useNavigate","location","useLocation","navigate","url","isExternal","window","href","isActiveRoute","exact","matchPath","path","end","pathname"],"sources":["../../src/common/NavigationHelper.ts"],"sourcesContent":["import { matchPath, useLocation } from 'react-router-dom';\nimport { useNavigate } from 'react-router';\n\nexport const useNavigationHelper = () => {\n  const navigateHook = useNavigate();\n  const location = useLocation();\n\n  const navigate = (url: string, isExternal: boolean) => {\n    if (isExternal) {\n      window.location.href = url;\n    } else {\n      navigateHook(url);\n    }\n  };\n\n  const isActiveRoute = (url: string, exact: boolean): boolean => {\n    return !!matchPath({ path: url, end: exact }, location.pathname ?? '');\n  };\n\n  return { navigate, isActiveRoute };\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;EACvC,IAAMC,YAAY,GAAG,IAAAC,wBAAA,GAArB;EACA,IAAMC,QAAQ,GAAG,IAAAC,2BAAA,GAAjB;;EAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,GAAD,EAAcC,UAAd,EAAsC;IACrD,IAAIA,UAAJ,EAAgB;MACdC,MAAM,CAACL,QAAP,CAAgBM,IAAhB,GAAuBH,GAAvB;IACD,CAFD,MAEO;MACLL,YAAY,CAACK,GAAD,CAAZ;IACD;EACF,CAND;;EAQA,IAAMI,aAAa,GAAG,SAAhBA,aAAgB,CAACJ,GAAD,EAAcK,KAAd,EAA0C;IAAA;;IAC9D,OAAO,CAAC,CAAC,IAAAC,yBAAA,EAAU;MAAEC,IAAI,EAAEP,GAAR;MAAaQ,GAAG,EAAEH;IAAlB,CAAV,wBAAqCR,QAAQ,CAACY,QAA9C,mEAA0D,EAA1D,CAAT;EACD,CAFD;;EAIA,OAAO;IAAEV,QAAQ,EAARA,QAAF;IAAYK,aAAa,EAAbA;EAAZ,CAAP;AACD,CAjBM"}
+{"version":3,"file":"NavigationHelper.cjs","names":["useNavigationHelper","navigateHook","useNavigate","location","useLocation","navigate","url","isExternal","window","href","isActiveRoute","exact","matchPath","path","end","pathname"],"sources":["../../src/common/NavigationHelper.ts"],"sourcesContent":["import { matchPath, useLocation } from 'react-router-dom';\nimport { useNavigate } from 'react-router';\n\nexport const useNavigationHelper = () => {\n  const navigateHook = useNavigate();\n  const location = useLocation();\n\n  const navigate = (url: string, isExternal: boolean) => {\n    if (isExternal) {\n      window.location.href = url;\n    } else {\n      navigateHook(url);\n    }\n  };\n\n  const isActiveRoute = (url: string, exact: boolean): boolean => {\n    return !!matchPath({ path: url, end: exact }, location.pathname ?? '');\n  };\n\n  return { navigate, isActiveRoute };\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,GAAS;EACvC,IAAMC,YAAY,GAAG,IAAAC,wBAAW,GAAE;EAClC,IAAMC,QAAQ,GAAG,IAAAC,2BAAW,GAAE;EAE9B,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,GAAW,EAAEC,UAAmB,EAAK;IACrD,IAAIA,UAAU,EAAE;MACdC,MAAM,CAACL,QAAQ,CAACM,IAAI,GAAGH,GAAG;IAC5B,CAAC,MAAM;MACLL,YAAY,CAACK,GAAG,CAAC;IACnB;EACF,CAAC;EAED,IAAMI,aAAa,GAAG,SAAhBA,aAAa,CAAIJ,GAAW,EAAEK,KAAc,EAAc;IAAA;IAC9D,OAAO,CAAC,CAAC,IAAAC,yBAAS,EAAC;MAAEC,IAAI,EAAEP,GAAG;MAAEQ,GAAG,EAAEH;IAAM,CAAC,wBAAER,QAAQ,CAACY,QAAQ,mEAAI,EAAE,CAAC;EACxE,CAAC;EAED,OAAO;IAAEV,QAAQ,EAARA,QAAQ;IAAEK,aAAa,EAAbA;EAAc,CAAC;AACpC,CAAC;AAAC"}