@drivy/cobalt 0.16.1 → 0.16.2

package/components/utils/eqSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"eqSet.js","sources":["../../../src/components/utils/eqSet.ts"],"sourcesContent":["function eqSet<T = any>(a: Set<T>, b: Set<T>) {\n  if (a.size !== b.size) return false\n  for (const v of a) if (!b.has(v)) return false\n  return true\n}\n\nexport default eqSet\n"],"names":[],"mappings":";;AAAA,SAAS,KAAK,CAAU,CAAS,EAAE,CAAS,EAAA;;AAC1C,IAAA,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK,CAAA;;AACnC,QAAA,KAAgB,IAAA,GAAA,GAAA,QAAA,CAAA,CAAC,CAAA,EAAA,KAAA,GAAA,GAAA,CAAA,IAAA,EAAA,EAAA,CAAA,KAAA,CAAA,IAAA,EAAA,KAAA,GAAA,GAAA,CAAA,IAAA,EAAA,EAAA;AAAZ,YAAA,IAAM,CAAC,GAAA,KAAA,CAAA,KAAA,CAAA;AAAO,YAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAAE,gBAAA,OAAO,KAAK,CAAA;AAAA,SAAA;;;;;;;;;AAC9C,IAAA,OAAO,IAAI,CAAA;AACb;;;;"}
+{"version":3,"file":"eqSet.js","sources":["../../../src/components/utils/eqSet.ts"],"sourcesContent":["function eqSet<T = any>(a: Set<T>, b: Set<T>) {\n  if (a.size !== b.size) return false\n  for (const v of a) if (!b.has(v)) return false\n  return true\n}\n\nexport default eqSet\n"],"names":[],"mappings":"AAAA,SAAS,KAAK,CAAU,CAAS,EAAE,CAAS,EAAA;AAC1C,IAAA,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK,CAAA;IACnC,KAAK,MAAM,CAAC,IAAI,CAAC;AAAE,QAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAAE,YAAA,OAAO,KAAK,CAAA;AAC9C,IAAA,OAAO,IAAI,CAAA;AACb;;;;"}

package/components/utils/px.js

@@ -1,5 +1,5 @@
-var DEFAULT_FONT_SIZE = 16;
-var remToPx = function (rem) { return rem * DEFAULT_FONT_SIZE; };
+const DEFAULT_FONT_SIZE = 16;
+const remToPx = (rem) => rem * DEFAULT_FONT_SIZE;
 
 export { remToPx };
 //# sourceMappingURL=px.js.map

package/components/utils/px.js.map

@@ -1 +1 @@
-{"version":3,"file":"px.js","sources":["../../../src/components/utils/px.ts"],"sourcesContent":["const DEFAULT_FONT_SIZE = 16\n\nexport const remToPx = (rem: number) => rem * DEFAULT_FONT_SIZE\n"],"names":[],"mappings":"AAAA,IAAM,iBAAiB,GAAG,EAAE,CAAA;AAErB,IAAM,OAAO,GAAG,UAAC,GAAW,EAAK,EAAA,OAAA,GAAG,GAAG,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"px.js","sources":["../../../src/components/utils/px.ts"],"sourcesContent":["const DEFAULT_FONT_SIZE = 16\n\nexport const remToPx = (rem: number) => rem * DEFAULT_FONT_SIZE\n"],"names":[],"mappings":"AAAA,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAErB,MAAM,OAAO,GAAG,CAAC,GAAW,KAAK,GAAG,GAAG;;;;"}

package/components/utils/validateFile.js

@@ -1,7 +1,6 @@
-import { __awaiter, __generator } from '../../_virtual/_tslib.js';
 import typer from 'media-typer';
 
-var MIME_SUBTYPE_TO_EXTENSION = {
+const MIME_SUBTYPE_TO_EXTENSION = {
     gif: "gif",
     jpeg: "jpg",
     pdf: "pdf",
@@ -9,27 +8,27 @@ var MIME_SUBTYPE_TO_EXTENSION = {
     zip: "zip",
     csv: "csv",
 };
-var getFileSignature = function (blob) {
-    return new Promise(function (resolve, reject) {
+const getFileSignature = (blob) => {
+    return new Promise((resolve, reject) => {
         try {
-            var fileReader_1 = new FileReader();
-            fileReader_1.onloadend = function (_e) {
-                var header = "";
-                var result = fileReader_1.result;
-                var arr = new Uint8Array(result);
-                for (var i = 0; i < arr.length; i++) {
+            const fileReader = new FileReader();
+            fileReader.onloadend = (_e) => {
+                let header = "";
+                const result = fileReader.result;
+                const arr = new Uint8Array(result);
+                for (let i = 0; i < arr.length; i++) {
                     header += arr[i].toString(16);
                 }
                 resolve(header);
             };
-            fileReader_1.readAsArrayBuffer(blob.slice(0, 4));
+            fileReader.readAsArrayBuffer(blob.slice(0, 4));
         }
         catch (e) {
             reject(e);
         }
     });
 };
-var getMimetypeFromSignature = function (signature) {
+const getMimetypeFromSignature = (signature) => {
     switch (signature.toUpperCase()) {
         case "89504E47":
             return "image/png";
@@ -51,26 +50,26 @@ var getMimetypeFromSignature = function (signature) {
             return null;
     }
 };
-var getMimeType = function (file) {
-    return new Promise(function (resolve, reject) {
-        getFileSignature(file).then(function (signature) {
+const getMimeType = (file) => {
+    return new Promise((resolve, reject) => {
+        getFileSignature(file).then((signature) => {
             resolve(getMimetypeFromSignature(signature));
-        }, function (error) {
+        }, (error) => {
             reject(error);
         });
     });
 };
-var getFileExtensionFromFileName = function (fileName) {
-    var fileTypeFromFileNameRegExp = new RegExp("(\\.)(.+)$", "i");
-    var fromName = fileTypeFromFileNameRegExp.exec(fileName);
+const getFileExtensionFromFileName = (fileName) => {
+    const fileTypeFromFileNameRegExp = new RegExp(`(\\.)(.+)$`, "i");
+    const fromName = fileTypeFromFileNameRegExp.exec(fileName);
     if (fromName && fromName.length > 1 && fromName[2]) {
         return fromName[2];
     }
     return null;
 };
-var getFileExtensionFromMimeType = function (mimeType) {
+const getFileExtensionFromMimeType = (mimeType) => {
     try {
-        var type = typer.parse(mimeType).subtype;
+        const type = typer.parse(mimeType).subtype;
         return MIME_SUBTYPE_TO_EXTENSION[type] || null;
     }
     catch (_e) {
@@ -80,20 +79,13 @@ var getFileExtensionFromMimeType = function (mimeType) {
 // If this function
 // - return falsy => the file is correct, file process will abort
 // - return true => the file is valid to continue the file process
-var validateFile = function (file, fileTypeValidator) { return __awaiter(void 0, void 0, void 0, function () {
-    var mimeType, extension;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, getMimeType(file)];
-            case 1:
-                mimeType = _a.sent();
-                extension = (mimeType && getFileExtensionFromMimeType(mimeType)) ||
-                    getFileExtensionFromMimeType(file.type) ||
-                    getFileExtensionFromFileName(file.name);
-                return [2 /*return*/, fileTypeValidator(file, extension)];
-        }
-    });
-}); };
+const validateFile = async (file, fileTypeValidator) => {
+    const mimeType = await getMimeType(file);
+    const extension = (mimeType && getFileExtensionFromMimeType(mimeType)) ||
+        getFileExtensionFromMimeType(file.type) ||
+        getFileExtensionFromFileName(file.name);
+    return fileTypeValidator(file, extension);
+};
 
 export { validateFile };
 //# sourceMappingURL=validateFile.js.map

package/components/utils/validateFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"validateFile.js","sources":["../../../src/components/utils/validateFile.ts"],"sourcesContent":["import typer from \"media-typer\"\n\nconst MIME_SUBTYPE_TO_EXTENSION: Record<string, string> = {\n  gif: \"gif\",\n  jpeg: \"jpg\",\n  pdf: \"pdf\",\n  png: \"png\",\n  zip: \"zip\",\n  csv: \"csv\",\n}\n\nconst getFileSignature = (blob: Blob): Promise<string> => {\n  return new Promise<string>((resolve, reject) => {\n    try {\n      const fileReader: FileReader = new FileReader()\n      fileReader.onloadend = (_e: Event) => {\n        let header = \"\"\n        const result: ArrayBuffer = fileReader.result as ArrayBuffer\n        const arr = new Uint8Array(result)\n\n        for (let i = 0; i < arr.length; i++) {\n          header += arr[i].toString(16)\n        }\n        resolve(header)\n      }\n      fileReader.readAsArrayBuffer(blob.slice(0, 4))\n    } catch (e) {\n      reject(e)\n    }\n  })\n}\n\nconst getMimetypeFromSignature = (signature: string): string | null => {\n  switch (signature.toUpperCase()) {\n    case \"89504E47\":\n      return \"image/png\"\n    case \"47494638\":\n      return \"image/gif\"\n    case \"25504446\":\n      return \"application/pdf\"\n    case \"FFD8FFDB\":\n    case \"FFD8FFEE\":\n    case \"FFD8FFE0\":\n    case \"FFD8FFE1\":\n    case \"FFD8FFE2\":\n    case \"FFD8FFE3\":\n    case \"FFD8FFE8\":\n      return \"image/jpeg\"\n    case \"504B0304\":\n      return \"application/zip\"\n    default:\n      return null\n  }\n}\n\nconst getMimeType = (file: Blob): Promise<string | null> => {\n  return new Promise((resolve, reject) => {\n    getFileSignature(file).then(\n      (signature) => {\n        resolve(getMimetypeFromSignature(signature))\n      },\n      (error) => {\n        reject(error)\n      }\n    )\n  })\n}\n\nconst getFileExtensionFromFileName = (fileName: string): string | null => {\n  const fileTypeFromFileNameRegExp = new RegExp(`(\\\\.)(.+)$`, \"i\")\n\n  const fromName = fileTypeFromFileNameRegExp.exec(fileName)\n  if (fromName && fromName.length > 1 && fromName[2]) {\n    return fromName[2]\n  }\n\n  return null\n}\n\nconst getFileExtensionFromMimeType = (mimeType: string): string | null => {\n  try {\n    const type = typer.parse(mimeType).subtype\n    return MIME_SUBTYPE_TO_EXTENSION[type] || null\n  } catch (_e) {\n    return null\n  }\n}\n\n// If this function\n// - return falsy => the file is correct, file process will abort\n// - return true => the file is valid to continue the file process\nexport const validateFile = async (\n  file: File,\n  fileTypeValidator: (\n    file: File,\n    extension: string | null\n  ) => boolean | undefined | null\n) => {\n  const mimeType = await getMimeType(file)\n  const extension =\n    (mimeType && getFileExtensionFromMimeType(mimeType)) ||\n    getFileExtensionFromMimeType(file.type) ||\n    getFileExtensionFromFileName(file.name)\n\n  return fileTypeValidator(file, extension)\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"validateFile.js","sources":["../../../src/components/utils/validateFile.ts"],"sourcesContent":["import typer from \"media-typer\"\n\nconst MIME_SUBTYPE_TO_EXTENSION: Record<string, string> = {\n  gif: \"gif\",\n  jpeg: \"jpg\",\n  pdf: \"pdf\",\n  png: \"png\",\n  zip: \"zip\",\n  csv: \"csv\",\n}\n\nconst getFileSignature = (blob: Blob): Promise<string> => {\n  return new Promise<string>((resolve, reject) => {\n    try {\n      const fileReader: FileReader = new FileReader()\n      fileReader.onloadend = (_e: Event) => {\n        let header = \"\"\n        const result: ArrayBuffer = fileReader.result as ArrayBuffer\n        const arr = new Uint8Array(result)\n\n        for (let i = 0; i < arr.length; i++) {\n          header += arr[i].toString(16)\n        }\n        resolve(header)\n      }\n      fileReader.readAsArrayBuffer(blob.slice(0, 4))\n    } catch (e) {\n      reject(e)\n    }\n  })\n}\n\nconst getMimetypeFromSignature = (signature: string): string | null => {\n  switch (signature.toUpperCase()) {\n    case \"89504E47\":\n      return \"image/png\"\n    case \"47494638\":\n      return \"image/gif\"\n    case \"25504446\":\n      return \"application/pdf\"\n    case \"FFD8FFDB\":\n    case \"FFD8FFEE\":\n    case \"FFD8FFE0\":\n    case \"FFD8FFE1\":\n    case \"FFD8FFE2\":\n    case \"FFD8FFE3\":\n    case \"FFD8FFE8\":\n      return \"image/jpeg\"\n    case \"504B0304\":\n      return \"application/zip\"\n    default:\n      return null\n  }\n}\n\nconst getMimeType = (file: Blob): Promise<string | null> => {\n  return new Promise((resolve, reject) => {\n    getFileSignature(file).then(\n      (signature) => {\n        resolve(getMimetypeFromSignature(signature))\n      },\n      (error) => {\n        reject(error)\n      }\n    )\n  })\n}\n\nconst getFileExtensionFromFileName = (fileName: string): string | null => {\n  const fileTypeFromFileNameRegExp = new RegExp(`(\\\\.)(.+)$`, \"i\")\n\n  const fromName = fileTypeFromFileNameRegExp.exec(fileName)\n  if (fromName && fromName.length > 1 && fromName[2]) {\n    return fromName[2]\n  }\n\n  return null\n}\n\nconst getFileExtensionFromMimeType = (mimeType: string): string | null => {\n  try {\n    const type = typer.parse(mimeType).subtype\n    return MIME_SUBTYPE_TO_EXTENSION[type] || null\n  } catch (_e) {\n    return null\n  }\n}\n\n// If this function\n// - return falsy => the file is correct, file process will abort\n// - return true => the file is valid to continue the file process\nexport const validateFile = async (\n  file: File,\n  fileTypeValidator: (\n    file: File,\n    extension: string | null\n  ) => boolean | undefined | null\n) => {\n  const mimeType = await getMimeType(file)\n  const extension =\n    (mimeType && getFileExtensionFromMimeType(mimeType)) ||\n    getFileExtensionFromMimeType(file.type) ||\n    getFileExtensionFromFileName(file.name)\n\n  return fileTypeValidator(file, extension)\n}\n"],"names":[],"mappings":";;AAEA,MAAM,yBAAyB,GAA2B;AACxD,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,KAAK;AACX,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,GAAG,EAAE,KAAK;CACX,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAU,KAAqB;IACvD,OAAO,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,MAAM,KAAI;QAC7C,IAAI;AACF,YAAA,MAAM,UAAU,GAAe,IAAI,UAAU,EAAE,CAAA;AAC/C,YAAA,UAAU,CAAC,SAAS,GAAG,CAAC,EAAS,KAAI;gBACnC,IAAI,MAAM,GAAG,EAAE,CAAA;AACf,gBAAA,MAAM,MAAM,GAAgB,UAAU,CAAC,MAAqB,CAAA;AAC5D,gBAAA,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,MAAM,CAAC,CAAA;AAElC,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACnC,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;AAC9B,iBAAA;gBACD,OAAO,CAAC,MAAM,CAAC,CAAA;AACjB,aAAC,CAAA;AACD,YAAA,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC/C,SAAA;AAAC,QAAA,OAAO,CAAC,EAAE;YACV,MAAM,CAAC,CAAC,CAAC,CAAA;AACV,SAAA;AACH,KAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,wBAAwB,GAAG,CAAC,SAAiB,KAAmB;AACpE,IAAA,QAAQ,SAAS,CAAC,WAAW,EAAE;AAC7B,QAAA,KAAK,UAAU;AACb,YAAA,OAAO,WAAW,CAAA;AACpB,QAAA,KAAK,UAAU;AACb,YAAA,OAAO,WAAW,CAAA;AACpB,QAAA,KAAK,UAAU;AACb,YAAA,OAAO,iBAAiB,CAAA;AAC1B,QAAA,KAAK,UAAU,CAAC;AAChB,QAAA,KAAK,UAAU,CAAC;AAChB,QAAA,KAAK,UAAU,CAAC;AAChB,QAAA,KAAK,UAAU,CAAC;AAChB,QAAA,KAAK,UAAU,CAAC;AAChB,QAAA,KAAK,UAAU,CAAC;AAChB,QAAA,KAAK,UAAU;AACb,YAAA,OAAO,YAAY,CAAA;AACrB,QAAA,KAAK,UAAU;AACb,YAAA,OAAO,iBAAiB,CAAA;AAC1B,QAAA;AACE,YAAA,OAAO,IAAI,CAAA;AACd,KAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,IAAU,KAA4B;IACzD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;QACrC,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,CACzB,CAAC,SAAS,KAAI;AACZ,YAAA,OAAO,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAA;AAC9C,SAAC,EACD,CAAC,KAAK,KAAI;YACR,MAAM,CAAC,KAAK,CAAC,CAAA;AACf,SAAC,CACF,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,QAAgB,KAAmB;IACvE,MAAM,0BAA0B,GAAG,IAAI,MAAM,CAAC,CAAY,UAAA,CAAA,EAAE,GAAG,CAAC,CAAA;IAEhE,MAAM,QAAQ,GAAG,0BAA0B,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;AAC1D,IAAA,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;AAClD,QAAA,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAA;AACnB,KAAA;AAED,IAAA,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,QAAgB,KAAmB;IACvE,IAAI;QACF,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAA;AAC1C,QAAA,OAAO,yBAAyB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA;AAC/C,KAAA;AAAC,IAAA,OAAO,EAAE,EAAE;AACX,QAAA,OAAO,IAAI,CAAA;AACZ,KAAA;AACH,CAAC,CAAA;AAED;AACA;AACA;AACa,MAAA,YAAY,GAAG,OAC1B,IAAU,EACV,iBAG+B,KAC7B;AACF,IAAA,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,CAAA;IACxC,MAAM,SAAS,GACb,CAAC,QAAQ,IAAI,4BAA4B,CAAC,QAAQ,CAAC;AACnD,QAAA,4BAA4B,CAAC,IAAI,CAAC,IAAI,CAAC;AACvC,QAAA,4BAA4B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AAEzC,IAAA,OAAO,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;AAC3C;;;;"}

package/hooks/useBreakpoint.js

@@ -1,74 +1,67 @@
-import { __read } from '../_virtual/_tslib.js';
 import { useState, useEffect } from 'react';
 import { breakpoints } from '../tokens/index.js';
 
-var defaultBreakpoint = "md";
-var breakpointsArray = Object.keys(breakpoints)
-    .map(function (bp) { return ({
+const defaultBreakpoint = "md";
+const breakpointsArray = Object.keys(breakpoints)
+    .map((bp) => ({
     name: bp,
     value: parseInt(breakpoints[bp].slice(0, -2), 10),
-}); })
-    .sort(function (a, b) { return a.value - b.value; });
-var cobaltBreakpoints = breakpointsArray.map(function (breakpoint, index) {
+}))
+    .sort((a, b) => a.value - b.value);
+const cobaltBreakpoints = breakpointsArray.map((breakpoint, index) => {
     // lowest limit
     if (index === 0) {
-        return [breakpoint.name, "(max-width: ".concat(breakpoint.value - 1, "px)")];
+        return [breakpoint.name, `(max-width: ${breakpoint.value - 1}px)`];
     }
     else {
         return [
             breakpoint.name,
-            "(min-width: ".concat(breakpointsArray[index - 1].value, "px) and (max-width: ").concat(breakpoint.value - 1, "px)"),
+            `(min-width: ${breakpointsArray[index - 1].value}px) and (max-width: ${breakpoint.value - 1}px)`,
         ];
     }
 });
 // highest limit
 cobaltBreakpoints.push([
     "over",
-    "(min-width: ".concat(breakpointsArray[breakpointsArray.length - 1].value, "px)"),
+    `(min-width: ${breakpointsArray[breakpointsArray.length - 1].value}px)`,
 ]);
 /**
  * Hook to get the current Cobalt breakpoint according to the viewport size
  */
-var useBreakpoint = function () {
-    var getMediaQueriesList = function () {
-        return cobaltBreakpoints.map(function (b) { return window.matchMedia(b[1]); });
-    };
-    var getBreakpoint = function () {
-        var matchIndex = getMediaQueriesList().findIndex(function (media) { return media.matches; });
+const useBreakpoint = () => {
+    const getMediaQueriesList = () => cobaltBreakpoints.map((b) => window.matchMedia(b[1]));
+    const getBreakpoint = () => {
+        const matchIndex = getMediaQueriesList().findIndex((media) => media.matches);
         return matchIndex !== -1
             ? cobaltBreakpoints[matchIndex][0]
             : defaultBreakpoint;
     };
-    var isMobileBreakpoint = function (bp) {
-        return bp === "sm" || bp === "xs";
-    };
-    var initialBreakpoint = getBreakpoint();
-    var _a = __read(useState(initialBreakpoint), 2), breakpoint = _a[0], setBreakpoint = _a[1];
-    var _b = __read(useState(isMobileBreakpoint(initialBreakpoint)), 2), isMobile = _b[0], setIsMobile = _b[1];
-    useEffect(function () {
-        var handleMediaChange = function () {
-            var newBreakpoint = getBreakpoint();
+    const isMobileBreakpoint = (bp) => bp === "sm" || bp === "xs";
+    const initialBreakpoint = getBreakpoint();
+    const [breakpoint, setBreakpoint] = useState(initialBreakpoint);
+    const [isMobile, setIsMobile] = useState(isMobileBreakpoint(initialBreakpoint));
+    useEffect(() => {
+        const handleMediaChange = () => {
+            const newBreakpoint = getBreakpoint();
             setBreakpoint(newBreakpoint);
             setIsMobile(isMobileBreakpoint(newBreakpoint));
         };
-        var mediaQueriesList = getMediaQueriesList();
-        mediaQueriesList.forEach(function (mq) {
+        const mediaQueriesList = getMediaQueriesList();
+        mediaQueriesList.forEach((mq) => {
             // Safari < 14 only supports addListener
             mq.addEventListener
                 ? mq.addEventListener("change", handleMediaChange)
                 : mq.addListener(handleMediaChange);
         });
         // Remove listeners on cleanup
-        return function () {
-            return mediaQueriesList.forEach(function (mq) {
-                // Safari < 14 only supports removeListener
-                mq.removeEventListener
-                    ? mq.removeEventListener("change", handleMediaChange)
-                    : mq.removeListener(handleMediaChange);
-            });
-        };
+        return () => mediaQueriesList.forEach((mq) => {
+            // Safari < 14 only supports removeListener
+            mq.removeEventListener
+                ? mq.removeEventListener("change", handleMediaChange)
+                : mq.removeListener(handleMediaChange);
+        });
     }, []); // Empty array ensures effect is only run on mount and unmount
-    return { breakpoint: breakpoint, isMobile: isMobile };
+    return { breakpoint, isMobile };
 };
 
 export { cobaltBreakpoints, useBreakpoint as default };

package/hooks/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from \"react\"\nimport { breakpoints } from \"../tokens\"\n\nexport type CobaltBreakpointType = keyof typeof breakpoints | \"over\"\n\nconst defaultBreakpoint: CobaltBreakpointType = \"md\"\n\nconst breakpointsArray = (\n  Object.keys(breakpoints) as (keyof typeof breakpoints)[]\n)\n  .map((bp) => ({\n    name: bp,\n    value: parseInt(breakpoints[bp].slice(0, -2), 10),\n  }))\n  .sort((a, b) => a.value - b.value)\n\nexport const cobaltBreakpoints: [CobaltBreakpointType, string][] =\n  breakpointsArray.map((breakpoint, index) => {\n    // lowest limit\n    if (index === 0) {\n      return [breakpoint.name, `(max-width: ${breakpoint.value - 1}px)`]\n    } else {\n      return [\n        breakpoint.name,\n        `(min-width: ${breakpointsArray[index - 1].value}px) and (max-width: ${\n          breakpoint.value - 1\n        }px)`,\n      ]\n    }\n  })\n\n// highest limit\ncobaltBreakpoints.push([\n  \"over\",\n  `(min-width: ${breakpointsArray[breakpointsArray.length - 1].value}px)`,\n])\n\n/**\n * Hook to get the current Cobalt breakpoint according to the viewport size\n */\nconst useBreakpoint = () => {\n  const getMediaQueriesList = () =>\n    cobaltBreakpoints.map((b) => window.matchMedia(b[1]))\n\n  const getBreakpoint = () => {\n    const matchIndex = getMediaQueriesList().findIndex((media) => media.matches)\n    return matchIndex !== -1\n      ? cobaltBreakpoints[matchIndex][0]\n      : defaultBreakpoint\n  }\n\n  const isMobileBreakpoint = (bp: CobaltBreakpointType) =>\n    bp === \"sm\" || bp === \"xs\"\n\n  const initialBreakpoint = getBreakpoint()\n\n  const [breakpoint, setBreakpoint] =\n    useState<CobaltBreakpointType>(initialBreakpoint)\n\n  const [isMobile, setIsMobile] = useState(\n    isMobileBreakpoint(initialBreakpoint)\n  )\n\n  useEffect(() => {\n    const handleMediaChange = () => {\n      const newBreakpoint = getBreakpoint()\n      setBreakpoint(newBreakpoint)\n      setIsMobile(isMobileBreakpoint(newBreakpoint))\n    }\n    const mediaQueriesList = getMediaQueriesList()\n    mediaQueriesList.forEach((mq) => {\n      // Safari < 14 only supports addListener\n      mq.addEventListener\n        ? mq.addEventListener(\"change\", handleMediaChange)\n        : mq.addListener(handleMediaChange)\n    })\n    // Remove listeners on cleanup\n    return () =>\n      mediaQueriesList.forEach((mq) => {\n        // Safari < 14 only supports removeListener\n        mq.removeEventListener\n          ? mq.removeEventListener(\"change\", handleMediaChange)\n          : mq.removeListener(handleMediaChange)\n      })\n  }, []) // Empty array ensures effect is only run on mount and unmount\n\n  return { breakpoint, isMobile }\n}\n\nexport default useBreakpoint\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useBreakpoint.js","sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from \"react\"\nimport { breakpoints } from \"../tokens\"\n\nexport type CobaltBreakpointType = keyof typeof breakpoints | \"over\"\n\nconst defaultBreakpoint: CobaltBreakpointType = \"md\"\n\nconst breakpointsArray = (\n  Object.keys(breakpoints) as (keyof typeof breakpoints)[]\n)\n  .map((bp) => ({\n    name: bp,\n    value: parseInt(breakpoints[bp].slice(0, -2), 10),\n  }))\n  .sort((a, b) => a.value - b.value)\n\nexport const cobaltBreakpoints: [CobaltBreakpointType, string][] =\n  breakpointsArray.map((breakpoint, index) => {\n    // lowest limit\n    if (index === 0) {\n      return [breakpoint.name, `(max-width: ${breakpoint.value - 1}px)`]\n    } else {\n      return [\n        breakpoint.name,\n        `(min-width: ${breakpointsArray[index - 1].value}px) and (max-width: ${\n          breakpoint.value - 1\n        }px)`,\n      ]\n    }\n  })\n\n// highest limit\ncobaltBreakpoints.push([\n  \"over\",\n  `(min-width: ${breakpointsArray[breakpointsArray.length - 1].value}px)`,\n])\n\n/**\n * Hook to get the current Cobalt breakpoint according to the viewport size\n */\nconst useBreakpoint = () => {\n  const getMediaQueriesList = () =>\n    cobaltBreakpoints.map((b) => window.matchMedia(b[1]))\n\n  const getBreakpoint = () => {\n    const matchIndex = getMediaQueriesList().findIndex((media) => media.matches)\n    return matchIndex !== -1\n      ? cobaltBreakpoints[matchIndex][0]\n      : defaultBreakpoint\n  }\n\n  const isMobileBreakpoint = (bp: CobaltBreakpointType) =>\n    bp === \"sm\" || bp === \"xs\"\n\n  const initialBreakpoint = getBreakpoint()\n\n  const [breakpoint, setBreakpoint] =\n    useState<CobaltBreakpointType>(initialBreakpoint)\n\n  const [isMobile, setIsMobile] = useState(\n    isMobileBreakpoint(initialBreakpoint)\n  )\n\n  useEffect(() => {\n    const handleMediaChange = () => {\n      const newBreakpoint = getBreakpoint()\n      setBreakpoint(newBreakpoint)\n      setIsMobile(isMobileBreakpoint(newBreakpoint))\n    }\n    const mediaQueriesList = getMediaQueriesList()\n    mediaQueriesList.forEach((mq) => {\n      // Safari < 14 only supports addListener\n      mq.addEventListener\n        ? mq.addEventListener(\"change\", handleMediaChange)\n        : mq.addListener(handleMediaChange)\n    })\n    // Remove listeners on cleanup\n    return () =>\n      mediaQueriesList.forEach((mq) => {\n        // Safari < 14 only supports removeListener\n        mq.removeEventListener\n          ? mq.removeEventListener(\"change\", handleMediaChange)\n          : mq.removeListener(handleMediaChange)\n      })\n  }, []) // Empty array ensures effect is only run on mount and unmount\n\n  return { breakpoint, isMobile }\n}\n\nexport default useBreakpoint\n"],"names":[],"mappings":"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"}

package/hooks/useElementHeight.js

@@ -1,9 +1,8 @@
-import { __read } from '../_virtual/_tslib.js';
 import { useRef, useState, useEffect } from 'react';
 import { ResizeObserver as ResizeObserver$1 } from '@juggle/resize-observer';
 
 // https://caniuse.com/resizeobserver
-var ResizeObserver = window
+const ResizeObserver = window
     .ResizeObserver || ResizeObserver$1;
 /**
  * Hook to listen the giving element resize events (using ResizeObserver)
@@ -12,13 +11,12 @@ var ResizeObserver = window
  * Useful to animated using react-spring an element that we can't know the
  * actual size since it's computed from the child elements
  */
-var useElementHeight = function () {
-    var ref = useRef(null);
-    var _a = __read(useState(0), 2), height = _a[0], setHeight = _a[1];
-    useEffect(function () {
-        var resizeObserver = new ResizeObserver(function (_a) {
-            var _b = __read(_a, 1), entry = _b[0];
-            requestAnimationFrame(function () {
+const useElementHeight = () => {
+    const ref = useRef(null);
+    const [height, setHeight] = useState(0);
+    useEffect(() => {
+        const resizeObserver = new ResizeObserver(([entry]) => {
+            requestAnimationFrame(() => {
                 if (!entry)
                     return;
                 setHeight(entry.target.getBoundingClientRect().height);
@@ -27,9 +25,9 @@ var useElementHeight = function () {
         if (ref.current) {
             resizeObserver.observe(ref.current);
         }
-        return function () { return resizeObserver.disconnect(); };
+        return () => resizeObserver.disconnect();
     }, []);
-    return { ref: ref, height: height };
+    return { ref, height };
 };
 
 export { useElementHeight as default };

package/hooks/useElementHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"useElementHeight.js","sources":["../../src/hooks/useElementHeight.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from \"react\"\nimport { ResizeObserver as ROPolyfill } from \"@juggle/resize-observer\"\n\n// https://caniuse.com/resizeobserver\nconst ResizeObserver =\n  (window as { ResizeObserver: typeof ROPolyfill } & typeof window)\n    .ResizeObserver || ROPolyfill\n\n/**\n * Hook to listen the giving element resize events (using ResizeObserver)\n * and returning the updated height of that element according to those events\n *\n * Useful to animated using react-spring an element that we can't know the\n * actual size since it's computed from the child elements\n */\nconst useElementHeight = <ElementType extends HTMLElement>() => {\n  const ref = useRef<ElementType>(null)\n  const [height, setHeight] = useState(0)\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(([entry]) => {\n      requestAnimationFrame(() => {\n        if (!entry) return\n        setHeight(entry.target.getBoundingClientRect().height)\n      })\n    })\n\n    if (ref.current) {\n      resizeObserver.observe(ref.current)\n    }\n\n    return () => resizeObserver.disconnect()\n  }, [])\n\n  return { ref, height }\n}\n\nexport default useElementHeight\n"],"names":["ROPolyfill"],"mappings":";;;;AAGA;AACA,IAAM,cAAc,GACjB,MAAgE;KAC9D,cAAc,IAAIA,gBAAU,CAAA;AAEjC;;;;;;AAMG;AACH,IAAM,gBAAgB,GAAG,YAAA;AACvB,IAAA,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;AAC/B,IAAA,IAAA,EAAA,GAAA,MAAA,CAAsB,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAA,CAAA,EAAhC,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,QAAe,CAAA;AAEvC,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC,UAAC,EAAO,EAAA;gBAAP,EAAA,GAAA,MAAA,CAAA,EAAA,EAAA,CAAA,CAAO,EAAN,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAC/C,YAAA,qBAAqB,CAAC,YAAA;AACpB,gBAAA,IAAI,CAAC,KAAK;oBAAE,OAAM;gBAClB,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC,CAAA;AACxD,aAAC,CAAC,CAAA;AACJ,SAAC,CAAC,CAAA;QAEF,IAAI,GAAG,CAAC,OAAO,EAAE;AACf,YAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;AACpC,SAAA;QAED,OAAO,YAAA,EAAM,OAAA,cAAc,CAAC,UAAU,EAAE,CAAA,EAAA,CAAA;KACzC,EAAE,EAAE,CAAC,CAAA;AAEN,IAAA,OAAO,EAAE,GAAG,EAAA,GAAA,EAAE,MAAM,EAAA,MAAA,EAAE,CAAA;AACxB;;;;"}
+{"version":3,"file":"useElementHeight.js","sources":["../../src/hooks/useElementHeight.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from \"react\"\nimport { ResizeObserver as ROPolyfill } from \"@juggle/resize-observer\"\n\n// https://caniuse.com/resizeobserver\nconst ResizeObserver =\n  (window as { ResizeObserver: typeof ROPolyfill } & typeof window)\n    .ResizeObserver || ROPolyfill\n\n/**\n * Hook to listen the giving element resize events (using ResizeObserver)\n * and returning the updated height of that element according to those events\n *\n * Useful to animated using react-spring an element that we can't know the\n * actual size since it's computed from the child elements\n */\nconst useElementHeight = <ElementType extends HTMLElement>() => {\n  const ref = useRef<ElementType>(null)\n  const [height, setHeight] = useState(0)\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(([entry]) => {\n      requestAnimationFrame(() => {\n        if (!entry) return\n        setHeight(entry.target.getBoundingClientRect().height)\n      })\n    })\n\n    if (ref.current) {\n      resizeObserver.observe(ref.current)\n    }\n\n    return () => resizeObserver.disconnect()\n  }, [])\n\n  return { ref, height }\n}\n\nexport default useElementHeight\n"],"names":["ROPolyfill"],"mappings":";;;AAGA;AACA,MAAM,cAAc,GACjB,MAAgE;KAC9D,cAAc,IAAIA,gBAAU,CAAA;AAEjC;;;;;;AAMG;AACG,MAAA,gBAAgB,GAAG,MAAsC;AAC7D,IAAA,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvC,SAAS,CAAC,MAAK;QACb,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,KAAI;YACpD,qBAAqB,CAAC,MAAK;AACzB,gBAAA,IAAI,CAAC,KAAK;oBAAE,OAAM;gBAClB,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC,CAAA;AACxD,aAAC,CAAC,CAAA;AACJ,SAAC,CAAC,CAAA;QAEF,IAAI,GAAG,CAAC,OAAO,EAAE;AACf,YAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;AACpC,SAAA;AAED,QAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE,CAAA;KACzC,EAAE,EAAE,CAAC,CAAA;AAEN,IAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA;AACxB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drivy/cobalt",
-  "version": "0.16.1",
+  "version": "0.16.2",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/index.d.ts",
@@ -31,8 +31,8 @@
     "date-fns": "2.28.0",
     "lodash.throttle": "4.1.1",
     "media-typer": "1.1.0",
-    "nanoid": "3.3.3",
-    "postcss": "8.4.12",
+    "nanoid": "3.3.4",
+    "postcss": "8.4.14",
     "tailwindcss": "2.2.19",
     "tippy.js": "6.3.7"
   },
@@ -41,32 +41,33 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@drivy/babel-preset-app": "0.4.13",
-    "@drivy/eslint-config": "1.6.5",
-    "@drivy/prettier-config": "1.1.3",
-    "@drivy/stylelint-config": "1.1.6",
-    "@drivy/ts-config": "1.1.3",
+    "@getaround-eu/babel-preset-app": "0.5.1",
+    "@getaround-eu/eslint-config": "1.7.1",
+    "@getaround-eu/prettier-config": "1.2.0",
+    "@getaround-eu/stylelint-config": "1.2.1",
+    "@getaround-eu/ts-config": "2.1.0",
     "@percy/storybook": "3.3.1",
     "@rollup/plugin-json": "4.1.0",
     "@rushstack/eslint-patch": "1.1.3",
-    "@storybook/addon-essentials": "6.4.22",
-    "@storybook/addons": "6.4.22",
-    "@storybook/builder-webpack5": "6.4.22",
-    "@storybook/manager-webpack5": "6.4.22",
-    "@storybook/react": "6.4.22",
+    "@storybook/addon-essentials": "6.5.7",
+    "@storybook/addons": "6.5.7",
+    "@storybook/builder-webpack5": "6.5.7",
+    "@storybook/manager-webpack5": "6.5.7",
+    "@storybook/react": "6.5.7",
     "@svgr/cli": "6.2.1",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "8.0.0",
     "@types/classnames": "2.3.0",
-    "@types/jest": "27.4.1",
+    "@types/jest": "27.5.2",
     "@types/lodash.throttle": "4.1.7",
     "@types/media-typer": "1.1.1",
-    "@types/react": "17.0.44",
+    "@types/react": "17.0.45",
+    "@whitespace/storybook-addon-html": "^5.0.0",
     "autoprefixer": "10.4.7",
-    "core-js": "3.22.2",
+    "core-js": "3.22.8",
     "css-loader": "6.7.1",
-    "eslint": "8.14.0",
+    "eslint": "8.17.0",
     "jest": "27.5.1",
     "np": "7.6.1",
     "postcss-flexbugs-fixes": "5.0.2",
@@ -77,19 +78,19 @@
     "react-dom": "17.0.2",
     "react-test-renderer": "17.0.2",
     "regenerator-runtime": "0.13.9",
-    "rollup": "2.70.2",
+    "rollup": "2.75.6",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-svgo": "1.1.0",
-    "rollup-plugin-typescript2": "0.31.2",
-    "sass": "1.50.1",
+    "rollup-plugin-typescript2": "0.32.1",
+    "sass": "1.52.2",
     "sass-loader": "12.6.0",
     "style-loader": "3.3.1",
-    "stylelint": "14.7.1",
-    "svg2vectordrawable": "2.8.5",
+    "stylelint": "14.8.5",
+    "svg2vectordrawable": "2.9.1",
     "svgo": "2.8.0",
-    "ts-jest": "27.1.4",
-    "typescript": "4.6.3"
+    "ts-jest": "27.1.5",
+    "typescript": "4.7.3"
   },
   "scripts": {
     "build": "./scripts/build.sh",
@@ -133,6 +134,6 @@
     "access": "public"
   },
   "resolutions": {
-    "@types/react": "17.0.44"
+    "@types/react": "17.0.45"
   }
 }

package/tokens/index.js

@@ -5,11 +5,11 @@ import _icons from './icons.js';
 import _zIndexes from './zIndexes.js';
 
 // For now we can't re-export json using TS and JSON import has no default
-var breakpoints = _breakpoints;
-var colors = _colors;
-var countries = _countries;
-var icons = _icons;
-var zIndexes = _zIndexes;
+const breakpoints = _breakpoints;
+const colors = _colors;
+const countries = _countries;
+const icons = _icons;
+const zIndexes = _zIndexes;
 
 export { breakpoints, colors, countries, icons, zIndexes };
 //# sourceMappingURL=index.js.map

package/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport _colors from \"./colors.json\"\nimport _countries from \"./countries.json\"\nimport _icons from \"./icons.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const colors = _colors\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\n"],"names":[],"mappings":";;;;;;AAAA;AAOO,IAAM,WAAW,GAAG,aAAY;AAChC,IAAM,MAAM,GAAG,QAAO;AACtB,IAAM,SAAS,GAAG,WAAU;AAC5B,IAAM,KAAK,GAAG,OAAM;AACpB,IAAM,QAAQ,GAAG;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport _colors from \"./colors.json\"\nimport _countries from \"./countries.json\"\nimport _icons from \"./icons.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const colors = _colors\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\n"],"names":[],"mappings":";;;;;;AAAA;AAOO,MAAM,WAAW,GAAG,aAAY;AAChC,MAAM,MAAM,GAAG,QAAO;AACtB,MAAM,SAAS,GAAG,WAAU;AAC5B,MAAM,KAAK,GAAG,OAAM;AACpB,MAAM,QAAQ,GAAG;;;;"}

package/_virtual/_tslib.js

@@ -1,123 +0,0 @@
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __values(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-export { __assign, __awaiter, __extends, __generator, __read, __rest, __values };
-//# sourceMappingURL=_tslib.js.map

package/_virtual/_tslib.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}