analytica-frontend-lib/dist/chunk-JYLO3IQT.mjs.map

Repositório público dos componentes utilizados nas plataformas da Analytica Ensino

{"version":3,"sources":["../src/components/Table/TablePagination.tsx"],"sourcesContent":["import { HTMLAttributes, ChangeEvent } from 'react';\nimport { CaretLeftIcon } from '@phosphor-icons/react/dist/csr/CaretLeft';\nimport { CaretRightIcon } from '@phosphor-icons/react/dist/csr/CaretRight';\nimport { CaretDownIcon } from '@phosphor-icons/react/dist/csr/CaretDown';\nimport { cn } from '../../utils/utils';\n\nexport interface TablePaginationProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Total number of items\n   */\n  totalItems: number;\n  /**\n   * Current page (1-based)\n   */\n  currentPage: number;\n  /**\n   * Total number of pages\n   */\n  totalPages: number;\n  /**\n   * Items per page\n   */\n  itemsPerPage: number;\n  /**\n   * Available options for items per page\n   * @default [10, 20, 50, 100]\n   */\n  itemsPerPageOptions?: number[];\n  /**\n   * Callback when page changes\n   */\n  onPageChange: (page: number) => void;\n  /**\n   * Callback when items per page changes\n   */\n  onItemsPerPageChange?: (itemsPerPage: number) => void;\n  /**\n   * Customizable label for items (e.g., \"escolas\", \"alunos\", \"atividades\")\n   * @default \"itens\"\n   */\n  itemLabel?: string;\n}\n\n/**\n * Table pagination component with navigation controls and items per page selector\n *\n * @example\n * ```tsx\n * import { TablePagination } from 'analytica-frontend-lib';\n *\n * <TablePagination\n *   totalItems={1000}\n *   currentPage={1}\n *   totalPages={10}\n *   itemsPerPage={10}\n *   itemsPerPageOptions={[10, 20, 50, 100]}\n *   onPageChange={(page) => setCurrentPage(page)}\n *   onItemsPerPageChange={(items) => setItemsPerPage(items)}\n *   itemLabel=\"escolas\"\n * />\n * ```\n */\nconst TablePagination = ({\n  totalItems,\n  currentPage,\n  totalPages,\n  itemsPerPage,\n  itemsPerPageOptions = [10, 20, 50, 100],\n  onPageChange,\n  onItemsPerPageChange,\n  itemLabel = 'itens',\n  className,\n  ...props\n}: TablePaginationProps) => {\n  const startItem = totalItems === 0 ? 0 : (currentPage - 1) * itemsPerPage + 1;\n  const endItem =\n    totalItems === 0 ? 0 : Math.min(currentPage * itemsPerPage, totalItems);\n\n  const handlePrevious = () => {\n    if (currentPage > 1) {\n      onPageChange(currentPage - 1);\n    }\n  };\n\n  const handleNext = () => {\n    if (currentPage < totalPages) {\n      onPageChange(currentPage + 1);\n    }\n  };\n\n  const handleItemsPerPageChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    if (onItemsPerPageChange) {\n      onItemsPerPageChange(Number(e.target.value));\n    }\n  };\n\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col sm:flex-row items-center gap-3 sm:gap-4 w-full bg-background-50 rounded-xl p-4',\n        'sm:justify-between',\n        className\n      )}\n      {...props}\n    >\n      {/* Items count - isolado à esquerda no desktop */}\n      <span className=\"font-normal text-xs leading-[14px] text-text-800\">\n        {startItem} - {endItem} de {totalItems} {itemLabel}\n      </span>\n\n      {/* Grupo direita: selector + page info + botões */}\n      <div className=\"flex flex-wrap sm:flex-nowrap items-center gap-2 sm:gap-4 justify-center sm:justify-start\">\n        {/* Items per page selector */}\n        {onItemsPerPageChange && (\n          <div className=\"relative\">\n            <select\n              value={itemsPerPage}\n              onChange={handleItemsPerPageChange}\n              className=\"w-24 h-9 py-0 px-3 pr-8 bg-background border border-border-300 rounded appearance-none cursor-pointer font-normal text-sm leading-[21px] text-text-900\"\n              aria-label=\"Items por página\"\n            >\n              {itemsPerPageOptions.map((option) => (\n                <option key={option} value={option}>\n                  {option} itens\n                </option>\n              ))}\n            </select>\n            <CaretDownIcon\n              size={14}\n              weight=\"regular\"\n              className=\"absolute right-3 top-1/2 -translate-y-1/2 text-background-600 pointer-events-none\"\n            />\n          </div>\n        )}\n\n        {/* Page info */}\n        <span className=\"font-normal text-xs leading-[14px] text-text-950\">\n          Página {currentPage} de {totalPages}\n        </span>\n\n        {/* Previous button */}\n        <button\n          onClick={handlePrevious}\n          disabled={isFirstPage}\n          className={cn(\n            'flex flex-row justify-center items-center py-2 px-4 gap-2 rounded-3xl transition-all',\n            isFirstPage\n              ? 'opacity-50 cursor-not-allowed'\n              : 'hover:bg-primary-950/10 cursor-pointer'\n          )}\n          aria-label=\"Página anterior\"\n        >\n          <CaretLeftIcon size={12} weight=\"bold\" className=\"text-primary-950\" />\n          <span className=\"font-medium text-xs leading-[14px] text-primary-950\">\n            Anterior\n          </span>\n        </button>\n\n        {/* Next button */}\n        <button\n          onClick={handleNext}\n          disabled={isLastPage}\n          className={cn(\n            'flex flex-row justify-center items-center py-2 px-4 gap-2 rounded-3xl transition-all',\n            isLastPage\n              ? 'opacity-50 cursor-not-allowed'\n              : 'hover:bg-primary-950/10 cursor-pointer'\n          )}\n          aria-label=\"Próxima página\"\n        >\n          <span className=\"font-medium text-xs leading-[14px] text-primary-950\">\n            Próxima\n          </span>\n          <CaretRightIcon\n            size={12}\n            weight=\"bold\"\n            className=\"text-primary-950\"\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n\nTablePagination.displayName = 'TablePagination';\n\nexport default TablePagination;\n"],"mappings":";;;;;AACA,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AA0GxB,SASM,KATN;AA/CN,IAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB,CAAC,IAAI,IAAI,IAAI,GAAG;AAAA,EACtC;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,MAA4B;AAC1B,QAAM,YAAY,eAAe,IAAI,KAAK,cAAc,KAAK,eAAe;AAC5E,QAAM,UACJ,eAAe,IAAI,IAAI,KAAK,IAAI,cAAc,cAAc,UAAU;AAExE,QAAM,iBAAiB,MAAM;AAC3B,QAAI,cAAc,GAAG;AACnB,mBAAa,cAAc,CAAC;AAAA,IAC9B;AAAA,EACF;AAEA,QAAM,aAAa,MAAM;AACvB,QAAI,cAAc,YAAY;AAC5B,mBAAa,cAAc,CAAC;AAAA,IAC9B;AAAA,EACF;AAEA,QAAM,2BAA2B,CAAC,MAAsC;AACtE,QAAI,sBAAsB;AACxB,2BAAqB,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,IAC7C;AAAA,EACF;AAEA,QAAM,cAAc,gBAAgB;AACpC,QAAM,aAAa,gBAAgB;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAGJ;AAAA,6BAAC,UAAK,WAAU,oDACb;AAAA;AAAA,UAAU;AAAA,UAAI;AAAA,UAAQ;AAAA,UAAK;AAAA,UAAW;AAAA,UAAE;AAAA,WAC3C;AAAA,QAGA,qBAAC,SAAI,WAAU,6FAEZ;AAAA,kCACC,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,UAAU;AAAA,gBACV,WAAU;AAAA,gBACV,cAAW;AAAA,gBAEV,8BAAoB,IAAI,CAAC,WACxB,qBAAC,YAAoB,OAAO,QACzB;AAAA;AAAA,kBAAO;AAAA,qBADG,MAEb,CACD;AAAA;AAAA,YACH;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,QAAO;AAAA,gBACP,WAAU;AAAA;AAAA,YACZ;AAAA,aACF;AAAA,UAIF,qBAAC,UAAK,WAAU,oDAAmD;AAAA;AAAA,YACzD;AAAA,YAAY;AAAA,YAAK;AAAA,aAC3B;AAAA,UAGA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,WAAW;AAAA,gBACT;AAAA,gBACA,cACI,kCACA;AAAA,cACN;AAAA,cACA,cAAW;AAAA,cAEX;AAAA,oCAAC,iBAAc,MAAM,IAAI,QAAO,QAAO,WAAU,oBAAmB;AAAA,gBACpE,oBAAC,UAAK,WAAU,uDAAsD,sBAEtE;AAAA;AAAA;AAAA,UACF;AAAA,UAGA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,WAAW;AAAA,gBACT;AAAA,gBACA,aACI,kCACA;AAAA,cACN;AAAA,cACA,cAAW;AAAA,cAEX;AAAA,oCAAC,UAAK,WAAU,uDAAsD,wBAEtE;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM;AAAA,oBACN,QAAO;AAAA,oBACP,WAAU;AAAA;AAAA,gBACZ;AAAA;AAAA;AAAA,UACF;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,gBAAgB,cAAc;AAE9B,IAAO,0BAAQ;","names":[]}