@drivy/cobalt 0.13.1 → 0.14.3

package/components/PhotoDropzone/index.js

@@ -0,0 +1,189 @@
+import { __read, __awaiter, __generator } from '../../_virtual/_tslib.js';
+import VisuallyHidden from '@reach/visually-hidden';
+import React, { useRef, useState } from 'react';
+import cx from 'classnames';
+import '../Icon/index.js';
+import { validateFile } from '../utils/validateFile.js';
+import Popover from '../Popover/index.js';
+import ContextualWarningCircleFilledIcon from '../Icon/__generated__/ContextualWarningCircleFilledIcon.js';
+import BinIcon from '../Icon/__generated__/BinIcon.js';
+import PlusIcon from '../Icon/__generated__/PlusIcon.js';
+import LoadingIcon from '../Icon/__generated__/LoadingIcon.js';
+
+var ACCEPTED_MAX_SIZE_MB = 10;
+var ACCEPTED_PHOTOS_TYPES = ["jpg", "jpeg", "png", "gif"];
+var ERROR_DISPLAY_TIME = 6000;
+var ACCEPTED_TYPES_LOCALE_STRING = ACCEPTED_PHOTOS_TYPES.join(", ");
+var preventEventDefaults = function (e) {
+    e.preventDefault && e.preventDefault();
+    e.stopPropagation && e.stopPropagation();
+};
+var isEnterOrSpaceKey = function (event) {
+    return event.key === "Enter" || event.key === " ";
+};
+var PhotoDropzone = function (_a) {
+    var className = _a.className, description = _a.description, deletePopoverContent = _a.deletePopoverContent, errorContent = _a.errorContent, onDropped = _a.onDropped, onPhotoDelete = _a.onPhotoDelete, _b = _a.initialImageUrl, initialImageUrl = _b === void 0 ? "" : _b;
+    var fileInputRef = useRef(null);
+    var deleteButtonRef = useRef(null);
+    var _c = __read(useState(false), 2), isDragging = _c[0], setIsDragging = _c[1];
+    var _d = __read(useState(false), 2), isLoading = _d[0], setIsLoading = _d[1];
+    var _e = __read(useState(false), 2), isErrored = _e[0], setIsErrored = _e[1];
+    var _f = __read(useState(initialImageUrl), 2), imagePreviewUrl = _f[0], setImagePreviewUrl = _f[1];
+    var _g = __read(useState(false), 2), displayDeletion = _g[0], setDisplayDeletion = _g[1];
+    var _h = __read(useState(false), 2), showDeletePopover = _h[0], setShowDeletePopover = _h[1];
+    var openDeletePopover = function (event) {
+        event && preventEventDefaults(event);
+        setShowDeletePopover(true);
+    };
+    var closeDeletePopover = function (event) {
+        event && preventEventDefaults(event);
+        setShowDeletePopover(false);
+    };
+    var onDropzoneMouseEnter = function (event) {
+        event && preventEventDefaults(event);
+        if (imagePreviewUrl)
+            setDisplayDeletion(true);
+    };
+    var onDropzoneMouseLeave = function (event) {
+        event && preventEventDefaults(event);
+        if (displayDeletion && !showDeletePopover)
+            setDisplayDeletion(false);
+    };
+    var onDropzoneClick = function (event) {
+        var _a;
+        event && preventEventDefaults(event);
+        if (isLoading)
+            return;
+        if (isErrored)
+            setIsErrored(false);
+        if (imagePreviewUrl) {
+            if (showDeletePopover)
+                closeDeletePopover();
+            return setDisplayDeletion(!displayDeletion);
+        }
+        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    };
+    var onDropzoneKey = function (event) {
+        if (showDeletePopover)
+            return;
+        if (isEnterOrSpaceKey(event)) {
+            onDropzoneClick();
+        }
+    };
+    var onDeleteKey = function (event) {
+        if (isEnterOrSpaceKey(event)) {
+            openDeletePopover(event);
+        }
+    };
+    var onDelete = function () {
+        if (fileInputRef.current)
+            fileInputRef.current.value = "";
+        closeDeletePopover();
+        setImagePreviewUrl("");
+        onPhotoDelete && onPhotoDelete();
+    };
+    var onDragEnter = function (event) {
+        preventEventDefaults(event);
+        if (isErrored)
+            setIsErrored(false);
+        !imagePreviewUrl && setIsDragging(true);
+    };
+    var onDragLeave = function (event) {
+        preventEventDefaults(event);
+        setIsDragging(false);
+    };
+    var processFile = function (fileToProcess) { return __awaiter(void 0, void 0, void 0, function () {
+        var isValidFile, imageSrc;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsDragging(false);
+                    setIsErrored(false);
+                    setIsLoading(true);
+                    return [4 /*yield*/, validateFile(fileToProcess, function (fileToValidate, extension) {
+                            var maxFileSize = ACCEPTED_MAX_SIZE_MB * 1000 * 1000;
+                            var acceptedFileTypes = ACCEPTED_PHOTOS_TYPES;
+                            if (fileToValidate.size > maxFileSize) {
+                                return false;
+                            }
+                            else if (!extension || !acceptedFileTypes.includes(extension)) {
+                                return false;
+                            }
+                            else {
+                                return true;
+                            }
+                        })];
+                case 1:
+                    isValidFile = _a.sent();
+                    if (!isValidFile) return [3 /*break*/, 3];
+                    imageSrc = URL.createObjectURL(fileToProcess);
+                    setImagePreviewUrl(imageSrc);
+                    return [4 /*yield*/, onDropped(fileToProcess)];
+                case 2:
+                    _a.sent();
+                    setIsLoading(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    setIsLoading(false);
+                    setIsErrored(true);
+                    setTimeout(function () {
+                        setIsErrored(false);
+                    }, ERROR_DISPLAY_TIME);
+                    _a.label = 4;
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var onFileInputChanged = function (event) {
+        var _a;
+        if ((_a = event.target.files) === null || _a === void 0 ? void 0 : _a.length) {
+            processFile(event.target.files[0]);
+        }
+    };
+    var onDrop = function (event) {
+        var _a, _b;
+        preventEventDefaults(event);
+        if (((_b = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) && !imagePreviewUrl) {
+            processFile(event.dataTransfer.files[0]);
+        }
+    };
+    var onDeleteButtonClick = showDeletePopover
+        ? closeDeletePopover
+        : openDeletePopover;
+    return (React.createElement("div", { tabIndex: 0, className: cx("cobalt-photo-dropzone", className, {
+            "cobalt-photo-dropzone--filled": imagePreviewUrl,
+            "cobalt-photo-dropzone--dragging": isDragging,
+            "cobalt-photo-dropzone--loading": isLoading,
+            "cobalt-photo-dropzone--errored": isErrored,
+        }), onMouseEnter: onDropzoneMouseEnter, onMouseLeave: onDropzoneMouseLeave, onDragEnter: onDragEnter, onDragLeave: onDragLeave, 
+        // Not on click because we also use mouseEnter listener
+        onMouseUp: onDropzoneClick, onTouchEnd: onDropzoneClick, onKeyUp: onDropzoneKey, onDrop: onDrop, 
+        // Need to reset those listeners to avoid default browser behaviour
+        onDragStart: preventEventDefaults, onDragEnd: preventEventDefaults, onDragOver: preventEventDefaults },
+        isErrored && (React.createElement("div", { className: "cobalt-photo-dropzone__description" },
+            React.createElement(ContextualWarningCircleFilledIcon, { color: "red" }),
+            errorContent(ACCEPTED_TYPES_LOCALE_STRING, ACCEPTED_MAX_SIZE_MB))),
+        isLoading && (React.createElement("div", { className: "cobalt-photo-dropzone__description" },
+            React.createElement(LoadingIcon, null))),
+        !isLoading &&
+            !isErrored &&
+            (imagePreviewUrl ? (React.createElement(React.Fragment, null,
+                React.createElement("img", { className: "cobalt-photo-dropzone__preview", src: imagePreviewUrl }),
+                React.createElement("div", null,
+                    React.createElement("button", { className: cx("cobalt-photo-dropzone__delete-button", {
+                            "cobalt-photo-dropzone__delete-button--triggered": displayDeletion,
+                        }), ref: deleteButtonRef, 
+                        // Must follow the click listeners on the dropzone,
+                        // in order to have the correct events bubbling
+                        onTouchEnd: onDeleteButtonClick, onMouseUp: onDeleteButtonClick, onKeyUp: onDeleteKey },
+                        React.createElement(VisuallyHidden, null, "Delete"),
+                        React.createElement(BinIcon, { color: "indigo" })),
+                    React.createElement(Popover, { targetRef: deleteButtonRef, isOpen: showDeletePopover, close: closeDeletePopover, placement: "left-start", distance: 12, bodySpacing: false, arrow: true }, deletePopoverContent(onDelete, closeDeletePopover))))) : (React.createElement("div", { className: "cobalt-photo-dropzone__description cobalt-photo-dropzone__description--strong" },
+                React.createElement("p", null, description),
+                React.createElement(PlusIcon, null)))),
+        React.createElement(VisuallyHidden, null,
+            React.createElement("input", { ref: fileInputRef, type: "file", onChange: onFileInputChanged, accept: ACCEPTED_PHOTOS_TYPES.map(function (ext) { return ".".concat(ext); }).join(","), multiple: false }))));
+};
+
+export { PhotoDropzone as default };
+//# sourceMappingURL=index.js.map

package/components/PhotoDropzone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/PhotoDropzone/index.tsx"],"sourcesContent":["import VisuallyHidden from \"@reach/visually-hidden\"\nimport React, {\n  useState,\n  DragEvent as ReactDragEvent,\n  useRef,\n  TouchEvent as ReactTouchEvent,\n  ChangeEvent as ReactChangeEvent,\n  MouseEvent as ReactMouseEvent,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactNode,\n} from \"react\"\nimport cx from \"classnames\"\nimport {\n  PlusIcon,\n  BinIcon,\n  LoadingIcon,\n  ContextualWarningCircleFilledIcon,\n} from \"../Icon\"\nimport { validateFile } from \"../utils/validateFile\"\nimport Popover from \"../Popover\"\n\nconst ACCEPTED_MAX_SIZE_MB = 10\nconst ACCEPTED_PHOTOS_TYPES = [\"jpg\", \"jpeg\", \"png\", \"gif\"]\nconst ERROR_DISPLAY_TIME = 6000\nconst ACCEPTED_TYPES_LOCALE_STRING = ACCEPTED_PHOTOS_TYPES.join(\", \")\n\nexport type PhotoDropzonePropsType = {\n  className?: string\n  description: string\n  deletePopoverContent: (onDelete: () => void, close: () => void) => ReactNode\n  errorContent: (acceptedTypes: string, maxFileSize: number) => ReactNode\n  onDropped: (file: File) => Promise<void> | void\n  onPhotoDelete?: () => void\n  initialImageUrl?: string\n}\n\nconst preventEventDefaults = (\n  e: ReactDragEvent | ReactMouseEvent | ReactKeyboardEvent | ReactTouchEvent\n) => {\n  e.preventDefault && e.preventDefault()\n  e.stopPropagation && e.stopPropagation()\n}\n\nconst isEnterOrSpaceKey = (event: ReactKeyboardEvent) =>\n  event.key === \"Enter\" || event.key === \" \"\n\nconst PhotoDropzone = ({\n  className,\n  description,\n  deletePopoverContent,\n  errorContent,\n  onDropped,\n  onPhotoDelete,\n  initialImageUrl = \"\",\n}: PhotoDropzonePropsType) => {\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const deleteButtonRef = useRef<HTMLButtonElement>(null)\n  const [isDragging, setIsDragging] = useState(false)\n  const [isLoading, setIsLoading] = useState(false)\n  const [isErrored, setIsErrored] = useState(false)\n  const [imagePreviewUrl, setImagePreviewUrl] = useState(initialImageUrl)\n  const [displayDeletion, setDisplayDeletion] = useState(false)\n  const [showDeletePopover, setShowDeletePopover] = useState(false)\n\n  const openDeletePopover = (\n    event?: ReactMouseEvent | ReactKeyboardEvent | ReactTouchEvent\n  ) => {\n    event && preventEventDefaults(event)\n    setShowDeletePopover(true)\n  }\n  const closeDeletePopover = (event?: ReactMouseEvent | ReactTouchEvent) => {\n    event && preventEventDefaults(event)\n    setShowDeletePopover(false)\n  }\n\n  const onDropzoneMouseEnter = (event?: ReactMouseEvent) => {\n    event && preventEventDefaults(event)\n    if (imagePreviewUrl) setDisplayDeletion(true)\n  }\n\n  const onDropzoneMouseLeave = (event?: ReactMouseEvent) => {\n    event && preventEventDefaults(event)\n    if (displayDeletion && !showDeletePopover) setDisplayDeletion(false)\n  }\n\n  const onDropzoneClick = (event?: ReactMouseEvent | ReactTouchEvent) => {\n    event && preventEventDefaults(event)\n    if (isLoading) return\n    if (isErrored) setIsErrored(false)\n    if (imagePreviewUrl) {\n      if (showDeletePopover) closeDeletePopover()\n      return setDisplayDeletion(!displayDeletion)\n    }\n    fileInputRef.current?.click()\n  }\n\n  const onDropzoneKey = (event: ReactKeyboardEvent) => {\n    if (showDeletePopover) return\n    if (isEnterOrSpaceKey(event)) {\n      onDropzoneClick()\n    }\n  }\n\n  const onDeleteKey = (event: ReactKeyboardEvent) => {\n    if (isEnterOrSpaceKey(event)) {\n      openDeletePopover(event)\n    }\n  }\n\n  const onDelete = () => {\n    if (fileInputRef.current) fileInputRef.current.value = \"\"\n    closeDeletePopover()\n    setImagePreviewUrl(\"\")\n    onPhotoDelete && onPhotoDelete()\n  }\n\n  const onDragEnter = (event: ReactDragEvent) => {\n    preventEventDefaults(event)\n    if (isErrored) setIsErrored(false)\n    !imagePreviewUrl && setIsDragging(true)\n  }\n\n  const onDragLeave = (event: ReactDragEvent) => {\n    preventEventDefaults(event)\n    setIsDragging(false)\n  }\n\n  const processFile = async (fileToProcess: File) => {\n    setIsDragging(false)\n    setIsErrored(false)\n    setIsLoading(true)\n\n    const isValidFile = await validateFile(\n      fileToProcess,\n      (fileToValidate, extension) => {\n        const maxFileSize = ACCEPTED_MAX_SIZE_MB * 1000 * 1000\n        const acceptedFileTypes = ACCEPTED_PHOTOS_TYPES\n\n        if (fileToValidate.size > maxFileSize) {\n          return false\n        } else if (!extension || !acceptedFileTypes.includes(extension)) {\n          return false\n        } else {\n          return true\n        }\n      }\n    )\n\n    if (isValidFile) {\n      const imageSrc = URL.createObjectURL(fileToProcess)\n      setImagePreviewUrl(imageSrc)\n      await onDropped(fileToProcess)\n      setIsLoading(false)\n    } else {\n      setIsLoading(false)\n      setIsErrored(true)\n      setTimeout(() => {\n        setIsErrored(false)\n      }, ERROR_DISPLAY_TIME)\n    }\n  }\n\n  const onFileInputChanged = (event: ReactChangeEvent<HTMLInputElement>) => {\n    if (event.target.files?.length) {\n      processFile(event.target.files[0])\n    }\n  }\n\n  const onDrop = (event: ReactDragEvent<HTMLDivElement>) => {\n    preventEventDefaults(event)\n    if (event.dataTransfer?.files?.length && !imagePreviewUrl) {\n      processFile(event.dataTransfer.files[0])\n    }\n  }\n\n  const onDeleteButtonClick = showDeletePopover\n    ? closeDeletePopover\n    : openDeletePopover\n\n  return (\n    <div\n      tabIndex={0}\n      className={cx(\"cobalt-photo-dropzone\", className, {\n        \"cobalt-photo-dropzone--filled\": imagePreviewUrl,\n        \"cobalt-photo-dropzone--dragging\": isDragging,\n        \"cobalt-photo-dropzone--loading\": isLoading,\n        \"cobalt-photo-dropzone--errored\": isErrored,\n      })}\n      onMouseEnter={onDropzoneMouseEnter}\n      onMouseLeave={onDropzoneMouseLeave}\n      onDragEnter={onDragEnter}\n      onDragLeave={onDragLeave}\n      // Not on click because we also use mouseEnter listener\n      onMouseUp={onDropzoneClick}\n      onTouchEnd={onDropzoneClick}\n      onKeyUp={onDropzoneKey}\n      onDrop={onDrop}\n      // Need to reset those listeners to avoid default browser behaviour\n      onDragStart={preventEventDefaults}\n      onDragEnd={preventEventDefaults}\n      onDragOver={preventEventDefaults}\n    >\n      {isErrored && (\n        <div className=\"cobalt-photo-dropzone__description\">\n          <ContextualWarningCircleFilledIcon color=\"red\" />\n          {errorContent(ACCEPTED_TYPES_LOCALE_STRING, ACCEPTED_MAX_SIZE_MB)}\n        </div>\n      )}\n      {isLoading && (\n        <div className=\"cobalt-photo-dropzone__description\">\n          <LoadingIcon />\n        </div>\n      )}\n      {!isLoading &&\n        !isErrored &&\n        (imagePreviewUrl ? (\n          <>\n            <img\n              className=\"cobalt-photo-dropzone__preview\"\n              src={imagePreviewUrl}\n            />\n            <div>\n              <button\n                className={cx(\"cobalt-photo-dropzone__delete-button\", {\n                  \"cobalt-photo-dropzone__delete-button--triggered\":\n                    displayDeletion,\n                })}\n                ref={deleteButtonRef}\n                // Must follow the click listeners on the dropzone,\n                // in order to have the correct events bubbling\n                onTouchEnd={onDeleteButtonClick}\n                onMouseUp={onDeleteButtonClick}\n                onKeyUp={onDeleteKey}\n              >\n                <VisuallyHidden>Delete</VisuallyHidden>\n                <BinIcon color=\"indigo\" />\n              </button>\n              <Popover\n                targetRef={deleteButtonRef}\n                isOpen={showDeletePopover}\n                close={closeDeletePopover}\n                placement=\"left-start\"\n                distance={12}\n                bodySpacing={false}\n                arrow\n              >\n                {deletePopoverContent(onDelete, closeDeletePopover)}\n              </Popover>\n            </div>\n          </>\n        ) : (\n          <div className=\"cobalt-photo-dropzone__description cobalt-photo-dropzone__description--strong\">\n            <p>{description}</p>\n            <PlusIcon />\n          </div>\n        ))}\n      <VisuallyHidden>\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          onChange={onFileInputChanged}\n          accept={ACCEPTED_PHOTOS_TYPES.map((ext) => `.${ext}`).join(\",\")}\n          multiple={false}\n        />\n      </VisuallyHidden>\n    </div>\n  )\n}\n\nexport default PhotoDropzone\n"],"names":[],"mappings":"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"}

package/components/Popover/index.js

@@ -49,7 +49,7 @@ var Popover = function (_a) {
             onShow();
     };
     var TippyComp = lazy ? LazyTippy : Tippy;
-    return isMobile ? (React.createElement(MobilePopover, { isOpen: isOpen, onDismiss: close, bodySpacing: bodySpacing, ariaLabel: ariaLabel, onShow: onShow, onHidden: onHidden }, children)) : (React.createElement(TippyComp, __assign({ content: bodySpacing ? (React.createElement("div", { className: "cobalt-popover--bodySpacing" }, children)) : (children) }, defaultTippyProps, { visible: isOpen, reference: targetRef, theme: defaultTippyProps.theme + " " + theme, offset: [0, distance] }, { arrow: arrow, placement: placement, zIndex: zIndex }, { onHidden: onTippyClose, onShow: onTippyOpen, onClickOutside: close })));
+    return isMobile ? (React.createElement(MobilePopover, { isOpen: isOpen, onDismiss: close, bodySpacing: bodySpacing, ariaLabel: ariaLabel, onShow: onShow, onHidden: onHidden }, children)) : (React.createElement(TippyComp, __assign({ content: bodySpacing ? (React.createElement("div", { className: "cobalt-popover--bodySpacing" }, children)) : (children) }, defaultTippyProps, { visible: isOpen, reference: targetRef, theme: "".concat(defaultTippyProps.theme, " ").concat(theme), offset: [0, distance] }, { arrow: arrow, placement: placement, zIndex: zIndex }, { onHidden: onTippyClose, onShow: onTippyOpen, onClickOutside: close })));
 };
 
 export { Popover as default };

package/components/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useEffect, useCallback, PropsWithChildren } from \"react\"\nimport Tippy, { TippyProps } from \"@tippyjs/react\"\nimport { sticky } from \"tippy.js\"\n\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport Modal, { ModalPropsType } from \"../Modal\"\nimport LazyTippy from \"./LazyTippy\"\nimport { zIndexes } from \"../../tokens\"\n\nexport type PopoverPropsType = PropsWithChildren<{\n  isOpen: boolean\n  close: () => void\n  \"aria-label\"?: string\n  bodySpacing?: boolean\n  onShow?: () => void\n  onHidden?: () => void\n  // Desktop props\n  targetRef: TippyProps[\"reference\"]\n  arrow?: boolean\n  placement?: TippyProps[\"placement\"]\n  theme?: string\n  distance?: number\n  zIndex?: number\n  /**\n   * __Only for desktop popover__\n   *\n   * Allow to render the content only when the popover is mounted in the DOM\n   * Useful to render async content in the popover\n   */\n  lazy?: boolean\n}>\n\nconst ESC_KEY_CODE = 27\n\nconst defaultTippyProps: Omit<TippyProps, \"content\" | \"children\" | \"visible\"> =\n  {\n    animation: \"shift-away-subtle\",\n    interactive: true,\n    interactiveBorder: 10,\n    delay: [0, 0],\n    duration: [200, 150],\n    maxWidth: 500,\n    sticky: true,\n    plugins: [sticky],\n    theme: \"light cobalt-popover\",\n    inertia: true,\n  }\n\nconst MobilePopover = ({\n  isOpen,\n  children,\n  ariaLabel = \"Popover mobile modal\",\n  onDismiss,\n  bodySpacing,\n  onShow,\n  onHidden,\n}: PropsWithChildren<{\n  ariaLabel?: ModalPropsType[\"aria-label\"]\n  isOpen: ModalPropsType[\"isOpen\"]\n  onDismiss?: () => void\n  bodySpacing: ModalPropsType[\"bodySpacing\"]\n  onShow: ModalPropsType[\"onShow\"]\n  onHidden: ModalPropsType[\"onHidden\"]\n}>) => {\n  return (\n    <Modal\n      aria-label={ariaLabel}\n      isOpen={isOpen}\n      onDismissAttempt={onDismiss}\n      bodySpacing={bodySpacing}\n      onShow={onShow}\n      onHidden={onHidden}\n    >\n      {children}\n    </Modal>\n  )\n}\n\nconst Popover = ({\n  isOpen,\n  targetRef,\n  close,\n  \"aria-label\": ariaLabel,\n  children,\n  bodySpacing = true,\n  onShow,\n  onHidden,\n  // Desktop props\n  arrow = false,\n  placement = \"bottom-start\",\n  theme = \"\",\n  distance = 8,\n  zIndex = zIndexes.dropdown,\n  lazy,\n}: PopoverPropsType) => {\n  const { breakpoint } = useBreakpoint()\n  const isMobile = breakpoint === \"sm\" || breakpoint === \"xs\"\n\n  const escListener = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.keyCode === ESC_KEY_CODE && isOpen) close()\n    },\n    [isOpen, close]\n  )\n\n  useEffect(() => {\n    window.addEventListener(\"keydown\", escListener)\n\n    return () => window.removeEventListener(\"keydown\", escListener)\n  }, [escListener])\n\n  const onTippyClose = () => {\n    if (onHidden) onHidden()\n  }\n\n  const onTippyOpen = () => {\n    if (onShow) onShow()\n  }\n\n  const TippyComp = lazy ? LazyTippy : Tippy\n\n  return isMobile ? (\n    <MobilePopover\n      isOpen={isOpen}\n      onDismiss={close}\n      bodySpacing={bodySpacing}\n      ariaLabel={ariaLabel}\n      onShow={onShow}\n      onHidden={onHidden}\n    >\n      {children}\n    </MobilePopover>\n  ) : (\n    <TippyComp\n      content={\n        bodySpacing ? (\n          <div className=\"cobalt-popover--bodySpacing\">{children}</div>\n        ) : (\n          children\n        )\n      }\n      {...defaultTippyProps}\n      visible={isOpen}\n      reference={targetRef}\n      theme={`${defaultTippyProps.theme} ${theme}`}\n      offset={[0, distance]}\n      {...{ arrow, placement, zIndex }}\n      onHidden={onTippyClose}\n      onShow={onTippyOpen}\n      onClickOutside={close}\n    />\n  )\n}\n\nexport default Popover\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useEffect, useCallback, PropsWithChildren } from \"react\"\nimport Tippy, { TippyProps } from \"@tippyjs/react\"\nimport { sticky } from \"tippy.js\"\n\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport Modal, { ModalPropsType } from \"../Modal\"\nimport LazyTippy from \"./LazyTippy\"\nimport { zIndexes } from \"../../tokens\"\n\nexport type PopoverPropsType = PropsWithChildren<{\n  isOpen: boolean\n  close: () => void\n  \"aria-label\"?: string\n  bodySpacing?: boolean\n  onShow?: () => void\n  onHidden?: () => void\n  // Desktop props\n  targetRef: TippyProps[\"reference\"]\n  arrow?: boolean\n  placement?: TippyProps[\"placement\"]\n  theme?: string\n  distance?: number\n  zIndex?: number\n  /**\n   * __Only for desktop popover__\n   *\n   * Allow to render the content only when the popover is mounted in the DOM\n   * Useful to render async content in the popover\n   */\n  lazy?: boolean\n}>\n\nconst ESC_KEY_CODE = 27\n\nconst defaultTippyProps: Omit<TippyProps, \"content\" | \"children\" | \"visible\"> =\n  {\n    animation: \"shift-away-subtle\",\n    interactive: true,\n    interactiveBorder: 10,\n    delay: [0, 0],\n    duration: [200, 150],\n    maxWidth: 500,\n    sticky: true,\n    plugins: [sticky],\n    theme: \"light cobalt-popover\",\n    inertia: true,\n  }\n\nconst MobilePopover = ({\n  isOpen,\n  children,\n  ariaLabel = \"Popover mobile modal\",\n  onDismiss,\n  bodySpacing,\n  onShow,\n  onHidden,\n}: PropsWithChildren<{\n  ariaLabel?: ModalPropsType[\"aria-label\"]\n  isOpen: ModalPropsType[\"isOpen\"]\n  onDismiss?: () => void\n  bodySpacing: ModalPropsType[\"bodySpacing\"]\n  onShow: ModalPropsType[\"onShow\"]\n  onHidden: ModalPropsType[\"onHidden\"]\n}>) => {\n  return (\n    <Modal\n      aria-label={ariaLabel}\n      isOpen={isOpen}\n      onDismissAttempt={onDismiss}\n      bodySpacing={bodySpacing}\n      onShow={onShow}\n      onHidden={onHidden}\n    >\n      {children}\n    </Modal>\n  )\n}\n\nconst Popover = ({\n  isOpen,\n  targetRef,\n  close,\n  \"aria-label\": ariaLabel,\n  children,\n  bodySpacing = true,\n  onShow,\n  onHidden,\n  // Desktop props\n  arrow = false,\n  placement = \"bottom-start\",\n  theme = \"\",\n  distance = 8,\n  zIndex = zIndexes.dropdown,\n  lazy,\n}: PopoverPropsType) => {\n  const { breakpoint } = useBreakpoint()\n  const isMobile = breakpoint === \"sm\" || breakpoint === \"xs\"\n\n  const escListener = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.keyCode === ESC_KEY_CODE && isOpen) close()\n    },\n    [isOpen, close]\n  )\n\n  useEffect(() => {\n    window.addEventListener(\"keydown\", escListener)\n\n    return () => window.removeEventListener(\"keydown\", escListener)\n  }, [escListener])\n\n  const onTippyClose = () => {\n    if (onHidden) onHidden()\n  }\n\n  const onTippyOpen = () => {\n    if (onShow) onShow()\n  }\n\n  const TippyComp = lazy ? LazyTippy : Tippy\n\n  return isMobile ? (\n    <MobilePopover\n      isOpen={isOpen}\n      onDismiss={close}\n      bodySpacing={bodySpacing}\n      ariaLabel={ariaLabel}\n      onShow={onShow}\n      onHidden={onHidden}\n    >\n      {children}\n    </MobilePopover>\n  ) : (\n    <TippyComp\n      content={\n        bodySpacing ? (\n          <div className=\"cobalt-popover--bodySpacing\">{children}</div>\n        ) : (\n          children\n        )\n      }\n      {...defaultTippyProps}\n      visible={isOpen}\n      reference={targetRef}\n      theme={`${defaultTippyProps.theme} ${theme}`}\n      offset={[0, distance]}\n      {...{ arrow, placement, zIndex }}\n      onHidden={onTippyClose}\n      onShow={onTippyOpen}\n      onClickOutside={close}\n    />\n  )\n}\n\nexport default Popover\n"],"names":[],"mappings":"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"}

package/components/ProgressBar/index.js

@@ -14,7 +14,7 @@ var ProgressBar = function (_a) {
                     React.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "none", strokeWidth: "1" },
                         React.createElement("path", { d: "M12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 Z M10.039794,16.4579825 L10.3868138,16.8048824 C10.7382605,17.1562077 11.3079394,17.1562077 11.6593861,16.8048824 L12.0064058,16.4579825 L18.3862862,10.0803058 C18.7379046,9.72880879 18.7379046,9.15879074 18.3862862,8.80729375 L17.6922467,8.11349398 C17.3408,7.76216867 16.771121,7.76216867 16.4196743,8.11349398 L11.0398301,13.5249288 L8.08032565,10.5664466 C7.72887895,10.2151213 7.15920001,10.2151213 6.80775331,10.5664466 L6.11371383,11.2602463 C5.76209539,11.6117433 5.76209539,12.1817614 6.11371383,12.5332584 L10.039794,16.4579825 Z", fill: "#b4bbc6" })))))),
         React.createElement("div", { className: "cobalt-ProgressBar__Container" },
-            React.createElement("div", { className: "cobalt-ProgressBar__Foreground", style: { width: progress + "%" } }),
+            React.createElement("div", { className: "cobalt-ProgressBar__Foreground", style: { width: "".concat(progress, "%") } }),
             tick && React.createElement("div", { className: "cobalt-ProgressBar__Tick" }))));
 };
 

package/components/ProgressBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ProgressBar/index.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface ProgressBarProps {\n  children: React.ReactNode\n  progress: number\n  /**\n   * Visual tick at the end of the progress bar\n   * @default false\n   */\n  tick?: boolean\n}\n\nexport const ProgressBar = ({\n  progress,\n  tick = false,\n  children,\n}: ProgressBarProps) => (\n  <div>\n    <div className=\"cobalt-ProgressBar__TitleSection\">\n      <div>\n        <div className=\"cobalt-ProgressBar__Progression\">{progress}%</div>\n        <div className=\"cobalt-ProgressBar__Title\">{children}</div>\n      </div>\n      {progress === 100 && (\n        <div className=\"cobalt-ProgressBar__CompletedCheckbox\">\n          <svg\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <g fill=\"none\" fillRule=\"evenodd\" stroke=\"none\" strokeWidth=\"1\">\n              <path\n                d=\"M12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 Z M10.039794,16.4579825 L10.3868138,16.8048824 C10.7382605,17.1562077 11.3079394,17.1562077 11.6593861,16.8048824 L12.0064058,16.4579825 L18.3862862,10.0803058 C18.7379046,9.72880879 18.7379046,9.15879074 18.3862862,8.80729375 L17.6922467,8.11349398 C17.3408,7.76216867 16.771121,7.76216867 16.4196743,8.11349398 L11.0398301,13.5249288 L8.08032565,10.5664466 C7.72887895,10.2151213 7.15920001,10.2151213 6.80775331,10.5664466 L6.11371383,11.2602463 C5.76209539,11.6117433 5.76209539,12.1817614 6.11371383,12.5332584 L10.039794,16.4579825 Z\"\n                fill=\"#b4bbc6\"\n              />\n            </g>\n          </svg>\n        </div>\n      )}\n    </div>\n    <div className=\"cobalt-ProgressBar__Container\">\n      <div\n        className=\"cobalt-ProgressBar__Foreground\"\n        style={{ width: `${progress}%` }}\n      />\n      {tick && <div className=\"cobalt-ProgressBar__Tick\" />}\n    </div>\n  </div>\n)\n"],"names":[],"mappings":";;IAYa,WAAW,GAAG,UAAC,EAIT;QAHjB,QAAQ,cAAA,EACR,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,QAAQ,cAAA;IACc,QACtB;QACE,6BAAK,SAAS,EAAC,kCAAkC;YAC/C;gBACE,6BAAK,SAAS,EAAC,iCAAiC;oBAAE,QAAQ;wBAAQ;gBAClE,6BAAK,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAO,CACvD;YACL,QAAQ,KAAK,GAAG,KACf,6BAAK,SAAS,EAAC,uCAAuC;gBACpD,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;oBAElC,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG;wBAC7D,8BACE,CAAC,EAAC,sqBAAsqB,EACxqB,IAAI,EAAC,SAAS,GACd,CACA,CACA,CACF,CACP,CACG;QACN,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,6BACE,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,EAAE,KAAK,EAAK,QAAQ,MAAG,EAAE,GAChC;YACD,IAAI,IAAI,6BAAK,SAAS,EAAC,0BAA0B,GAAG,CACjD,CACF;AAhCgB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ProgressBar/index.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface ProgressBarProps {\n  children: React.ReactNode\n  progress: number\n  /**\n   * Visual tick at the end of the progress bar\n   * @default false\n   */\n  tick?: boolean\n}\n\nexport const ProgressBar = ({\n  progress,\n  tick = false,\n  children,\n}: ProgressBarProps) => (\n  <div>\n    <div className=\"cobalt-ProgressBar__TitleSection\">\n      <div>\n        <div className=\"cobalt-ProgressBar__Progression\">{progress}%</div>\n        <div className=\"cobalt-ProgressBar__Title\">{children}</div>\n      </div>\n      {progress === 100 && (\n        <div className=\"cobalt-ProgressBar__CompletedCheckbox\">\n          <svg\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <g fill=\"none\" fillRule=\"evenodd\" stroke=\"none\" strokeWidth=\"1\">\n              <path\n                d=\"M12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 Z M10.039794,16.4579825 L10.3868138,16.8048824 C10.7382605,17.1562077 11.3079394,17.1562077 11.6593861,16.8048824 L12.0064058,16.4579825 L18.3862862,10.0803058 C18.7379046,9.72880879 18.7379046,9.15879074 18.3862862,8.80729375 L17.6922467,8.11349398 C17.3408,7.76216867 16.771121,7.76216867 16.4196743,8.11349398 L11.0398301,13.5249288 L8.08032565,10.5664466 C7.72887895,10.2151213 7.15920001,10.2151213 6.80775331,10.5664466 L6.11371383,11.2602463 C5.76209539,11.6117433 5.76209539,12.1817614 6.11371383,12.5332584 L10.039794,16.4579825 Z\"\n                fill=\"#b4bbc6\"\n              />\n            </g>\n          </svg>\n        </div>\n      )}\n    </div>\n    <div className=\"cobalt-ProgressBar__Container\">\n      <div\n        className=\"cobalt-ProgressBar__Foreground\"\n        style={{ width: `${progress}%` }}\n      />\n      {tick && <div className=\"cobalt-ProgressBar__Tick\" />}\n    </div>\n  </div>\n)\n"],"names":[],"mappings":";;IAYa,WAAW,GAAG,UAAC,EAIT;QAHjB,QAAQ,cAAA,EACR,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,QAAQ,cAAA;IACc,QACtB;QACE,6BAAK,SAAS,EAAC,kCAAkC;YAC/C;gBACE,6BAAK,SAAS,EAAC,iCAAiC;oBAAE,QAAQ;wBAAQ;gBAClE,6BAAK,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAO,CACvD;YACL,QAAQ,KAAK,GAAG,KACf,6BAAK,SAAS,EAAC,uCAAuC;gBACpD,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;oBAElC,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG;wBAC7D,8BACE,CAAC,EAAC,sqBAAsqB,EACxqB,IAAI,EAAC,SAAS,GACd,CACA,CACA,CACF,CACP,CACG;QACN,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,6BACE,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,QAAQ,MAAG,EAAE,GAChC;YACD,IAAI,IAAI,6BAAK,SAAS,EAAC,0BAA0B,GAAG,CACjD,CACF;AAhCgB;;;;"}

package/components/utils/validateFile.js

@@ -0,0 +1,99 @@
+import { __awaiter, __generator } from '../../_virtual/_tslib.js';
+import typer from 'media-typer';
+
+var MIME_SUBTYPE_TO_EXTENSION = {
+    gif: "gif",
+    jpeg: "jpg",
+    pdf: "pdf",
+    png: "png",
+    zip: "zip",
+    csv: "csv",
+};
+var getFileSignature = function (blob) {
+    return new Promise(function (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++) {
+                    header += arr[i].toString(16);
+                }
+                resolve(header);
+            };
+            fileReader_1.readAsArrayBuffer(blob.slice(0, 4));
+        }
+        catch (e) {
+            reject(e);
+        }
+    });
+};
+var getMimetypeFromSignature = function (signature) {
+    switch (signature.toUpperCase()) {
+        case "89504E47":
+            return "image/png";
+        case "47494638":
+            return "image/gif";
+        case "25504446":
+            return "application/pdf";
+        case "FFD8FFDB":
+        case "FFD8FFEE":
+        case "FFD8FFE0":
+        case "FFD8FFE1":
+        case "FFD8FFE2":
+        case "FFD8FFE3":
+        case "FFD8FFE8":
+            return "image/jpeg";
+        case "504B0304":
+            return "application/zip";
+        default:
+            return null;
+    }
+};
+var getMimeType = function (file) {
+    return new Promise(function (resolve, reject) {
+        getFileSignature(file).then(function (signature) {
+            resolve(getMimetypeFromSignature(signature));
+        }, function (error) {
+            reject(error);
+        });
+    });
+};
+var getFileExtensionFromFileName = function (fileName) {
+    var fileTypeFromFileNameRegExp = new RegExp("(\\.)(.+)$", "i");
+    var fromName = fileTypeFromFileNameRegExp.exec(fileName);
+    if (fromName && fromName.length > 1 && fromName[2]) {
+        return fromName[2];
+    }
+    return null;
+};
+var getFileExtensionFromMimeType = function (mimeType) {
+    try {
+        var type = typer.parse(mimeType).subtype;
+        return MIME_SUBTYPE_TO_EXTENSION[type] || null;
+    }
+    catch (_e) {
+        return null;
+    }
+};
+// 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)];
+        }
+    });
+}); };
+
+export { validateFile };
+//# sourceMappingURL=validateFile.js.map

package/components/utils/validateFile.js.map

@@ -0,0 +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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"}

package/hooks/useBreakpoint.js

@@ -12,19 +12,19 @@ var breakpointsArray = Object.keys(breakpoints)
 var cobaltBreakpoints = breakpointsArray.map(function (breakpoint, index) {
     // lowest limit
     if (index === 0) {
-        return [breakpoint.name, "(max-width: " + (breakpoint.value - 1) + "px)"];
+        return [breakpoint.name, "(max-width: ".concat(breakpoint.value - 1, "px)")];
     }
     else {
         return [
             breakpoint.name,
-            "(min-width: " + breakpointsArray[index - 1].value + "px) and (max-width: " + (breakpoint.value - 1) + "px)",
+            "(min-width: ".concat(breakpointsArray[index - 1].value, "px) and (max-width: ").concat(breakpoint.value - 1, "px)"),
         ];
     }
 });
 // highest limit
 cobaltBreakpoints.push([
     "over",
-    "(min-width: " + breakpointsArray[breakpointsArray.length - 1].value + "px)",
+    "(min-width: ".concat(breakpointsArray[breakpointsArray.length - 1].value, "px)"),
 ]);
 /**
  * Hook to get the current Cobalt breakpoint according to the viewport size

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/icons/car-return.js

@@ -0,0 +1,4 @@
+var carReturn = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.034 16.045H4.273a.91.91 0 01-.91-.909V9.682c0-.312.01-.62.026-.922a1.591 1.591 0 11.537-3.134C4.692 3.154 6.217 1.5 8.364 1.5h6.363c2.146 0 3.672 1.654 4.438 4.126a1.59 1.59 0 01.537 3.134c.017.302.025.61.025.922v1.303L18.364 9.62a3 3 0 00-4.553 3.879H9c-.748 0-1.433.274-1.958.727H7v.037a2.995 2.995 0 00-.966 1.781v.001zm-.398-8.181c0-.91 0-4.546 3.182-4.546h5.455c3.182 0 3.182 3.637 3.182 4.546H5.636zm-.302 3.874a1.364 1.364 0 102.35-1.385 1.364 1.364 0 00-2.35 1.385z\"/><path d=\"M8.729 17.419h9.514l-2.848 3.253c-.353.406-.303 1.084.1 1.452.41.375 1.091.318 1.455-.1l4.339-4.958c.331-.442.326-.95.002-1.35l-.002-.002-4.339-4.96a1.03 1.03 0 00-1.453-.101c-.41.355-.458 1.043-.102 1.453l2.848 3.253H8.729a1.03 1.03 0 100 2.06z\"/></svg>";
+
+export { carReturn as default };
+//# sourceMappingURL=car-return.js.map

package/icons/car-return.js.map

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

package/icons/car-return.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.034 16.045H4.273a.91.91 0 0 1-.91-.909V9.682c0-.312.01-.62.026-.922a1.591 1.591 0 1 1 .537-3.134C4.692 3.154 6.217 1.5 8.364 1.5h6.363c2.146 0 3.672 1.654 4.438 4.126a1.59 1.59 0 0 1 .537 3.134c.017.302.025.61.025.922v1.303L18.364 9.62a3 3 0 0 0-4.553 3.879H9c-.748 0-1.433.274-1.958.727H7v.037a2.995 2.995 0 0 0-.966 1.781v.001Zm-.398-8.181c0-.91 0-4.546 3.182-4.546h5.455c3.182 0 3.182 3.637 3.182 4.546H5.636Zm-.302 3.874a1.364 1.364 0 1 0 2.35-1.385 1.364 1.364 0 0 0-2.35 1.385Z"/><path d="M8.729 17.419h9.514l-2.848 3.253c-.353.406-.303 1.084.1 1.452.41.375 1.091.318 1.455-.1l4.339-4.958c.331-.442.326-.95.002-1.35l-.002-.002-4.339-4.96a1.03 1.03 0 0 0-1.453-.101c-.41.355-.458 1.043-.102 1.453l2.848 3.253H8.729a1.03 1.03 0 1 0 0 2.06Z"/></svg>

package/icons/index.js

@@ -9,6 +9,7 @@ export { default as carCheck } from './car-check.js';
 export { default as carDrivyOpen } from './car-drivy-open.js';
 export { default as carGroup } from './car-group.js';
 export { default as carLock } from './car-lock.js';
+export { default as carReturn } from './car-return.js';
 export { default as carSearch } from './car-search.js';
 export { default as carTypeAntique } from './car-type-antique.js';
 export { default as carTypeCabriolet } from './car-type-cabriolet.js';
@@ -59,6 +60,7 @@ export { default as locationMap } from './location-map.js';
 export { default as locationParking } from './location-parking.js';
 export { default as locationPin } from './location-pin.js';
 export { default as logout } from './logout.js';
+export { default as map } from './map.js';
 export { default as meetDriver } from './meet-driver.js';
 export { default as meetOwner } from './meet-owner.js';
 export { default as menuList } from './menu-list.js';
@@ -66,12 +68,16 @@ export { default as mileage } from './mileage.js';
 export { default as miscGift } from './misc-gift.js';
 export { default as notification } from './notification.js';
 export { default as optionAirConditioning } from './option-air-conditioning.js';
+export { default as optionAndroidAuto } from './option-android-auto.js';
+export { default as optionAppleCarplay } from './option-apple-carplay.js';
 export { default as optionAudioInput } from './option-audio-input.js';
 export { default as optionBabySeat } from './option-baby-seat.js';
 export { default as optionBikeRack } from './option-bike-rack.js';
+export { default as optionBluetoothAudio } from './option-bluetooth-audio.js';
 export { default as optionCdPlayer } from './option-cd-player.js';
 export { default as optionChains } from './option-chains.js';
 export { default as optionCruiseControl } from './option-cruise-control.js';
+export { default as optionDashcam } from './option-dashcam.js';
 export { default as optionGps } from './option-gps.js';
 export { default as optionHasTrailer } from './option-has-trailer.js';
 export { default as optionHitch } from './option-hitch.js';
@@ -82,6 +88,8 @@ export { default as optionWheelchairAccessible } from './option-wheelchair-acces
 export { default as peopleUser } from './people-user.js';
 export { default as photos } from './photos.js';
 export { default as plug } from './plug.js';
+export { default as plus } from './plus.js';
+export { default as raceFlag } from './race-flag.js';
 export { default as refresh } from './refresh.js';
 export { default as reset } from './reset.js';
 export { default as ride } from './ride.js';

package/icons/index.js.map

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

package/icons/map.js

@@ -0,0 +1,4 @@
+var map = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.842 3.605c1.162 0 2.105.943 2.105 2.106v10.831l-8.61-8.61a7.352 7.352 0 00.189-1.664c0-.957-.21-1.863-.621-2.663h6.937zM5.158 21.5a2.106 2.106 0 01-2.106-2.105v-7.516c.8 1.2 1.78 2.474 2.853 3.832l.831 1.052.822-1.052c1.4-1.737 2.631-3.348 3.505-4.832.358-.61.663-1.21.905-1.821l4.284 4.284L8.094 21.5H5.158zm15.789-2.105a2.105 2.105 0 01-2.105 2.105H9.589L17 14.09l3.948 3.947v1.358h-.001zm-14.21-4.21C3.988 11.636 2 8.973 2 6.31 2 3.658 4.105 1.5 6.736 1.5c2.632 0 4.737 2.158 4.737 4.81 0 2.664-1.968 5.327-4.737 8.874l.001.001zM4.63 6.236a2.105 2.105 0 104.21 0 2.105 2.105 0 00-4.21 0z\"/></svg>";
+
+export { map as default };
+//# sourceMappingURL=map.js.map

package/icons/map.js.map

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

package/icons/map.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.842 3.605c1.162 0 2.105.943 2.105 2.106v10.831l-8.61-8.61a7.352 7.352 0 0 0 .189-1.664c0-.957-.21-1.863-.621-2.663h6.937ZM5.158 21.5a2.106 2.106 0 0 1-2.106-2.105v-7.516c.8 1.2 1.78 2.474 2.853 3.832l.831 1.052.822-1.052c1.4-1.737 2.631-3.348 3.505-4.832.358-.61.663-1.21.905-1.821l4.284 4.284L8.094 21.5H5.158Zm15.789-2.105a2.105 2.105 0 0 1-2.105 2.105H9.589L17 14.09l3.948 3.947v1.358h-.001Zm-14.21-4.21C3.988 11.636 2 8.973 2 6.31 2 3.658 4.105 1.5 6.736 1.5c2.632 0 4.737 2.158 4.737 4.81 0 2.664-1.968 5.327-4.737 8.874l.001.001ZM4.63 6.236a2.105 2.105 0 1 0 4.21 0 2.105 2.105 0 0 0-4.21 0Z"/></svg>

package/icons/option-android-auto.js

@@ -0,0 +1,4 @@
+var optionAndroidAuto = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.6 9.48l1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 00-.83.22l-1.88 3.24a11.463 11.463 0 00-8.94 0L5.65 5.67a.643.643 0 00-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 001 18h22a10.78 10.78 0 00-5.4-8.52zM7 15.25a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm10 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5z\"/></svg>";
+
+export { optionAndroidAuto as default };
+//# sourceMappingURL=option-android-auto.js.map

package/icons/option-android-auto.js.map

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

package/icons/option-android-auto.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.6 9.48 1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 0 0-.83.22l-1.88 3.24a11.463 11.463 0 0 0-8.94 0L5.65 5.67a.643.643 0 0 0-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 0 0 1 18h22a10.78 10.78 0 0 0-5.4-8.52ZM7 15.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm10 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z"/></svg>

package/icons/option-apple-carplay.js

@@ -0,0 +1,4 @@
+var optionAppleCarplay = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.092 7.72c-.085-.064-.182-.12-.262-.12a.374.374 0 00-.367.371v7.924a.375.375 0 00.19.323.363.363 0 00.37-.009c.07-.044 6.71-3.871 6.774-3.928a.371.371 0 00.03-.53c-.067-.074-6.624-3.949-6.735-4.031z\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.564 2C7.122 2 2.7 6.489 2.7 12s4.422 10 9.864 10c3.144 0 6.125-1.54 7.977-4.117l.005-.006a.84.84 0 00-.193-1.145.819.819 0 00-1.142.166l-.004.006c-1.545 2.148-4.028 3.429-6.643 3.429-4.526 0-8.214-3.736-8.214-8.333 0-4.598 3.688-8.333 8.214-8.333 2.62 0 5.107 1.286 6.65 3.44l.005.006a.824.824 0 001.142.168.84.84 0 00.194-1.145l-.004-.006C18.7 3.545 15.714 2 12.564 2z\"/></svg>";
+
+export { optionAppleCarplay as default };
+//# sourceMappingURL=option-apple-carplay.js.map

package/icons/option-apple-carplay.js.map

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

package/icons/option-apple-carplay.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.092 7.72c-.085-.064-.182-.12-.262-.12a.374.374 0 0 0-.367.371v7.924a.375.375 0 0 0 .19.323.363.363 0 0 0 .37-.009c.07-.044 6.71-3.871 6.774-3.928a.371.371 0 0 0 .03-.53c-.067-.074-6.624-3.949-6.735-4.031Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.564 2C7.122 2 2.7 6.489 2.7 12s4.422 10 9.864 10c3.144 0 6.125-1.54 7.977-4.117l.005-.006a.84.84 0 0 0-.193-1.145.819.819 0 0 0-1.142.166l-.004.006c-1.545 2.148-4.028 3.429-6.643 3.429-4.526 0-8.214-3.736-8.214-8.333 0-4.598 3.688-8.333 8.214-8.333 2.62 0 5.107 1.286 6.65 3.44l.005.006a.824.824 0 0 0 1.142.168.84.84 0 0 0 .194-1.145l-.004-.006C18.7 3.545 15.714 2 12.564 2Z"/></svg>

package/icons/option-bluetooth-audio.js

@@ -0,0 +1,4 @@
+var optionBluetoothAudio = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.71 7.71L12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM13 5.83l1.88 1.88L13 9.59V5.83zm1.88 10.46L13 18.17v-3.76l1.88 1.88z\"/></svg>";
+
+export { optionBluetoothAudio as default };
+//# sourceMappingURL=option-bluetooth-audio.js.map

package/icons/option-bluetooth-audio.js.map

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

package/icons/option-bluetooth-audio.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.71 7.71 12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29ZM13 5.83l1.88 1.88L13 9.59V5.83Zm1.88 10.46L13 18.17v-3.76l1.88 1.88Z"/></svg>

package/icons/option-dashcam.js

@@ -0,0 +1,4 @@
+var optionDashcam = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z\"/></svg>";
+
+export { optionDashcam as default };
+//# sourceMappingURL=option-dashcam.js.map

package/icons/option-dashcam.js.map

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

package/icons/option-dashcam.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4Z"/></svg>

package/icons/plus.js

@@ -0,0 +1,4 @@
+var plus = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zM7 11h4V7h2v4h4v2h-4v4h-2v-4H7v-2z\"/></svg>";
+
+export { plus as default };
+//# sourceMappingURL=plus.js.map

package/icons/plus.js.map

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

package/icons/plus.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10ZM7 11h4V7h2v4h4v2h-4v4h-2v-4H7v-2Z"/></svg>