analytica-frontend-lib 1.7.21 → 1.7.23

package/dist/{chunk-BKBDQXZX.js.map → chunk-AOYPUZRO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-BKBDQXZX.js","../src/components/Whiteboard/Whiteboard.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-BKBDQXZX.js","sourcesContent":[null,"import { HTMLAttributes, useCallback, useState } from 'react';\nimport { DownloadSimpleIcon } from '@phosphor-icons/react/dist/csr/DownloadSimple';\nimport Modal from '../Modal/Modal';\nimport { cn } from '../../utils/utils';\n\n// Design constants for critical layout dimensions\nconst IMAGE_WIDTH = 225;\nconst IMAGE_HEIGHT = 90;\n\n/**\n * Whiteboard image item interface\n */\nexport interface WhiteboardImage {\n  id: string;\n  imageUrl: string;\n  title?: string;\n}\n\n/**\n * Whiteboard component props interface\n */\nexport interface WhiteboardProps extends HTMLAttributes<HTMLDivElement> {\n  /** Array of images to display in the whiteboard */\n  images: WhiteboardImage[];\n  /** Whether to show download button on images */\n  showDownload?: boolean;\n  /** Custom className for the container */\n  className?: string;\n  /** Callback when download button is clicked */\n  onDownload?: (image: WhiteboardImage) => void;\n  /**\n   * Called when the user activates an image — ao ampliar OU ao baixar.\n   * Lets a consumer observe the interaction (marking a board as viewed, say)\n   * without wrapping these buttons in an outer control of its own.\n   */\n  onImageActivate?: (image: WhiteboardImage) => void;\n  /** Maximum number of images to display per row on desktop */\n  imagesPerRow?: 2 | 3 | 4;\n}\n\n/**\n * Whiteboard component for displaying classroom board images\n * @param props Component properties\n * @returns Whiteboard component\n */\nconst Whiteboard = ({\n  images,\n  showDownload = true,\n  className,\n  onDownload,\n  onImageActivate,\n  imagesPerRow = 2,\n  ...rest\n}: WhiteboardProps) => {\n  // State to track images that failed to load\n  const [imageErrors, setImageErrors] = useState<Set<string>>(new Set());\n  /**\n   * Quadro aberto em tamanho grande, guardado pelo ID e resolvido na lista\n   * ATUAL — não pelo objeto.\n   *\n   * Guardar o objeto deixava o preview exibindo uma imagem que já não está mais\n   * em `images` (a aula muda, a lista é trocada e o modal segue mostrando a\n   * antiga). Resolvendo por ID, o preview fecha sozinho quando o quadro sai da\n   * lista, e uma lista vazia não deixa o diálogo armado para reabrir sozinho\n   * depois.\n   */\n  const [previewImageId, setPreviewImageId] = useState<string | null>(null);\n  const previewImage =\n    images?.find((image) => image.id === previewImageId) ?? null;\n\n  /**\n   * Handle image download\n   */\n  const handleDownload = useCallback(\n    (image: WhiteboardImage) => {\n      if (onDownload) {\n        onDownload(image);\n      } else {\n        const link = document.createElement('a');\n        link.href = image.imageUrl;\n        link.download = image.title || `whiteboard-${image.id}`;\n        link.target = '_blank';\n        link.rel = 'noopener noreferrer';\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n      }\n    },\n    [onDownload]\n  );\n\n  /**\n   * Clique na imagem: abre o quadro ampliado.\n   *\n   * Antes isto baixava o arquivo, igual ao botão do canto — o rótulo dizia\n   * \"Ampliar\" e nada ampliava. Cada um dos dois botões agora faz o que o seu\n   * rótulo promete, e os dois seguem avisando o consumidor: `onImageActivate` é\n   * \"o aluno interagiu com este quadro\" (quem marca progresso de quadro visto),\n   * então ampliar e baixar continuam valendo igual.\n   */\n  const handleExpand = useCallback(\n    (image: WhiteboardImage) => {\n      setPreviewImageId(image.id);\n      onImageActivate?.(image);\n    },\n    [onImageActivate]\n  );\n\n  /** Clique no botão do canto: baixa o arquivo. */\n  const handleDownloadClick = useCallback(\n    (image: WhiteboardImage) => {\n      handleDownload(image);\n      onImageActivate?.(image);\n    },\n    [handleDownload, onImageActivate]\n  );\n\n  /**\n   * Handle image loading error\n   */\n  const handleImageError = useCallback((imageId: string) => {\n    setImageErrors((prev) => new Set(prev).add(imageId));\n  }, []);\n\n  const gridColsClass =\n    images?.length === 1\n      ? 'grid-cols-1'\n      : {\n          2: 'grid-cols-1 sm:grid-cols-2',\n          3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',\n          4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4',\n        }[imagesPerRow];\n\n  // Let CSS handle sizing responsively\n\n  if (!images || images.length === 0) {\n    return (\n      <div\n        className={cn(\n          'flex items-center justify-center p-8 bg-background border border-border-50 rounded-xl',\n          className\n        )}\n        {...rest}\n      >\n        <p className=\"text-gray-400 text-sm\">Nenhuma imagem disponível</p>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col bg-background border border-border-50 p-4 gap-2 rounded-xl w-fit mx-auto',\n        className\n      )}\n      {...rest}\n    >\n      <div className={cn('grid gap-4', gridColsClass)}>\n        {images.map((image) => (\n          <div\n            key={image.id}\n            className=\"relative group overflow-hidden bg-gray-100 rounded-lg\"\n            style={{\n              width: `${IMAGE_WIDTH}px`,\n            }}\n          >\n            <div\n              className=\"relative\"\n              style={{\n                width: `${IMAGE_WIDTH}px`,\n                height: `${IMAGE_HEIGHT}px`,\n              }}\n            >\n              {imageErrors.has(image.id) ? (\n                <div className=\"absolute inset-0 flex items-center justify-center bg-gray-200\">\n                  <p className=\"text-gray-500 text-sm text-center px-2\">\n                    Imagem indisponível\n                  </p>\n                </div>\n              ) : (\n                <button\n                  type=\"button\"\n                  onClick={() => handleExpand(image)}\n                  className=\"absolute inset-0 w-full h-full cursor-pointer border-none p-0 bg-transparent\"\n                  aria-label={`Ampliar ${image.title || 'imagem'}`}\n                >\n                  <img\n                    src={image.imageUrl}\n                    alt={image.title || `Whiteboard ${image.id}`}\n                    className=\"w-full h-full object-cover\"\n                    loading=\"lazy\"\n                    onError={() => handleImageError(image.id)}\n                  />\n                  <div className=\"absolute inset-0 bg-gradient-to-t from-black/20 to-transparent pointer-events-none\" />\n                </button>\n              )}\n            </div>\n            {showDownload && (\n              <button\n                type=\"button\"\n                onClick={() => handleDownloadClick(image)}\n                className=\"cursor-pointer absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6\"\n                aria-label={`Baixar ${image.title || 'imagem'}`}\n              >\n                {/* Ícone de download. Era o `ArrowsOut` (expandir) num botão que\n                    baixava — quem olhava esperava ampliar. Decorativo: o rótulo\n                    do botão já diz o que ele faz. */}\n                <DownloadSimpleIcon\n                  size={24}\n                  weight=\"regular\"\n                  aria-hidden=\"true\"\n                  className=\"text-white group-hover/button:scale-110 transition-transform duration-200\"\n                />\n              </button>\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* Quadro ampliado. Usa o `Modal` da lib, que já traz Escape, trava de\n          scroll e gerenciamento de foco (`useModalFocus`). */}\n      <Modal\n        isOpen={previewImage !== null}\n        onClose={() => setPreviewImageId(null)}\n        title={previewImage?.title || 'Quadro da aula'}\n        size=\"xl\"\n      >\n        {previewImage && (\n          <img\n            src={previewImage.imageUrl}\n            alt={previewImage.title ? '' : 'Quadro da aula ampliado'}\n            className=\"w-full h-auto rounded-lg\"\n          />\n        )}\n      </Modal>\n    </div>\n  );\n};\n\nexport default Whiteboard;\n"]}
+{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-AOYPUZRO.js","../src/components/Whiteboard/Whiteboard.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-AOYPUZRO.js","sourcesContent":[null,"import { HTMLAttributes, useCallback, useState } from 'react';\nimport { DownloadSimpleIcon } from '@phosphor-icons/react/dist/csr/DownloadSimple';\nimport Modal from '../Modal/Modal';\nimport { cn } from '../../utils/utils';\n\n// Design constants for critical layout dimensions\nconst IMAGE_WIDTH = 225;\nconst IMAGE_HEIGHT = 90;\n\n/**\n * Whiteboard image item interface\n */\nexport interface WhiteboardImage {\n  id: string;\n  imageUrl: string;\n  title?: string;\n}\n\n/**\n * Whiteboard component props interface\n */\nexport interface WhiteboardProps extends HTMLAttributes<HTMLDivElement> {\n  /** Array of images to display in the whiteboard */\n  images: WhiteboardImage[];\n  /** Whether to show download button on images */\n  showDownload?: boolean;\n  /** Custom className for the container */\n  className?: string;\n  /** Callback when download button is clicked */\n  onDownload?: (image: WhiteboardImage) => void;\n  /**\n   * Called when the user activates an image — ao ampliar OU ao baixar.\n   * Lets a consumer observe the interaction (marking a board as viewed, say)\n   * without wrapping these buttons in an outer control of its own.\n   */\n  onImageActivate?: (image: WhiteboardImage) => void;\n  /** Maximum number of images to display per row on desktop */\n  imagesPerRow?: 2 | 3 | 4;\n}\n\n/**\n * Whiteboard component for displaying classroom board images\n * @param props Component properties\n * @returns Whiteboard component\n */\nconst Whiteboard = ({\n  images,\n  showDownload = true,\n  className,\n  onDownload,\n  onImageActivate,\n  imagesPerRow = 2,\n  ...rest\n}: WhiteboardProps) => {\n  // State to track images that failed to load\n  const [imageErrors, setImageErrors] = useState<Set<string>>(new Set());\n  /**\n   * Quadro aberto em tamanho grande, guardado pelo ID e resolvido na lista\n   * ATUAL — não pelo objeto.\n   *\n   * Guardar o objeto deixava o preview exibindo uma imagem que já não está mais\n   * em `images` (a aula muda, a lista é trocada e o modal segue mostrando a\n   * antiga). Resolvendo por ID, o preview fecha sozinho quando o quadro sai da\n   * lista, e uma lista vazia não deixa o diálogo armado para reabrir sozinho\n   * depois.\n   */\n  const [previewImageId, setPreviewImageId] = useState<string | null>(null);\n  const previewImage =\n    images?.find((image) => image.id === previewImageId) ?? null;\n\n  /**\n   * Handle image download\n   */\n  const handleDownload = useCallback(\n    (image: WhiteboardImage) => {\n      if (onDownload) {\n        onDownload(image);\n      } else {\n        const link = document.createElement('a');\n        link.href = image.imageUrl;\n        link.download = image.title || `whiteboard-${image.id}`;\n        link.target = '_blank';\n        link.rel = 'noopener noreferrer';\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n      }\n    },\n    [onDownload]\n  );\n\n  /**\n   * Clique na imagem: abre o quadro ampliado.\n   *\n   * Antes isto baixava o arquivo, igual ao botão do canto — o rótulo dizia\n   * \"Ampliar\" e nada ampliava. Cada um dos dois botões agora faz o que o seu\n   * rótulo promete, e os dois seguem avisando o consumidor: `onImageActivate` é\n   * \"o aluno interagiu com este quadro\" (quem marca progresso de quadro visto),\n   * então ampliar e baixar continuam valendo igual.\n   */\n  const handleExpand = useCallback(\n    (image: WhiteboardImage) => {\n      setPreviewImageId(image.id);\n      onImageActivate?.(image);\n    },\n    [onImageActivate]\n  );\n\n  /** Clique no botão do canto: baixa o arquivo. */\n  const handleDownloadClick = useCallback(\n    (image: WhiteboardImage) => {\n      handleDownload(image);\n      onImageActivate?.(image);\n    },\n    [handleDownload, onImageActivate]\n  );\n\n  /**\n   * Handle image loading error\n   */\n  const handleImageError = useCallback((imageId: string) => {\n    setImageErrors((prev) => new Set(prev).add(imageId));\n  }, []);\n\n  const gridColsClass =\n    images?.length === 1\n      ? 'grid-cols-1'\n      : {\n          2: 'grid-cols-1 sm:grid-cols-2',\n          3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',\n          4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4',\n        }[imagesPerRow];\n\n  // Let CSS handle sizing responsively\n\n  if (!images || images.length === 0) {\n    return (\n      <div\n        className={cn(\n          'flex items-center justify-center p-8 bg-background border border-border-50 rounded-xl',\n          className\n        )}\n        {...rest}\n      >\n        <p className=\"text-gray-400 text-sm\">Nenhuma imagem disponível</p>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col bg-background border border-border-50 p-4 gap-2 rounded-xl w-fit mx-auto',\n        className\n      )}\n      {...rest}\n    >\n      <div className={cn('grid gap-4', gridColsClass)}>\n        {images.map((image) => (\n          <div\n            key={image.id}\n            className=\"relative group overflow-hidden bg-gray-100 rounded-lg\"\n            style={{\n              width: `${IMAGE_WIDTH}px`,\n            }}\n          >\n            <div\n              className=\"relative\"\n              style={{\n                width: `${IMAGE_WIDTH}px`,\n                height: `${IMAGE_HEIGHT}px`,\n              }}\n            >\n              {imageErrors.has(image.id) ? (\n                <div className=\"absolute inset-0 flex items-center justify-center bg-gray-200\">\n                  <p className=\"text-gray-500 text-sm text-center px-2\">\n                    Imagem indisponível\n                  </p>\n                </div>\n              ) : (\n                <button\n                  type=\"button\"\n                  onClick={() => handleExpand(image)}\n                  className=\"absolute inset-0 w-full h-full cursor-pointer border-none p-0 bg-transparent\"\n                  aria-label={`Ampliar ${image.title || 'imagem'}`}\n                >\n                  <img\n                    src={image.imageUrl}\n                    alt={image.title || `Whiteboard ${image.id}`}\n                    className=\"w-full h-full object-cover\"\n                    loading=\"lazy\"\n                    onError={() => handleImageError(image.id)}\n                  />\n                  <div className=\"absolute inset-0 bg-gradient-to-t from-black/20 to-transparent pointer-events-none\" />\n                </button>\n              )}\n            </div>\n            {showDownload && (\n              <button\n                type=\"button\"\n                onClick={() => handleDownloadClick(image)}\n                className=\"cursor-pointer absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6\"\n                aria-label={`Baixar ${image.title || 'imagem'}`}\n              >\n                {/* Ícone de download. Era o `ArrowsOut` (expandir) num botão que\n                    baixava — quem olhava esperava ampliar. Decorativo: o rótulo\n                    do botão já diz o que ele faz. */}\n                <DownloadSimpleIcon\n                  size={24}\n                  weight=\"regular\"\n                  aria-hidden=\"true\"\n                  className=\"text-white group-hover/button:scale-110 transition-transform duration-200\"\n                />\n              </button>\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* Quadro ampliado. Usa o `Modal` da lib, que já traz Escape, trava de\n          scroll e gerenciamento de foco (`useModalFocus`). */}\n      <Modal\n        isOpen={previewImage !== null}\n        onClose={() => setPreviewImageId(null)}\n        title={previewImage?.title || 'Quadro da aula'}\n        size=\"xl\"\n      >\n        {previewImage && (\n          <img\n            src={previewImage.imageUrl}\n            alt={previewImage.title ? '' : 'Quadro da aula ampliado'}\n            className=\"w-full h-auto rounded-lg\"\n          />\n        )}\n      </Modal>\n    </div>\n  );\n};\n\nexport default Whiteboard;\n"]}

package/dist/{chunk-5WS6IENQ.mjs → chunk-AU2HLQDJ.mjs}

@@ -1,6 +1,6 @@
 import {
   DownloadButton_default
-} from "./chunk-OSA3YVDZ.mjs";
+} from "./chunk-ZF46DCAC.mjs";
 import {
   UNMUTE_FALLBACK_VOLUME,
   useMediaVolumePreference
@@ -1076,4 +1076,4 @@ var VideoPlayer_default = VideoPlayer;
 export {
   VideoPlayer_default
 };
-//# sourceMappingURL=chunk-5WS6IENQ.mjs.map
+//# sourceMappingURL=chunk-AU2HLQDJ.mjs.map

package/dist/{chunk-P6FX3NT6.mjs → chunk-AZGDHAP5.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-YUX6DM2Z.mjs";
 import {
   Modal_default
-} from "./chunk-XZUMD3CB.mjs";
+} from "./chunk-LODDYDTP.mjs";
 import {
   Text_default
 } from "./chunk-IMCIR6TJ.mjs";
@@ -58,4 +58,4 @@ var ProgressModal_default = ProgressModal;
 export {
   ProgressModal_default
 };
-//# sourceMappingURL=chunk-P6FX3NT6.mjs.map
+//# sourceMappingURL=chunk-AZGDHAP5.mjs.map

package/dist/{chunk-NCGO7FPB.js → chunk-AZKNYREH.js}

@@ -8,7 +8,7 @@ var _chunkTZA4XQPOjs = require('./chunk-TZA4XQPO.js');
 
 
 
-var _chunkB67RLIUMjs = require('./chunk-B67RLIUM.js');
+var _chunk72D7G6YQjs = require('./chunk-72D7G6YQ.js');
 
 
 var _chunk2RIMYVDKjs = require('./chunk-2RIMYVDK.js');
@@ -41,7 +41,7 @@ var _chunkBSMYGZ5Qjs = require('./chunk-BSMYGZ5Q.js');
 var _chunkJVDEOFXDjs = require('./chunk-JVDEOFXD.js');
 
 
-var _chunk23PAYKWBjs = require('./chunk-23PAYKWB.js');
+var _chunkKM27ZDHZjs = require('./chunk-KM27ZDHZ.js');
 
 
 var _chunkXN2HPVVHjs = require('./chunk-XN2HPVVH.js');
@@ -259,7 +259,7 @@ var TrueFalseStatementList = ({
             {
               className: _chunkTN3AYOMVjs.cn.call(void 0, 
                 "flex flex-row justify-between items-center gap-2 p-2 rounded-md border",
-                canShowCorrectness && hasAnswered ? _chunkB67RLIUMjs.getStatusStyles.call(void 0, variantCorrect) : ""
+                canShowCorrectness && hasAnswered ? _chunk72D7G6YQjs.getStatusStyles.call(void 0, variantCorrect) : ""
               ),
               children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkANT66KVKjs.Text_default, { as: "span", size: "sm", weight: "normal", color: "text-text-900", children: [
@@ -802,7 +802,7 @@ function SimulationQuestionItem({
   const renderAnswerArea = () => {
     if (isImage) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkB67RLIUMjs.ImageAnswerView,
+        _chunk72D7G6YQjs.ImageAnswerView,
         {
           imageUrl: _nullishCoalesce(question.additionalContent, () => ( "")),
           correctPoint: question.correctPoint,
@@ -810,7 +810,7 @@ function SimulationQuestionItem({
             x: question.imageAnswer.coordinateX,
             y: question.imageAnswer.coordinateY
           } : null,
-          toleranceRadius: _nullishCoalesce(question.imageTolerance, () => ( _chunkB67RLIUMjs.DEFAULT_IMAGE_TOLERANCE))
+          toleranceRadius: _nullishCoalesce(question.imageTolerance, () => ( _chunk72D7G6YQjs.DEFAULT_IMAGE_TOLERANCE))
         }
       );
     }
@@ -1239,7 +1239,7 @@ function SimulationsDetailModal({
       active = false;
     };
   }, [isOpen, student, fetchStudentSimulations]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk23PAYKWBjs.Modal_default, { isOpen, onClose, title: "Simulados", size: "xl", children: student && // Região nomeada. Sem `tabIndex`: os navegadores atuais já tornam
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKM27ZDHZjs.Modal_default, { isOpen, onClose, title: "Simulados", size: "xl", children: student && // Região nomeada. Sem `tabIndex`: os navegadores atuais já tornam
   // focável pelo teclado um contêiner rolável sem controle focável.
   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "section",
@@ -1617,7 +1617,7 @@ function SimulatedStudentSimulationsModal({
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk23PAYKWBjs.Modal_default, { isOpen, onClose, title, size: "xl", children: content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKM27ZDHZjs.Modal_default, { isOpen, onClose, title, size: "xl", children: content });
 }
 
 
@@ -1638,4 +1638,4 @@ function SimulatedStudentSimulationsModal({
 
 
 exports.getStatusBadge = getStatusBadge; exports.FillQuestionContent = FillQuestionContent; exports.TrueFalseStatementList = TrueFalseStatementList; exports.QUESTION_STATUS = QUESTION_STATUS; exports.getQuestionStatusBadgeConfig = getQuestionStatusBadgeConfig; exports.getQuestionStatusFromData = getQuestionStatusFromData; exports.findBestAndWorstSubtopics = findBestAndWorstSubtopics; exports.getCorrectionPerformanceTag = getCorrectionPerformanceTag; exports.convertApiResponseToCorrectionData = convertApiResponseToCorrectionData; exports.SimulationQuestionItem = SimulationQuestionItem; exports.SimulationNoteRow = SimulationNoteRow; exports.SimulationsDetailModal = SimulationsDetailModal; exports.SIMULATED_SIMULATIONS_TAG_CONFIG = SIMULATED_SIMULATIONS_TAG_CONFIG; exports.PerformanceBadge = PerformanceBadge; exports.DEFAULT_SIMULATED_STUDENT_SIMULATIONS_LABELS = DEFAULT_SIMULATED_STUDENT_SIMULATIONS_LABELS; exports.SimulatedStudentSimulationsModal = SimulatedStudentSimulationsModal;
-//# sourceMappingURL=chunk-NCGO7FPB.js.map
+//# sourceMappingURL=chunk-AZKNYREH.js.map