@anoki/fse-ui 2.3.0-7-SNAPSHOT2 → 2.3.0-7-SNAPSHOT4

package/dist/index.es131.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es131.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\n  ActionData,\n  ActionIconText,\n  Col,\n  ColumnConfig,\n  DoubleLineData,\n  Row,\n  TableRowData,\n} from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./TableMobile.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ReactNode } from \"react\";\nimport * as React from \"react\";\nimport { CommonIconsType } from \"@/types/icons.ts\";\nimport { useState } from \"react\";\n\nexport type TableMobileProps = {\n  data: TableRowData[];\n  columns: ColumnConfig[];\n  pagination?: boolean;\n  resultsPerPage?: number;\n  totalResults?: number;\n  initialCurrentPage?: number;\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n};\n\nexport const TableMobile = ({\n  data,\n  columns,\n  pagination = true,\n  resultsPerPage = 5,\n  totalResults,\n  initialCurrentPage = 1,\n  serverSidePagination = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  setCurrentPage: externalSetCurrentPage,\n  sortConfig = null,\n  onSortChange,\n}: TableMobileProps) => {\n  const [currentPage, setInternalCurrentPage] = useState(initialCurrentPage);\n  const handleSetCurrentPage = (page: number) => {\n    setInternalCurrentPage(page);\n    externalSetCurrentPage?.(page);\n  };\n\n  const sortedData = React.useMemo(() => {\n    if (!sortConfig) return data;\n\n    return [...data].sort((a, b) => {\n      const aValue = a[sortConfig.key];\n      const bValue = b[sortConfig.key];\n\n      const aText =\n        typeof aValue === \"object\" && \"firstLine\" in aValue\n          ? aValue.firstLine\n          : aValue;\n      const bText =\n        typeof bValue === \"object\" && \"firstLine\" in bValue\n          ? bValue.firstLine\n          : bValue;\n\n      if (aText < bText) {\n        return sortConfig.direction === \"asc\" ? -1 : 1;\n      }\n      if (aText > bText) {\n        return sortConfig.direction === \"asc\" ? 1 : -1;\n      }\n      return 0;\n    });\n  }, [data, sortConfig]);\n\n  const startIndex = serverSidePagination\n    ? 0\n    : (currentPage - 1) * resultsPerPage;\n  const endIndex = serverSidePagination\n    ? sortedData.length\n    : Math.min(startIndex + resultsPerPage, sortedData.length);\n  const currentPageData = sortedData.slice(startIndex, endIndex);\n\n  return (\n    <Col className={\"w-full h-full\"} gap={\"x16\"}>\n      {currentPageData.map((data, index) => (\n        <CardTable\n          columns={columns}\n          key={index}\n          data={data}\n          sortConfig={sortConfig}\n          onSortChange={onSortChange}\n        />\n      ))}\n\n      {pagination && (\n        <TableMobilePagination\n          currentPage={currentPage}\n          totalResults={totalResults || sortedData.length}\n          resultsPerPage={resultsPerPage}\n          setCurrentPage={handleSetCurrentPage}\n          onPageChange={onPageChange}\n          serverSide={serverSidePagination}\n          totalItems={totalItems}\n          hasNextPage={hasNextPage}\n          hasPreviousPage={hasPreviousPage}\n          onNextPage={onNextPage}\n          onPreviousPage={onPreviousPage}\n          currentResultsPerPage={\n            serverSidePagination ? sortedData.length : resultsPerPage\n          }\n          className=\"mt-x16\"\n        />\n      )}\n    </Col>\n  );\n};\n\nexport type CardTableProps = {\n  columns: ColumnConfig[];\n  data: TableRowData;\n  sortConfig: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n};\n\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\n  if (data.type === \"link\" && data.link) {\n    return (\n      <a href={data.link} aria-label={data.ariaLabel}>\n        {data.label}\n      </a>\n    );\n  }\n  return (\n    <button onClick={data.action} aria-label={data.ariaLabel}>\n      {data.label}\n    </button>\n  );\n};\n\nexport const CardTable = ({\n  columns,\n  sortConfig,\n  data,\n  onSortChange,\n}: CardTableProps) => {\n  const renderColumnValue = (value: any): ReactNode => {\n    if (!value) return \"\";\n\n    if (typeof value === \"object\" && \"firstLine\" in value) {\n      const doubleLineValue = value as DoubleLineData;\n      return `${doubleLineValue.firstLine}${doubleLineValue.secondLine ? ` ${doubleLineValue.secondLine}` : \"\"}`;\n    }\n\n    if (typeof value === \"object\" && \"label\" in value && \"type\" in value) {\n      return <ActionContent data={value} />;\n    }\n\n    return value;\n  };\n\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\n    switch (icon) {\n      case \"info\":\n        return <Info />;\n      case \"download\":\n        return <Download />;\n      default:\n        return icon;\n    }\n  };\n\n  const handleSortClick = (key: string) => {\n    if (!onSortChange || !sortConfig) return;\n\n    const newDirection =\n      sortConfig.key === key\n        ? sortConfig.direction === \"asc\"\n          ? \"desc\"\n          : \"asc\"\n        : \"asc\";\n\n    onSortChange(key, newDirection);\n  };\n\n  return (\n    <div\n      className={clsx(\"ui-card-table shadow br-x4 text-slate-28 fs-custom \")}\n    >\n      {columns.map((column, index) => {\n        if (!column.key || column.key === \"actionData\") {\n          return (\n            <Row\n              key={index}\n              p={\"x16\"}\n              className={\"ui-table-header\"}\n              justifyContent={\"space-between\"}\n            >\n              <Col justifyContent={\"end\"} gap={\"x4\"} className={\"w-full\"}>\n                <Row justifyContent={\"end\"} className=\"table-mobile-actions\">\n                  {renderColumnValue(data.actionData)}\n                </Row>\n              </Col>\n            </Row>\n          );\n        }\n\n        const columnValue = data[column.key];\n        const config = column;\n        const isSorted = sortConfig?.key === column.key;\n        const sortDirection = isSorted ? sortConfig.direction : null;\n\n        return (\n          <Row\n            key={index}\n            p={\"x16\"}\n            className={\"ui-table-header\"}\n            justifyContent={\"space-between\"}\n          >\n            <Col justifyContent={\"center\"} gap={\"x4\"} className={\"w-full\"}>\n              <ActionIconText\n                justifyContent={\"space-between\"}\n                alignItems={\"center\"}\n                icon={renderIcon(config.icon)}\n                noIcon={!renderIcon(config.icon)}\n                textLabel={config.label}\n                iconPosition={config.iconPosition}\n                popupInfo={config.popupInfo}\n                positionPopUp={\"left\"}\n                classNameText={\"fw-bold text-slate-28 fs-custom md-fs-6\"}\n              >\n                {config.sortable && (\n                  <span\n                    className=\"sort-indicator\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      handleSortClick(column.key!);\n                    }}\n                  >\n                    <TriangleUp\n                      filled={isSorted && sortDirection === \"desc\"}\n                      className={clsx(\"sort-indicator__triangle\", {\n                        active: isSorted && sortDirection === \"desc\",\n                      })}\n                    />\n                    <TriangleDown\n                      filled={isSorted && sortDirection === \"asc\"}\n                      className={clsx(\"sort-indicator__triangle\", {\n                        active: isSorted && sortDirection === \"asc\",\n                      })}\n                    />\n                  </span>\n                )}\n              </ActionIconText>\n              <Row>{renderColumnValue(columnValue)}</Row>\n            </Col>\n          </Row>\n        );\n      })}\n    </div>\n  );\n};\n\nexport type TableMobilePaginationProps = {\n  currentPage?: number;\n  totalResults?: number;\n  resultsPerPage: number;\n  setCurrentPage?: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  serverSide?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  currentResultsPerPage?: number;\n};\n\nexport const TableMobilePagination: React.FC<TableMobilePaginationProps> = ({\n  currentPage = 1,\n  totalResults = 0,\n  resultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  className,\n  serverSide = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  currentResultsPerPage = resultsPerPage,\n}) => {\n  const totalPages = serverSide\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\n    : Math.ceil(totalResults / resultsPerPage);\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage?.(page);\n    if (onPageChange) {\n      onPageChange(page);\n    }\n  };\n\n  const handleNextPage = () => {\n    const nextPage = currentPage + 1;\n    if (serverSide && onNextPage) {\n      onNextPage();\n    }\n    handlePageChange(nextPage);\n  };\n\n  const handlePreviousPage = () => {\n    const prevPage = currentPage - 1;\n    if (serverSide && onPreviousPage) {\n      onPreviousPage();\n    }\n    handlePageChange(prevPage);\n  };\n\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxVisiblePages = 5;\n\n    if (totalPages <= maxVisiblePages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i);\n      }\n    } else {\n      pages.push(1);\n\n      let start = Math.max(2, currentPage - 1);\n      let end = Math.min(totalPages - 1, currentPage + 1);\n\n      if (currentPage <= 3) {\n        end = 4;\n      } else if (currentPage >= totalPages - 2) {\n        start = totalPages - 3;\n      }\n\n      if (start > 2) {\n        pages.push(\"...\");\n      }\n\n      for (let i = start; i <= end; i++) {\n        pages.push(i);\n      }\n\n      if (end < totalPages - 1) {\n        pages.push(\"...\");\n      }\n\n      pages.push(totalPages);\n    }\n\n    return pages;\n  };\n\n  return (\n    <div className={clsx(\"pagination-mobile\", className)}>\n      <div className=\"pagination-mobile__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination-mobile__info__resultsPerPage\">\n          {serverSide\n            ? currentResultsPerPage\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\n              ? totalResults % resultsPerPage\n              : resultsPerPage}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n      <div className=\"pagination-mobile__nav\">\n        <button\n          className={clsx(\n            \"pagination-mobile__button\",\n            isPrevDisabled && \"pagination-mobile__button--disabled\",\n          )}\n          onClick={handlePreviousPage}\n          disabled={isPrevDisabled}\n          aria-label=\"Previous page\"\n        >\n          <svg\n            className=\"pagination-mobile__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n\n        {getPageNumbers().map((page, index) =>\n          page === \"...\" ? (\n            <span\n              key={`ellipsis-${index}`}\n              className=\"pagination-mobile__ellipsis\"\n            >\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              className={clsx(\n                \"pagination-mobile__button\",\n                currentPage === page && \"pagination-mobile__button--active\",\n              )}\n              onClick={() => handlePageChange(page as number)}\n              disabled={page === currentPage}\n            >\n              {page}\n            </button>\n          ),\n        )}\n\n        <button\n          className={clsx(\n            \"pagination-mobile__button\",\n            isNextDisabled && \"pagination-mobile__button--disabled\",\n          )}\n          onClick={handleNextPage}\n          disabled={isNextDisabled}\n          aria-label=\"Next page\"\n        >\n          <svg\n            className=\"pagination-mobile__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","externalSetCurrentPage","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","sortedData","React","a","b","aValue","bValue","aText","bText","startIndex","endIndex","currentPageData","jsxs","Col","index","jsx","CardTable","TableMobilePagination","ActionContent","renderColumnValue","value","doubleLineValue","renderIcon","icon","Info","Download","handleSortClick","key","newDirection","clsx","column","Row","columnValue","config","isSorted","sortDirection","ActionIconText","e","TriangleUp","TriangleDown","setCurrentPage","className","serverSide","currentResultsPerPage","totalPages","handlePageChange","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}
+{"version":3,"file":"index.es131.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\r\n  ActionData,\r\n  ActionIconText,\r\n  Col,\r\n  ColumnConfig,\r\n  DoubleLineData,\r\n  Row,\r\n  TableRowData,\r\n} from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./TableMobile.scss\";\r\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\r\nimport { ReactNode } from \"react\";\r\nimport * as React from \"react\";\r\nimport { CommonIconsType } from \"@/types/icons.ts\";\r\nimport { useState } from \"react\";\r\n\r\nexport type TableMobileProps = {\r\n  data: TableRowData[];\r\n  columns: ColumnConfig[];\r\n  pagination?: boolean;\r\n  resultsPerPage?: number;\r\n  totalResults?: number;\r\n  initialCurrentPage?: number;\r\n  serverSidePagination?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  onPageChange?: (page: number) => void;\r\n  setCurrentPage?: (page: number) => void;\r\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n};\r\n\r\nexport const TableMobile = ({\r\n  data,\r\n  columns,\r\n  pagination = true,\r\n  resultsPerPage = 5,\r\n  totalResults,\r\n  initialCurrentPage = 1,\r\n  serverSidePagination = false,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  onPageChange,\r\n  setCurrentPage: externalSetCurrentPage,\r\n  sortConfig = null,\r\n  onSortChange,\r\n}: TableMobileProps) => {\r\n  const [currentPage, setInternalCurrentPage] = useState(initialCurrentPage);\r\n  const handleSetCurrentPage = (page: number) => {\r\n    setInternalCurrentPage(page);\r\n    externalSetCurrentPage?.(page);\r\n  };\r\n\r\n  const sortedData = React.useMemo(() => {\r\n    if (!sortConfig) return data;\r\n\r\n    return [...data].sort((a, b) => {\r\n      const aValue = a[sortConfig.key];\r\n      const bValue = b[sortConfig.key];\r\n\r\n      const aText =\r\n        typeof aValue === \"object\" && \"firstLine\" in aValue\r\n          ? aValue.firstLine\r\n          : aValue;\r\n      const bText =\r\n        typeof bValue === \"object\" && \"firstLine\" in bValue\r\n          ? bValue.firstLine\r\n          : bValue;\r\n\r\n      if (aText < bText) {\r\n        return sortConfig.direction === \"asc\" ? -1 : 1;\r\n      }\r\n      if (aText > bText) {\r\n        return sortConfig.direction === \"asc\" ? 1 : -1;\r\n      }\r\n      return 0;\r\n    });\r\n  }, [data, sortConfig]);\r\n\r\n  const startIndex = serverSidePagination\r\n    ? 0\r\n    : (currentPage - 1) * resultsPerPage;\r\n  const endIndex = serverSidePagination\r\n    ? sortedData.length\r\n    : Math.min(startIndex + resultsPerPage, sortedData.length);\r\n  const currentPageData = sortedData.slice(startIndex, endIndex);\r\n\r\n  return (\r\n    <Col className={\"w-full h-full\"} gap={\"x16\"}>\r\n      {currentPageData.map((data, index) => (\r\n        <CardTable\r\n          columns={columns}\r\n          key={index}\r\n          data={data}\r\n          sortConfig={sortConfig}\r\n          onSortChange={onSortChange}\r\n        />\r\n      ))}\r\n\r\n      {pagination && (\r\n        <TableMobilePagination\r\n          currentPage={currentPage}\r\n          totalResults={totalResults || sortedData.length}\r\n          resultsPerPage={resultsPerPage}\r\n          setCurrentPage={handleSetCurrentPage}\r\n          onPageChange={onPageChange}\r\n          serverSide={serverSidePagination}\r\n          totalItems={totalItems}\r\n          hasNextPage={hasNextPage}\r\n          hasPreviousPage={hasPreviousPage}\r\n          onNextPage={onNextPage}\r\n          onPreviousPage={onPreviousPage}\r\n          currentResultsPerPage={\r\n            serverSidePagination ? sortedData.length : resultsPerPage\r\n          }\r\n          className=\"mt-x16\"\r\n        />\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport type CardTableProps = {\r\n  columns: ColumnConfig[];\r\n  data: TableRowData;\r\n  sortConfig: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n};\r\n\r\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\r\n  if (data.type === \"link\" && data.link) {\r\n    return (\r\n      <a href={data.link} aria-label={data.ariaLabel}>\r\n        {data.label}\r\n      </a>\r\n    );\r\n  }\r\n  return (\r\n    <button onClick={data.action} aria-label={data.ariaLabel}>\r\n      {data.label}\r\n    </button>\r\n  );\r\n};\r\n\r\nexport const CardTable = ({\r\n  columns,\r\n  sortConfig,\r\n  data,\r\n  onSortChange,\r\n}: CardTableProps) => {\r\n  const renderColumnValue = (value: any): ReactNode => {\r\n    if (!value) return \"\";\r\n\r\n    if (typeof value === \"object\" && \"firstLine\" in value) {\r\n      const doubleLineValue = value as DoubleLineData;\r\n      return `${doubleLineValue.firstLine}${doubleLineValue.secondLine ? ` ${doubleLineValue.secondLine}` : \"\"}`;\r\n    }\r\n\r\n    if (typeof value === \"object\" && \"label\" in value && \"type\" in value) {\r\n      return <ActionContent data={value} />;\r\n    }\r\n\r\n    return value;\r\n  };\r\n\r\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\r\n    switch (icon) {\r\n      case \"info\":\r\n        return <Info />;\r\n      case \"download\":\r\n        return <Download />;\r\n      default:\r\n        return icon;\r\n    }\r\n  };\r\n\r\n  const handleSortClick = (key: string) => {\r\n    if (!onSortChange || !sortConfig) return;\r\n\r\n    const newDirection =\r\n      sortConfig.key === key\r\n        ? sortConfig.direction === \"asc\"\r\n          ? \"desc\"\r\n          : \"asc\"\r\n        : \"asc\";\r\n\r\n    onSortChange(key, newDirection);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"ui-card-table shadow br-x4 text-slate-28 fs-custom \")}\r\n    >\r\n      {columns.map((column, index) => {\r\n        if (!column.key || column.key === \"actionData\") {\r\n          return (\r\n            <Row\r\n              key={index}\r\n              p={\"x16\"}\r\n              className={\"ui-table-header\"}\r\n              justifyContent={\"space-between\"}\r\n            >\r\n              <Col justifyContent={\"end\"} gap={\"x4\"} className={\"w-full\"}>\r\n                <Row justifyContent={\"end\"} className=\"table-mobile-actions\">\r\n                  {renderColumnValue(data.actionData)}\r\n                </Row>\r\n              </Col>\r\n            </Row>\r\n          );\r\n        }\r\n\r\n        const columnValue = data[column.key];\r\n        const config = column;\r\n        const isSorted = sortConfig?.key === column.key;\r\n        const sortDirection = isSorted ? sortConfig.direction : null;\r\n\r\n        return (\r\n          <Row\r\n            key={index}\r\n            p={\"x16\"}\r\n            className={\"ui-table-header\"}\r\n            justifyContent={\"space-between\"}\r\n          >\r\n            <Col justifyContent={\"center\"} gap={\"x4\"} className={\"w-full\"}>\r\n              <ActionIconText\r\n                justifyContent={\"space-between\"}\r\n                alignItems={\"center\"}\r\n                icon={renderIcon(config.icon)}\r\n                noIcon={!renderIcon(config.icon)}\r\n                textLabel={config.label}\r\n                iconPosition={config.iconPosition}\r\n                popupInfo={config.popupInfo}\r\n                positionPopUp={\"left\"}\r\n                classNameText={\"fw-bold text-slate-28 fs-custom md-fs-6\"}\r\n              >\r\n                {config.sortable && (\r\n                  <span\r\n                    className=\"sort-indicator\"\r\n                    onClick={(e) => {\r\n                      e.stopPropagation();\r\n                      handleSortClick(column.key!);\r\n                    }}\r\n                  >\r\n                    <TriangleUp\r\n                      filled={isSorted && sortDirection === \"desc\"}\r\n                      className={clsx(\"sort-indicator__triangle\", {\r\n                        active: isSorted && sortDirection === \"desc\",\r\n                      })}\r\n                    />\r\n                    <TriangleDown\r\n                      filled={isSorted && sortDirection === \"asc\"}\r\n                      className={clsx(\"sort-indicator__triangle\", {\r\n                        active: isSorted && sortDirection === \"asc\",\r\n                      })}\r\n                    />\r\n                  </span>\r\n                )}\r\n              </ActionIconText>\r\n              <Row>{renderColumnValue(columnValue)}</Row>\r\n            </Col>\r\n          </Row>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport type TableMobilePaginationProps = {\r\n  currentPage?: number;\r\n  totalResults?: number;\r\n  resultsPerPage: number;\r\n  setCurrentPage?: (page: number) => void;\r\n  onPageChange?: (page: number) => void;\r\n  className?: string;\r\n  serverSide?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  currentResultsPerPage?: number;\r\n};\r\n\r\nexport const TableMobilePagination: React.FC<TableMobilePaginationProps> = ({\r\n  currentPage = 1,\r\n  totalResults = 0,\r\n  resultsPerPage,\r\n  setCurrentPage,\r\n  onPageChange,\r\n  className,\r\n  serverSide = false,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  currentResultsPerPage = resultsPerPage,\r\n}) => {\r\n  const totalPages = serverSide\r\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\r\n    : Math.ceil(totalResults / resultsPerPage);\r\n\r\n  const handlePageChange = (page: number) => {\r\n    setCurrentPage?.(page);\r\n    if (onPageChange) {\r\n      onPageChange(page);\r\n    }\r\n  };\r\n\r\n  const handleNextPage = () => {\r\n    const nextPage = currentPage + 1;\r\n    if (serverSide && onNextPage) {\r\n      onNextPage();\r\n    }\r\n    handlePageChange(nextPage);\r\n  };\r\n\r\n  const handlePreviousPage = () => {\r\n    const prevPage = currentPage - 1;\r\n    if (serverSide && onPreviousPage) {\r\n      onPreviousPage();\r\n    }\r\n    handlePageChange(prevPage);\r\n  };\r\n\r\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\r\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\r\n\r\n  const getPageNumbers = () => {\r\n    const pages = [];\r\n    const maxVisiblePages = 5;\r\n\r\n    if (totalPages <= maxVisiblePages) {\r\n      for (let i = 1; i <= totalPages; i++) {\r\n        pages.push(i);\r\n      }\r\n    } else {\r\n      pages.push(1);\r\n\r\n      let start = Math.max(2, currentPage - 1);\r\n      let end = Math.min(totalPages - 1, currentPage + 1);\r\n\r\n      if (currentPage <= 3) {\r\n        end = 4;\r\n      } else if (currentPage >= totalPages - 2) {\r\n        start = totalPages - 3;\r\n      }\r\n\r\n      if (start > 2) {\r\n        pages.push(\"...\");\r\n      }\r\n\r\n      for (let i = start; i <= end; i++) {\r\n        pages.push(i);\r\n      }\r\n\r\n      if (end < totalPages - 1) {\r\n        pages.push(\"...\");\r\n      }\r\n\r\n      pages.push(totalPages);\r\n    }\r\n\r\n    return pages;\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"pagination-mobile\", className)}>\r\n      <div className=\"pagination-mobile__info\">\r\n        Stai visualizzando{\" \"}\r\n        <span className=\"pagination-mobile__info__resultsPerPage\">\r\n          {serverSide\r\n            ? currentResultsPerPage\r\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\r\n              ? totalResults % resultsPerPage\r\n              : resultsPerPage}\r\n        </span>{\" \"}\r\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\r\n      </div>\r\n      <div className=\"pagination-mobile__nav\">\r\n        <button\r\n          className={clsx(\r\n            \"pagination-mobile__button\",\r\n            isPrevDisabled && \"pagination-mobile__button--disabled\",\r\n          )}\r\n          onClick={handlePreviousPage}\r\n          disabled={isPrevDisabled}\r\n          aria-label=\"Previous page\"\r\n        >\r\n          <svg\r\n            className=\"pagination-mobile__button-arrow\"\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n            role=\"presentation\"\r\n          >\r\n            <path d=\"M15 18l-6-6 6-6\" />\r\n          </svg>\r\n        </button>\r\n\r\n        {getPageNumbers().map((page, index) =>\r\n          page === \"...\" ? (\r\n            <span\r\n              key={`ellipsis-${index}`}\r\n              className=\"pagination-mobile__ellipsis\"\r\n            >\r\n              ...\r\n            </span>\r\n          ) : (\r\n            <button\r\n              key={page}\r\n              className={clsx(\r\n                \"pagination-mobile__button\",\r\n                currentPage === page && \"pagination-mobile__button--active\",\r\n              )}\r\n              onClick={() => handlePageChange(page as number)}\r\n              disabled={page === currentPage}\r\n            >\r\n              {page}\r\n            </button>\r\n          ),\r\n        )}\r\n\r\n        <button\r\n          className={clsx(\r\n            \"pagination-mobile__button\",\r\n            isNextDisabled && \"pagination-mobile__button--disabled\",\r\n          )}\r\n          onClick={handleNextPage}\r\n          disabled={isNextDisabled}\r\n          aria-label=\"Next page\"\r\n        >\r\n          <svg\r\n            className=\"pagination-mobile__button-arrow\"\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n            role=\"presentation\"\r\n          >\r\n            <path d=\"M9 6l6 6-6 6\" />\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","externalSetCurrentPage","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","sortedData","React","a","b","aValue","bValue","aText","bText","startIndex","endIndex","currentPageData","jsxs","Col","index","jsx","CardTable","TableMobilePagination","ActionContent","renderColumnValue","value","doubleLineValue","renderIcon","icon","Info","Download","handleSortClick","key","newDirection","clsx","column","Row","columnValue","config","isSorted","sortDirection","ActionIconText","e","TriangleUp","TriangleDown","setCurrentPage","className","serverSide","currentResultsPerPage","totalPages","handlePageChange","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}

package/dist/index.es132.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es243.js";
 import E, { useState as I, useEffect as f, useCallback as S } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as T } from "./index.es287.js";
+import { useMediaQueryV2 as T } from "./index.es286.js";
 import { clsx as u } from "./index.es245.js";
 import { Row as C } from "./index.es117.js";
 import { ArrowDown as H } from "./index.es169.js";

package/dist/index.es132.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es132.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { ScrollArea } from \"@radix-ui/themes\";\nimport \"./TableOfContents.scss\";\nimport { Row } from \"@/components\";\nimport { useMediaQueryV2 } from \"@/hooks/useMediaQuery.ts\";\nimport { ArrowDown } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype Heading = {\n  id: string;\n  text: string;\n};\n\ntype TableOfContentsProps = {\n  title: string;\n  headings: Heading[];\n  titleTag?: HeadingLevel;\n  modeAuthenticated?: boolean;\n  isOpen?: boolean;\n  onToggle?: () => void;\n};\n\nexport const TableOfContents = ({\n  title = \"Indice\",\n  headings,\n  titleTag: TitleTag = \"h1\",\n  modeAuthenticated = false,\n  isOpen,\n  onToggle = () => {},\n}: TableOfContentsProps) => {\n  const [activeId, setActiveId] = React.useState(\"\");\n  const [scrollProgress, setScrollProgress] = useState(0);\n  const isDesktop = useMediaQueryV2(\"(min-width: 768px)\", false);\n  const showScrollArea = isDesktop || isOpen;\n\n  useEffect(() => {\n    const updateScrollProgress = () => {\n      const scrollTop = window.scrollY;\n      const docHeight =\n        document.documentElement.scrollHeight - window.innerHeight;\n      const scrollPercent =\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\n      setScrollProgress(scrollPercent);\n    };\n\n    window.addEventListener(\"scroll\", updateScrollProgress);\n    updateScrollProgress();\n\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\n  }, []);\n\n  const scrollToActiveItem = useCallback(\n    (activeId: string) => {\n      if (window.innerWidth < 768) return;\n\n      const activeLink = document.querySelector(\n        `a[href=\"#${activeId}\"]`,\n      ) as HTMLElement;\n      const scrollContainer = document.querySelector(\n        \".toc-scroll\",\n      ) as HTMLElement;\n\n      if (activeLink && scrollContainer) {\n        const containerRect = scrollContainer.getBoundingClientRect();\n        const linkRect = activeLink.getBoundingClientRect();\n\n        const isVisible =\n          linkRect.top >= containerRect.top &&\n          linkRect.bottom <= containerRect.bottom;\n\n        if (!isVisible) {\n          const linkOffsetTop = activeLink.offsetTop;\n          const containerHeight = scrollContainer.clientHeight;\n          const linkHeight = activeLink.offsetHeight;\n\n          const scrollTop =\n            linkOffsetTop - containerHeight / 2 + linkHeight / 2;\n\n          scrollContainer.scrollTo({\n            top: scrollTop,\n            behavior: \"smooth\",\n          });\n        }\n      }\n    },\n    [isDesktop],\n  );\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id);\n            scrollToActiveItem(entry.target.id);\n          }\n        });\n      },\n      {\n        rootMargin: \"-90px 0px -70% 0px\",\n        threshold: 0,\n      },\n    );\n\n    headings.forEach(({ id }) => {\n      const element = document.getElementById(id);\n      if (element) observer.observe(element);\n    });\n\n    return () => observer.disconnect();\n  }, [headings]);\n\n  return (\n    <div\n      className={clsx(\"toc-container\", {\n        \"toc-container-authenticated\": modeAuthenticated,\n      })}\n    >\n      <button\n        className={\"ui-button-accordion-toc\"}\n        onClick={onToggle}\n        type=\"button\"\n      >\n        <Row className={\"ui-header-table-of-contents\"}>\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\n            {title}\n          </TitleTag>\n          <ArrowDown\n            color={\"primary\"}\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\n          />\n        </Row>\n      </button>\n\n      <div className=\"scroll-progress-bar\">\n        <div\n          className=\"scroll-progress\"\n          style={{ width: `${scrollProgress}%` }}\n        />\n      </div>\n\n      {showScrollArea && (\n        <ScrollArea\n          type=\"always\"\n          scrollbars=\"vertical\"\n          className=\"toc-scroll fw-semibold fs-6\"\n        >\n          <div className=\"toc-list base-col\">\n            {headings.map((item) => (\n              <div key={item.id} className=\"toc-item\">\n                <a\n                  href={`#${item.id}`}\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setActiveId(item.id);\n\n                    setTimeout(() => {\n                      scrollToActiveItem(item.id);\n                    }, 100);\n\n                    document\n                      .getElementById(item.id)\n                      ?.scrollIntoView({ behavior: \"smooth\" });\n                    onToggle();\n                  }}\n                >\n                  {item.text}\n                </a>\n              </div>\n            ))}\n          </div>\n        </ScrollArea>\n      )}\n    </div>\n  );\n};\n"],"names":["TableOfContents","title","headings","TitleTag","modeAuthenticated","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","isDesktop","useMediaQueryV2","showScrollArea","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","scrollToActiveItem","useCallback","activeLink","scrollContainer","containerRect","linkRect","linkOffsetTop","containerHeight","linkHeight","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":"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"}
+{"version":3,"file":"index.es132.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { ScrollArea } from \"@radix-ui/themes\";\r\nimport \"./TableOfContents.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { useMediaQueryV2 } from \"@/hooks/useMediaQuery.ts\";\r\nimport { ArrowDown } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype Heading = {\r\n  id: string;\r\n  text: string;\r\n};\r\n\r\ntype TableOfContentsProps = {\r\n  title: string;\r\n  headings: Heading[];\r\n  titleTag?: HeadingLevel;\r\n  modeAuthenticated?: boolean;\r\n  isOpen?: boolean;\r\n  onToggle?: () => void;\r\n};\r\n\r\nexport const TableOfContents = ({\r\n  title = \"Indice\",\r\n  headings,\r\n  titleTag: TitleTag = \"h1\",\r\n  modeAuthenticated = false,\r\n  isOpen,\r\n  onToggle = () => {},\r\n}: TableOfContentsProps) => {\r\n  const [activeId, setActiveId] = React.useState(\"\");\r\n  const [scrollProgress, setScrollProgress] = useState(0);\r\n  const isDesktop = useMediaQueryV2(\"(min-width: 768px)\", false);\r\n  const showScrollArea = isDesktop || isOpen;\r\n\r\n  useEffect(() => {\r\n    const updateScrollProgress = () => {\r\n      const scrollTop = window.scrollY;\r\n      const docHeight =\r\n        document.documentElement.scrollHeight - window.innerHeight;\r\n      const scrollPercent =\r\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\r\n      setScrollProgress(scrollPercent);\r\n    };\r\n\r\n    window.addEventListener(\"scroll\", updateScrollProgress);\r\n    updateScrollProgress();\r\n\r\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\r\n  }, []);\r\n\r\n  const scrollToActiveItem = useCallback(\r\n    (activeId: string) => {\r\n      if (window.innerWidth < 768) return;\r\n\r\n      const activeLink = document.querySelector(\r\n        `a[href=\"#${activeId}\"]`,\r\n      ) as HTMLElement;\r\n      const scrollContainer = document.querySelector(\r\n        \".toc-scroll\",\r\n      ) as HTMLElement;\r\n\r\n      if (activeLink && scrollContainer) {\r\n        const containerRect = scrollContainer.getBoundingClientRect();\r\n        const linkRect = activeLink.getBoundingClientRect();\r\n\r\n        const isVisible =\r\n          linkRect.top >= containerRect.top &&\r\n          linkRect.bottom <= containerRect.bottom;\r\n\r\n        if (!isVisible) {\r\n          const linkOffsetTop = activeLink.offsetTop;\r\n          const containerHeight = scrollContainer.clientHeight;\r\n          const linkHeight = activeLink.offsetHeight;\r\n\r\n          const scrollTop =\r\n            linkOffsetTop - containerHeight / 2 + linkHeight / 2;\r\n\r\n          scrollContainer.scrollTo({\r\n            top: scrollTop,\r\n            behavior: \"smooth\",\r\n          });\r\n        }\r\n      }\r\n    },\r\n    [isDesktop],\r\n  );\r\n\r\n  useEffect(() => {\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            setActiveId(entry.target.id);\r\n            scrollToActiveItem(entry.target.id);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        rootMargin: \"-90px 0px -70% 0px\",\r\n        threshold: 0,\r\n      },\r\n    );\r\n\r\n    headings.forEach(({ id }) => {\r\n      const element = document.getElementById(id);\r\n      if (element) observer.observe(element);\r\n    });\r\n\r\n    return () => observer.disconnect();\r\n  }, [headings]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"toc-container\", {\r\n        \"toc-container-authenticated\": modeAuthenticated,\r\n      })}\r\n    >\r\n      <button\r\n        className={\"ui-button-accordion-toc\"}\r\n        onClick={onToggle}\r\n        type=\"button\"\r\n      >\r\n        <Row className={\"ui-header-table-of-contents\"}>\r\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\r\n            {title}\r\n          </TitleTag>\r\n          <ArrowDown\r\n            color={\"primary\"}\r\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\r\n          />\r\n        </Row>\r\n      </button>\r\n\r\n      <div className=\"scroll-progress-bar\">\r\n        <div\r\n          className=\"scroll-progress\"\r\n          style={{ width: `${scrollProgress}%` }}\r\n        />\r\n      </div>\r\n\r\n      {showScrollArea && (\r\n        <ScrollArea\r\n          type=\"always\"\r\n          scrollbars=\"vertical\"\r\n          className=\"toc-scroll fw-semibold fs-6\"\r\n        >\r\n          <div className=\"toc-list base-col\">\r\n            {headings.map((item) => (\r\n              <div key={item.id} className=\"toc-item\">\r\n                <a\r\n                  href={`#${item.id}`}\r\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\r\n                  onClick={(e) => {\r\n                    e.preventDefault();\r\n                    setActiveId(item.id);\r\n\r\n                    setTimeout(() => {\r\n                      scrollToActiveItem(item.id);\r\n                    }, 100);\r\n\r\n                    document\r\n                      .getElementById(item.id)\r\n                      ?.scrollIntoView({ behavior: \"smooth\" });\r\n                    onToggle();\r\n                  }}\r\n                >\r\n                  {item.text}\r\n                </a>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </ScrollArea>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableOfContents","title","headings","TitleTag","modeAuthenticated","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","isDesktop","useMediaQueryV2","showScrollArea","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","scrollToActiveItem","useCallback","activeLink","scrollContainer","containerRect","linkRect","linkOffsetTop","containerHeight","linkHeight","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":"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"}

package/dist/index.es133.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es133.js","sources":["../src/components/ui/TableSkeleton/index.tsx"],"sourcesContent":["import \"./TableSkeleton.scss\";\n\nexport const TableSkeleton = () => {\n  return (\n    <div className=\"family-doctor-skeleton\">\n      {/* Section title */}\n      <div className=\"family-doctor-skeleton-title pulse\"></div>\n\n      {/* Card content */}\n      <div className=\"family-doctor-skeleton-card\">\n        {/* Avatar and doctor info */}\n        <div className=\"family-doctor-skeleton-header\">\n          <div className=\"family-doctor-skeleton-avatar pulse\"></div>\n          <div className=\"family-doctor-skeleton-info\">\n            <div className=\"family-doctor-skeleton-name pulse\"></div>\n            <div className=\"family-doctor-skeleton-dash pulse\"></div>\n          </div>\n        </div>\n\n        {/* Two-column layout for contact and schedule */}\n        <div className=\"family-doctor-skeleton-content\">\n          {/* Left column - Contact info */}\n          <div className=\"family-doctor-skeleton-left-column\">\n            {/* Phone */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\n            </div>\n\n            {/* Email */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-dash-value pulse\"></div>\n            </div>\n\n            {/* Address */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\n            </div>\n\n            {/* Change doctor button */}\n            <div className=\"family-doctor-skeleton-button pulse\"></div>\n          </div>\n\n          {/* Right column - Schedule */}\n          <div className=\"family-doctor-skeleton-right-column\">\n            <div className=\"family-doctor-skeleton-schedule-title pulse\"></div>\n            <div className=\"family-doctor-skeleton-schedule\">\n              {/* Row 1: Monday and Thursday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n\n              {/* Row 2: Tuesday and Friday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n\n              {/* Row 3: Wednesday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["TableSkeleton","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index.es133.js","sources":["../src/components/ui/TableSkeleton/index.tsx"],"sourcesContent":["import \"./TableSkeleton.scss\";\r\n\r\nexport const TableSkeleton = () => {\r\n  return (\r\n    <div className=\"family-doctor-skeleton\">\r\n      {/* Section title */}\r\n      <div className=\"family-doctor-skeleton-title pulse\"></div>\r\n\r\n      {/* Card content */}\r\n      <div className=\"family-doctor-skeleton-card\">\r\n        {/* Avatar and doctor info */}\r\n        <div className=\"family-doctor-skeleton-header\">\r\n          <div className=\"family-doctor-skeleton-avatar pulse\"></div>\r\n          <div className=\"family-doctor-skeleton-info\">\r\n            <div className=\"family-doctor-skeleton-name pulse\"></div>\r\n            <div className=\"family-doctor-skeleton-dash pulse\"></div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Two-column layout for contact and schedule */}\r\n        <div className=\"family-doctor-skeleton-content\">\r\n          {/* Left column - Contact info */}\r\n          <div className=\"family-doctor-skeleton-left-column\">\r\n            {/* Phone */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Email */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-dash-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Address */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Change doctor button */}\r\n            <div className=\"family-doctor-skeleton-button pulse\"></div>\r\n          </div>\r\n\r\n          {/* Right column - Schedule */}\r\n          <div className=\"family-doctor-skeleton-right-column\">\r\n            <div className=\"family-doctor-skeleton-schedule-title pulse\"></div>\r\n            <div className=\"family-doctor-skeleton-schedule\">\r\n              {/* Row 1: Monday and Thursday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* Row 2: Tuesday and Friday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* Row 3: Wednesday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableSkeleton","jsxs","jsx"],"mappings":"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"}

package/dist/index.es135.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es135.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"../Tags.scss\";\n\nexport type TagMode = \"filter\" | \"decorative\";\nexport type TagProps = {\n  label: string;\n  mode?: TagMode;\n  className?: string;\n  selected?: boolean;\n  onClick?: () => void;\n};\n\nexport const Tag = ({\n  label,\n  mode = \"decorative\",\n  selected = false,\n  className,\n  onClick,\n}: TagProps) => {\n  const TagComponent = mode === \"decorative\" ? \"div\" : \"button\";\n\n  return (\n    <TagComponent\n      className={clsx(\"tag\", { selected: selected }, className)}\n      onClick={onClick}\n    >\n      {label}\n    </TagComponent>\n  );\n};\n"],"names":["Tag","label","mode","selected","className","onClick","TagComponent","jsx","clsx"],"mappings":";;;AAYO,MAAMA,IAAM,CAAC;AAAA,EAClB,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,SAAAC;AACF,MAAgB;AACd,QAAMC,IAAeJ,MAAS,eAAe,QAAQ;AAErD,SACEK,gBAAAA,EAAAA;AAAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE,EAAK,OAAO,EAAE,UAAAL,EAAA,GAAsBC,CAAS;AAAA,MACxD,SAAAC;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es135.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"../Tags.scss\";\r\n\r\nexport type TagMode = \"filter\" | \"decorative\";\r\nexport type TagProps = {\r\n  label: string;\r\n  mode?: TagMode;\r\n  className?: string;\r\n  selected?: boolean;\r\n  onClick?: () => void;\r\n};\r\n\r\nexport const Tag = ({\r\n  label,\r\n  mode = \"decorative\",\r\n  selected = false,\r\n  className,\r\n  onClick,\r\n}: TagProps) => {\r\n  const TagComponent = mode === \"decorative\" ? \"div\" : \"button\";\r\n\r\n  return (\r\n    <TagComponent\r\n      className={clsx(\"tag\", { selected: selected }, className)}\r\n      onClick={onClick}\r\n    >\r\n      {label}\r\n    </TagComponent>\r\n  );\r\n};\r\n"],"names":["Tag","label","mode","selected","className","onClick","TagComponent","jsx","clsx"],"mappings":";;;AAYO,MAAMA,IAAM,CAAC;AAAA,EAClB,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,SAAAC;AACF,MAAgB;AACd,QAAMC,IAAeJ,MAAS,eAAe,QAAQ;AAErD,SACEK,gBAAAA,EAAAA;AAAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE,EAAK,OAAO,EAAE,UAAAL,EAAA,GAAsBC,CAAS;AAAA,MACxD,SAAAC;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index.es136.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es136.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\nimport \"../Tags.scss\";\n\ntype TagsProps = {\n  topics?: Array<string>;\n};\n\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\n  return (\n    <div className=\"tags-group-container\">\n      <div className=\"tags-group\">\n        {topics.map((topic, index) => (\n          <Tag key={index} label={topic} />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAY,CAAC,EAAE,QAAAC,IAAS,CAAA,QAEjCC,gBAAAA,MAAC,SAAI,WAAU,wBACb,gCAAC,OAAA,EAAI,WAAU,cACZ,UAAAD,EAAO,IAAI,CAACE,GAAOC,4BACjBC,GAAA,EAAgB,OAAOF,KAAdC,CAAqB,CAChC,GACH,EAAA,CACF;"}
+{"version":3,"file":"index.es136.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\r\nimport \"../Tags.scss\";\r\n\r\ntype TagsProps = {\r\n  topics?: Array<string>;\r\n};\r\n\r\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\r\n  return (\r\n    <div className=\"tags-group-container\">\r\n      <div className=\"tags-group\">\r\n        {topics.map((topic, index) => (\r\n          <Tag key={index} label={topic} />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAY,CAAC,EAAE,QAAAC,IAAS,CAAA,QAEjCC,gBAAAA,MAAC,SAAI,WAAU,wBACb,gCAAC,OAAA,EAAI,WAAU,cACZ,UAAAD,EAAO,IAAI,CAACE,GAAOC,4BACjBC,GAAA,EAAgB,OAAOF,KAAdC,CAAqB,CAChC,GACH,EAAA,CACF;"}

package/dist/index.es137.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es137.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import { ActionsPopup, Row } from \"@/components\";\nimport { MoreActions } from \"@/icons\";\nimport { HeadingLevel } from \"@/types/headings\";\nimport clsx from \"clsx\";\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\nimport \"./TitleSection.scss\";\n\ntype TitleSectionProps = PropsWithChildren<{\n  action1?: ReactNode;\n  action2?: ReactNode;\n  mainButton?: ReactNode;\n  secondaryButton?: ReactNode;\n  titleSection: string;\n  subtitle?: string | ReactNode;\n  classNameTitle?: string;\n  borderBottom?: boolean;\n  isMoreOption?: boolean;\n  handleMoreOption?: () => void;\n  titleTag?: HeadingLevel;\n}>;\n\nexport const TitleSection = ({\n  action1,\n  action2,\n  mainButton,\n  secondaryButton,\n  titleSection,\n  subtitle,\n  classNameTitle,\n  borderBottom = true,\n  titleTag: TitleTag = \"h1\",\n}: TitleSectionProps) => {\n  const [openActions, setOpenActions] = useState(false);\n\n  const popupActions = [action1, action2].filter(Boolean);\n  return (\n    <div>\n      <div className={clsx(\"ui-title-section-container\", borderBottom ? \"\" : \"no-border-bottom\")}>\n        <div className=\"ui-title-row\">\n          <div className=\"ui-title-container\">\n            <TitleTag\n              className={clsx(\n                classNameTitle,\n                \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\n              )}\n            >\n              {titleSection}\n            </TitleTag>\n\n            {subtitle && (\n              <div>{subtitle}</div>\n            )}\n          </div>\n\n          {popupActions.length === 2 && (\n            <>\n              <div\n                onClick={() => setOpenActions(!openActions)}\n                className=\"ui-mobile-actions\"\n              >\n                <MoreActions\n                  className=\"cursor-pointer\"\n                  aria-label=\"Altre opzioni\"\n                />\n              </div>\n              <ActionsPopup\n                isOpen={openActions}\n                onClickCloseBtn={() => setOpenActions(false)}\n                actions={popupActions}\n                className=\"ui-mobile-actionspopup\"\n              >\n                {secondaryButton && (\n                  <div className=\"ui-actions-popup-buttons\">\n                    {secondaryButton}\n                  </div>\n                )}\n              </ActionsPopup>\n            </>\n          )}\n        </div>\n\n        {popupActions.length === 1 && (\n          <div className=\"ui-mobile-single-action\">{popupActions[0]}</div>\n        )}\n\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\n          <Row\n            as={\"ul\"}\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"primary\"}\n            fs={\"8\"}\n            className=\"list-style-none\"\n          >\n            {action1}\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\n            {action2}\n            {secondaryButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {secondaryButton}\n              </Row>\n            )}\n            {mainButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {mainButton}\n              </Row>\n            )}\n          </Row>\n        </nav>\n      </div>\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\n    </div>\n  );\n};\n"],"names":["TitleSection","action1","action2","mainButton","secondaryButton","titleSection","subtitle","classNameTitle","borderBottom","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","jsx","Fragment","MoreActions","ActionsPopup","Row"],"mappings":"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"}
+{"version":3,"file":"index.es137.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import { ActionsPopup, Row } from \"@/components\";\r\nimport { MoreActions } from \"@/icons\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\nimport clsx from \"clsx\";\r\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\r\nimport \"./TitleSection.scss\";\r\n\r\ntype TitleSectionProps = PropsWithChildren<{\r\n  action1?: ReactNode;\r\n  action2?: ReactNode;\r\n  mainButton?: ReactNode;\r\n  secondaryButton?: ReactNode;\r\n  titleSection: string;\r\n  subtitle?: string | ReactNode;\r\n  classNameTitle?: string;\r\n  borderBottom?: boolean;\r\n  isMoreOption?: boolean;\r\n  handleMoreOption?: () => void;\r\n  titleTag?: HeadingLevel;\r\n}>;\r\n\r\nexport const TitleSection = ({\r\n  action1,\r\n  action2,\r\n  mainButton,\r\n  secondaryButton,\r\n  titleSection,\r\n  subtitle,\r\n  classNameTitle,\r\n  borderBottom = true,\r\n  titleTag: TitleTag = \"h1\",\r\n}: TitleSectionProps) => {\r\n  const [openActions, setOpenActions] = useState(false);\r\n\r\n  const popupActions = [action1, action2].filter(Boolean);\r\n  return (\r\n    <div>\r\n      <div className={clsx(\"ui-title-section-container\", borderBottom ? \"\" : \"no-border-bottom\")}>\r\n        <div className=\"ui-title-row\">\r\n          <div className=\"ui-title-container\">\r\n            <TitleTag\r\n              className={clsx(\r\n                classNameTitle,\r\n                \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\r\n              )}\r\n            >\r\n              {titleSection}\r\n            </TitleTag>\r\n\r\n            {subtitle && (\r\n              <div>{subtitle}</div>\r\n            )}\r\n          </div>\r\n\r\n          {popupActions.length === 2 && (\r\n            <>\r\n              <div\r\n                onClick={() => setOpenActions(!openActions)}\r\n                className=\"ui-mobile-actions\"\r\n              >\r\n                <MoreActions\r\n                  className=\"cursor-pointer\"\r\n                  aria-label=\"Altre opzioni\"\r\n                />\r\n              </div>\r\n              <ActionsPopup\r\n                isOpen={openActions}\r\n                onClickCloseBtn={() => setOpenActions(false)}\r\n                actions={popupActions}\r\n                className=\"ui-mobile-actionspopup\"\r\n              >\r\n                {secondaryButton && (\r\n                  <div className=\"ui-actions-popup-buttons\">\r\n                    {secondaryButton}\r\n                  </div>\r\n                )}\r\n              </ActionsPopup>\r\n            </>\r\n          )}\r\n        </div>\r\n\r\n        {popupActions.length === 1 && (\r\n          <div className=\"ui-mobile-single-action\">{popupActions[0]}</div>\r\n        )}\r\n\r\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\r\n          <Row\r\n            as={\"ul\"}\r\n            gap={\"x20\"}\r\n            fw={\"semibold\"}\r\n            text={\"primary\"}\r\n            fs={\"8\"}\r\n            className=\"list-style-none\"\r\n          >\r\n            {action1}\r\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\r\n            {action2}\r\n            {secondaryButton && (\r\n              <Row\r\n                as={\"li\"}\r\n                text={\"primary\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={\"x8\"}\r\n              >\r\n                {secondaryButton}\r\n              </Row>\r\n            )}\r\n            {mainButton && (\r\n              <Row\r\n                as={\"li\"}\r\n                text={\"primary\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={\"x8\"}\r\n              >\r\n                {mainButton}\r\n              </Row>\r\n            )}\r\n          </Row>\r\n        </nav>\r\n      </div>\r\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TitleSection","action1","action2","mainButton","secondaryButton","titleSection","subtitle","classNameTitle","borderBottom","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","jsx","Fragment","MoreActions","ActionsPopup","Row"],"mappings":";;;;;;;AAqBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAUC,IAAW;AACvB,MAAyB;AACvB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAe,CAACZ,GAASC,CAAO,EAAE,OAAO,OAAO;AACtD,gCACG,OAAA,EACC,UAAA;AAAA,IAAAY,gBAAAA,OAAC,SAAI,WAAWC,EAAK,8BAA8BP,IAAe,KAAK,kBAAkB,GACvF,UAAA;AAAA,MAAAM,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,UAAAE,gBAAAA,EAAAA;AAAAA,YAACP;AAAA,YAAA;AAAA,cACC,WAAWM;AAAA,gBACTR;AAAA,gBACA;AAAA,cAAA;AAAA,cAGD,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,UAGFC,KACCU,gBAAAA,EAAAA,IAAC,OAAA,EAAK,UAAAV,EAAA,CAAS;AAAA,QAAA,GAEnB;AAAA,QAECO,EAAa,WAAW,KACvBC,gBAAAA,EAAAA,KAAAG,EAAAA,UAAA,EACE,UAAA;AAAA,UAAAD,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,MAAML,EAAe,CAACD,CAAW;AAAA,cAC1C,WAAU;AAAA,cAEV,UAAAM,gBAAAA,EAAAA;AAAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,cAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,UAEFF,gBAAAA,EAAAA;AAAAA,YAACG;AAAA,YAAA;AAAA,cACC,QAAQT;AAAA,cACR,iBAAiB,MAAMC,EAAe,EAAK;AAAA,cAC3C,SAASE;AAAA,cACT,WAAU;AAAA,cAET,UAAAT,KACCY,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,4BACZ,UAAAZ,EAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ,EAAA,CACF;AAAA,MAAA,GAEJ;AAAA,MAECS,EAAa,WAAW,KACvBG,gBAAAA,EAAAA,IAAC,SAAI,WAAU,2BAA2B,UAAAH,EAAa,CAAC,EAAA,CAAE;AAAA,MAG5DG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sBAAqB,cAAW,qBAC7C,UAAAF,gBAAAA,EAAAA;AAAAA,QAACM;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,IAAI;AAAA,UACJ,WAAU;AAAA,UAET,UAAA;AAAA,YAAAnB;AAAA,YACAC,KAAWc,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,2BAAA,CAA2B;AAAA,YACtDd;AAAA,YACAE,KACCY,gBAAAA,EAAAA;AAAAA,cAACI;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAM;AAAA,gBACN,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,KAAK;AAAA,gBAEJ,UAAAhB;AAAA,cAAA;AAAA,YAAA;AAAA,YAGJD,KACCa,gBAAAA,EAAAA;AAAAA,cAACI;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAM;AAAA,gBACN,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,KAAK;AAAA,gBAEJ,UAAAjB;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA,EAEJ,CACF;AAAA,IAAA,GACF;AAAA,IACAa,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBAAyB,UAAAb,EAAA,CAAW;AAAA,EAAA,GACrD;AAEJ;"}

package/dist/index.es138.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es243.js";
-import { d as l } from "./index.es298.js";
+import { d as l } from "./index.es297.js";
 import { DateTime as m } from "./index.es3.js";
 import { ArrowLink as h } from "./index.es25.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */

package/dist/index.es138.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es138.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { Link as LinkComponent } from \"@/components\";\nimport { ExternalLink } from \"@/icons\";\nimport { RichText } from \"@/sections\";\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\nimport { DateTime } from \"luxon\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport \"./VerticalCardStepper.scss\";\n\nexport enum StepVariantEnum {\n  DATE = \"date\",\n  HEADLINE = \"headline\",\n  ORDERED = \"ordered\",\n  CHECK = \"check\",\n}\n\nexport type Step = {\n  label: string;\n  title: string;\n  description: string | React.ReactNode;\n  meta: string; // può essere una data ISO o un testo\n  link?: Link;\n  linkType?: LinkTypeEnum;\n};\n\ntype Props = {\n  type: StepVariantEnum;\n  steps: Array<Step>;\n  asLink?: \"a\" | any;\n};\n\nconst formatDateParts = (dateString: string) => {\n  const date = DateTime.fromISO(dateString);\n  return {\n    day: date.toFormat(\"dd\"),\n    month: date.toFormat(\"LLLL\"),\n    year: date.toFormat(\"yyyy\"),\n  };\n};\n\nexport const VerticalCardStepper = ({ steps, type, asLink }: Props) => {\n  return (\n    <div className=\"vertical-container\">\n      <div className=\"timeline\">\n        {steps.map((step, idx) => {\n          const renderMeta = () => {\n            switch (type) {\n              case \"date\": {\n                if (!step.meta) return null;\n                const { day, month, year } = formatDateParts(step.meta);\n                return (\n                  <>\n                    <div className=\"day\">{day}</div>\n                    <div className=\"month\">{month}</div>\n                    <div className=\"year\">{year}</div>\n                  </>\n                );\n              }\n              case \"headline\":\n                return <div className=\"headline\">{step.meta}</div>;\n\n              case \"ordered\":\n                return <div className=\"circle\">{idx + 1}</div>;\n\n              case \"check\":\n                return (\n                  <div className=\"circle\">\n                    <div className=\"checkmark\"></div>\n                  </div>\n                );\n\n              default:\n                return null;\n            }\n          };\n\n          return (\n            <div key={idx} className=\"step\">\n              <div className=\"meta\">{renderMeta()}</div>\n\n              <div className=\"vertical-line\">\n                <div className=\"dot\" />\n              </div>\n\n              <div className=\"card\">\n                <div className=\"label\">{step.label}</div>\n                <div className=\"title\">{step.title}</div>\n                <div className=\"\">\n                  <div className=\"description pb-x12\">\n                    <RichText description={step.description} maxLines={5} />\n                  </div>\n                  <div className=\"card-footer\">\n                    {step.link &&\n                      (step.linkType === LinkTypeEnum.INTERNAL ||\n                        !step.linkType) && (\n                        <ArrowLink\n                          href={step.link.link}\n                          className=\"card-footer-detail\"\n                        >\n                          {step.link.title}\n                        </ArrowLink>\n                      )}\n                    {step.link && step.linkType === LinkTypeEnum.EXTERNAL && (\n                      <LinkComponent\n                        title={\"\"}\n                        src={step.link.link}\n                        icon={ExternalLink}\n                        decoration=\"ui-footer-logo-link\"\n                        transform=\"none\"\n                        external={true}\n                        asLink={asLink}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"names":["StepVariantEnum","formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","asLink","jsx","step","idx","renderMeta","day","month","year","jsxs","Fragment","RichText","LinkTypeEnum","ArrowLink","LinkComponent","ExternalLink"],"mappings":";;;;;;;;AAQO,IAAKA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,WAAW,YACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SAJEA,IAAAA,KAAA,CAAA,CAAA;AAsBZ,MAAMC,IAAkB,CAACC,MAAuB;AAC9C,QAAMC,IAAOC,EAAS,QAAQF,CAAU;AACxC,SAAO;AAAA,IACL,KAAKC,EAAK,SAAS,IAAI;AAAA,IACvB,OAAOA,EAAK,SAAS,MAAM;AAAA,IAC3B,MAAMA,EAAK,SAAS,MAAM;AAAA,EAAA;AAE9B,GAEaE,IAAsB,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,QAAAC,QAE/CC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sBACb,UAAAA,gBAAAA,MAAC,OAAA,EAAI,WAAU,YACZ,UAAAH,EAAM,IAAI,CAACI,GAAMC,MAAQ;AACxB,QAAMC,IAAa,MAAM;AACvB,YAAQL,GAAA;AAAA,MACN,KAAK,QAAQ;AACX,YAAI,CAACG,EAAK,KAAM,QAAO;AACvB,cAAM,EAAE,KAAAG,GAAK,OAAAC,GAAO,MAAAC,MAASd,EAAgBS,EAAK,IAAI;AACtD,eACEM,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,UAAAR,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,OAAO,UAAAI,GAAI;AAAA,UAC1BJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,SAAS,UAAAK,GAAM;AAAA,UAC9BL,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,QAAQ,UAAAM,EAAA,CAAK;AAAA,QAAA,GAC9B;AAAA,MAEJ;AAAA,MACA,KAAK;AACH,eAAON,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,YAAY,YAAK,MAAK;AAAA,MAE9C,KAAK;AACH,eAAOA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,UAAU,cAAM,GAAE;AAAA,MAE1C,KAAK;AACH,eACEA,gBAAAA,MAAC,SAAI,WAAU,UACb,gCAAC,OAAA,EAAI,WAAU,aAAY,EAAA,CAC7B;AAAA,MAGJ;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,SACEO,gBAAAA,EAAAA,KAAC,OAAA,EAAc,WAAU,QACvB,UAAA;AAAA,IAAAP,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,QAAQ,UAAAG,EAAA,GAAa;AAAA,IAEpCH,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iBACb,gCAAC,OAAA,EAAI,WAAU,OAAM,EAAA,CACvB;AAAA,IAEAO,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,MAAAP,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,SAAS,UAAAC,EAAK,OAAM;AAAA,MACnCD,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,SAAS,YAAK,OAAM;AAAA,MACnCO,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,IACb,UAAA;AAAA,QAAAP,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sBACb,UAAAA,gBAAAA,EAAAA,IAACS,GAAA,EAAS,aAAaR,EAAK,aAAa,UAAU,EAAA,CAAG,EAAA,CACxD;AAAA,QACAM,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,eACZ,UAAA;AAAA,UAAAN,EAAK,SACHA,EAAK,aAAaS,EAAAA,aAAa,YAC9B,CAACT,EAAK,aACND,gBAAAA,EAAAA;AAAAA,YAACW;AAAA,YAAA;AAAA,cACC,MAAMV,EAAK,KAAK;AAAA,cAChB,WAAU;AAAA,cAET,YAAK,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAGhBA,EAAK,QAAQA,EAAK,aAAaS,EAAAA,aAAa,YAC3CV,gBAAAA,EAAAA;AAAAA,YAACY;AAAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,KAAKX,EAAK,KAAK;AAAA,cACf,MAAMY;AAAA,cACN,YAAW;AAAA,cACX,WAAU;AAAA,cACV,UAAU;AAAA,cACV,QAAAd;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,GAtCQG,CAuCV;AAEJ,CAAC,GACH,GACF;"}
+{"version":3,"file":"index.es138.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { Link as LinkComponent } from \"@/components\";\r\nimport { ExternalLink } from \"@/icons\";\r\nimport { RichText } from \"@/sections\";\r\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\r\nimport { DateTime } from \"luxon\";\r\nimport { ArrowLink } from \"../ArrowLink\";\r\nimport \"./VerticalCardStepper.scss\";\r\n\r\nexport enum StepVariantEnum {\r\n  DATE = \"date\",\r\n  HEADLINE = \"headline\",\r\n  ORDERED = \"ordered\",\r\n  CHECK = \"check\",\r\n}\r\n\r\nexport type Step = {\r\n  label: string;\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  meta: string; // può essere una data ISO o un testo\r\n  link?: Link;\r\n  linkType?: LinkTypeEnum;\r\n};\r\n\r\ntype Props = {\r\n  type: StepVariantEnum;\r\n  steps: Array<Step>;\r\n  asLink?: \"a\" | any;\r\n};\r\n\r\nconst formatDateParts = (dateString: string) => {\r\n  const date = DateTime.fromISO(dateString);\r\n  return {\r\n    day: date.toFormat(\"dd\"),\r\n    month: date.toFormat(\"LLLL\"),\r\n    year: date.toFormat(\"yyyy\"),\r\n  };\r\n};\r\n\r\nexport const VerticalCardStepper = ({ steps, type, asLink }: Props) => {\r\n  return (\r\n    <div className=\"vertical-container\">\r\n      <div className=\"timeline\">\r\n        {steps.map((step, idx) => {\r\n          const renderMeta = () => {\r\n            switch (type) {\r\n              case \"date\": {\r\n                if (!step.meta) return null;\r\n                const { day, month, year } = formatDateParts(step.meta);\r\n                return (\r\n                  <>\r\n                    <div className=\"day\">{day}</div>\r\n                    <div className=\"month\">{month}</div>\r\n                    <div className=\"year\">{year}</div>\r\n                  </>\r\n                );\r\n              }\r\n              case \"headline\":\r\n                return <div className=\"headline\">{step.meta}</div>;\r\n\r\n              case \"ordered\":\r\n                return <div className=\"circle\">{idx + 1}</div>;\r\n\r\n              case \"check\":\r\n                return (\r\n                  <div className=\"circle\">\r\n                    <div className=\"checkmark\"></div>\r\n                  </div>\r\n                );\r\n\r\n              default:\r\n                return null;\r\n            }\r\n          };\r\n\r\n          return (\r\n            <div key={idx} className=\"step\">\r\n              <div className=\"meta\">{renderMeta()}</div>\r\n\r\n              <div className=\"vertical-line\">\r\n                <div className=\"dot\" />\r\n              </div>\r\n\r\n              <div className=\"card\">\r\n                <div className=\"label\">{step.label}</div>\r\n                <div className=\"title\">{step.title}</div>\r\n                <div className=\"\">\r\n                  <div className=\"description pb-x12\">\r\n                    <RichText description={step.description} maxLines={5} />\r\n                  </div>\r\n                  <div className=\"card-footer\">\r\n                    {step.link &&\r\n                      (step.linkType === LinkTypeEnum.INTERNAL ||\r\n                        !step.linkType) && (\r\n                        <ArrowLink\r\n                          href={step.link.link}\r\n                          className=\"card-footer-detail\"\r\n                        >\r\n                          {step.link.title}\r\n                        </ArrowLink>\r\n                      )}\r\n                    {step.link && step.linkType === LinkTypeEnum.EXTERNAL && (\r\n                      <LinkComponent\r\n                        title={\"\"}\r\n                        src={step.link.link}\r\n                        icon={ExternalLink}\r\n                        decoration=\"ui-footer-logo-link\"\r\n                        transform=\"none\"\r\n                        external={true}\r\n                        asLink={asLink}\r\n                      />\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepVariantEnum","formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","asLink","jsx","step","idx","renderMeta","day","month","year","jsxs","Fragment","RichText","LinkTypeEnum","ArrowLink","LinkComponent","ExternalLink"],"mappings":"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"}

package/dist/index.es139.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es139.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\nimport { PlayVideo } from \"@/icons\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { RichText } from \"@/sections/RichText\";\nimport clsx from \"clsx\";\nimport { useRef, useState } from \"react\";\nimport \"./VideoPlayer.scss\";\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\nimport useWindowWidth from \"@/hooks/useWindowWidth\";\n\nconst sizeStyles = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    width: \"311px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    width: \"388px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    width: \"642px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    width: \"992px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    width: \"100%\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    width: \"360px\",\n  },\n};\n\nconst imgSize = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    heightImg: \"170px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    heightImg: \"183px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    heightImg: \"357px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    heightImg: \"400px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    heightImg: \"640px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    heightImg: \"525px\",\n  },\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n  videoTitle,\n  videoLang,\n  playButtonLabel = \"Riproduci\",\n  videoAriaLabel = \"Video player\",\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n\n  const [isExpanded, setExpanded] = useState(false);\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  const windowWidth = useWindowWidth();\n\n  const { width: componentBaseWidthString } = sizeStyles[sizeComp];\n\n  let width;\n  let calculatedHeight;\n\n  if (componentBaseWidthString.includes(\"%\")) {\n    width = componentBaseWidthString;\n\n    calculatedHeight = imgSize[sizeComp].heightImg;\n  } else {\n    const componentBaseWidth = parseInt(componentBaseWidthString, 10);\n    const componentBaseHeight = parseInt(imgSize[sizeComp].heightImg, 10);\n\n    const aspectRatio = componentBaseHeight / componentBaseWidth;\n\n    const finalWidthInPx = windowWidth\n      ? Math.min(componentBaseWidth, windowWidth)\n      : componentBaseWidth;\n\n    const finalHeightInPx = Math.round(finalWidthInPx * aspectRatio);\n\n    width = `${finalWidthInPx}px`;\n    calculatedHeight = `${finalHeightInPx}px`;\n  }\n\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\n  const isLargeSize =\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\n\n  const containerWidth = isVertical ? \"642px\" : width;\n  const videoHeight = isVertical ? \"640px\" : calculatedHeight;\n  const videoWidth = isVertical ? \"360px\" : width;\n\n  const handlePlay = async (e?: React.MouseEvent) => {\n    if (e) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    const video = videoRef.current;\n\n    if (!video) {\n      console.error(\"no video element found\");\n      return;\n    }\n\n    try {\n      if (!hasPlayedOnce) {\n        setHasPlayedOnce(true);\n        setIsPlaying(true);\n        await video.play();\n      }\n    } catch (error) {\n      console.error(\"Error controlling video:\", error);\n    }\n  };\n\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: containerWidth }}\n      className={clsx(\"video-section-container\")}\n    >\n      <div\n        className=\"video-player-container\"\n        style={{\n          height: videoHeight,\n          width: videoWidth,\n          ...(isVertical && { alignSelf: \"center\" }),\n        }}\n      >\n        <button\n          className={clsx(\"start-video-container\", {\n            \"fade-out\": isPlaying || hasPlayedOnce,\n          })}\n          style={{\n            backgroundImage:\n              previewImageSrc && !hasPlayedOnce\n                ? `url(\"${previewImageSrc}\")`\n                : \"none\",\n            display: hasPlayedOnce ? \"none\" : \"block\",\n          }}\n          onClick={(e) => handlePlay(e)}\n          type=\"button\"\n        >\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\n            <div className=\"play-button-icon\">\n              <PlayVideo decorative />\n            </div>\n            <div className=\"play-button-text\">{playButtonLabel}</div>\n          </div>\n        </button>\n        <div className=\"video-container\">\n          <video\n            ref={videoRef}\n            controls\n            src={videoSrc || undefined}\n            aria-label={videoAriaLabel}\n            title={videoTitle ? videoTitle : undefined}\n          >\n            <source src={videoSrc || undefined} />\n            {videoLang  && (\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\n          </video>\n        </div>\n      </div>\n\n      {transcription && (\n        <div\n          className={clsx(\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\n          )}\n          style={{ width: containerWidth }}\n        >\n          <div\n            className={clsx(\n              \"expand-button-container\",\n              \"accordion\",\n              \"base-row justify-content-between align-items-center\",\n            )}\n          >\n            <button\n              className={clsx(\n                \"ui-btn-accordion-video\",\n                \"base-row justify-content-between align-items-center\",\n              )}\n              type=\"button\"\n              onClick={() => setExpanded(!isExpanded)}\n              aria-expanded={isExpanded}\n              aria-controls=\"transcription-content\"\n            >\n              <span\n                className={clsx(\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\n                )}\n              >\n                {btnText}\n              </span>\n              <ArrowDown\n                color={\"primary\"}\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\n                decorative\n              />\n            </button>\n          </div>\n          {isExpanded && (\n            <div\n              id=\"transcription-content\"\n              className={clsx(\n                \"transcription-text-container\",\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n              )}\n            >\n              <RichText\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\n                description={transcription}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </Col>\n  );\n};\n\nexport { VIDEO_PLAYER_SIZE };\nexport type { VideoPlayerProps };\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","isExpanded","setExpanded","videoRef","useRef","windowWidth","useWindowWidth","componentBaseWidthString","width","calculatedHeight","componentBaseWidth","aspectRatio","finalWidthInPx","finalHeightInPx","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}
+{"version":3,"file":"index.es139.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\r\nimport { PlayVideo } from \"@/icons\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { RichText } from \"@/sections/RichText\";\r\nimport clsx from \"clsx\";\r\nimport { useRef, useState } from \"react\";\r\nimport \"./VideoPlayer.scss\";\r\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\r\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\r\nimport useWindowWidth from \"@/hooks/useWindowWidth\";\r\n\r\nconst sizeStyles = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    width: \"311px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    width: \"388px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    width: \"642px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    width: \"992px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    width: \"100%\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    width: \"360px\",\r\n  },\r\n};\r\n\r\nconst imgSize = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    heightImg: \"170px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    heightImg: \"183px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    heightImg: \"357px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    heightImg: \"400px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    heightImg: \"640px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    heightImg: \"525px\",\r\n  },\r\n};\r\n\r\nexport const VideoPlayer = ({\r\n  btnText = \"Trascrizione\",\r\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\r\n  transcription,\r\n  previewImageSrc,\r\n  videoSrc,\r\n  videoTitle,\r\n  videoLang,\r\n  playButtonLabel = \"Riproduci\",\r\n  videoAriaLabel = \"Video player\",\r\n}: VideoPlayerProps) => {\r\n  const [isPlaying, setIsPlaying] = useState(false);\r\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\r\n\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const windowWidth = useWindowWidth();\r\n\r\n  const { width: componentBaseWidthString } = sizeStyles[sizeComp];\r\n\r\n  let width;\r\n  let calculatedHeight;\r\n\r\n  if (componentBaseWidthString.includes(\"%\")) {\r\n    width = componentBaseWidthString;\r\n\r\n    calculatedHeight = imgSize[sizeComp].heightImg;\r\n  } else {\r\n    const componentBaseWidth = parseInt(componentBaseWidthString, 10);\r\n    const componentBaseHeight = parseInt(imgSize[sizeComp].heightImg, 10);\r\n\r\n    const aspectRatio = componentBaseHeight / componentBaseWidth;\r\n\r\n    const finalWidthInPx = windowWidth\r\n      ? Math.min(componentBaseWidth, windowWidth)\r\n      : componentBaseWidth;\r\n\r\n    const finalHeightInPx = Math.round(finalWidthInPx * aspectRatio);\r\n\r\n    width = `${finalWidthInPx}px`;\r\n    calculatedHeight = `${finalHeightInPx}px`;\r\n  }\r\n\r\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\r\n  const isLargeSize =\r\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\r\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\r\n\r\n  const containerWidth = isVertical ? \"642px\" : width;\r\n  const videoHeight = isVertical ? \"640px\" : calculatedHeight;\r\n  const videoWidth = isVertical ? \"360px\" : width;\r\n\r\n  const handlePlay = async (e?: React.MouseEvent) => {\r\n    if (e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    }\r\n\r\n    const video = videoRef.current;\r\n\r\n    if (!video) {\r\n      console.error(\"no video element found\");\r\n      return;\r\n    }\r\n\r\n    try {\r\n      if (!hasPlayedOnce) {\r\n        setHasPlayedOnce(true);\r\n        setIsPlaying(true);\r\n        await video.play();\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Error controlling video:\", error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      style={{ width: containerWidth }}\r\n      className={clsx(\"video-section-container\")}\r\n    >\r\n      <div\r\n        className=\"video-player-container\"\r\n        style={{\r\n          height: videoHeight,\r\n          width: videoWidth,\r\n          ...(isVertical && { alignSelf: \"center\" }),\r\n        }}\r\n      >\r\n        <button\r\n          className={clsx(\"start-video-container\", {\r\n            \"fade-out\": isPlaying || hasPlayedOnce,\r\n          })}\r\n          style={{\r\n            backgroundImage:\r\n              previewImageSrc && !hasPlayedOnce\r\n                ? `url(\"${previewImageSrc}\")`\r\n                : \"none\",\r\n            display: hasPlayedOnce ? \"none\" : \"block\",\r\n          }}\r\n          onClick={(e) => handlePlay(e)}\r\n          type=\"button\"\r\n        >\r\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\r\n            <div className=\"play-button-icon\">\r\n              <PlayVideo decorative />\r\n            </div>\r\n            <div className=\"play-button-text\">{playButtonLabel}</div>\r\n          </div>\r\n        </button>\r\n        <div className=\"video-container\">\r\n          <video\r\n            ref={videoRef}\r\n            controls\r\n            src={videoSrc || undefined}\r\n            aria-label={videoAriaLabel}\r\n            title={videoTitle ? videoTitle : undefined}\r\n          >\r\n            <source src={videoSrc || undefined} />\r\n            {videoLang  && (\r\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\r\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\r\n          </video>\r\n        </div>\r\n      </div>\r\n\r\n      {transcription && (\r\n        <div\r\n          className={clsx(\r\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\r\n          )}\r\n          style={{ width: containerWidth }}\r\n        >\r\n          <div\r\n            className={clsx(\r\n              \"expand-button-container\",\r\n              \"accordion\",\r\n              \"base-row justify-content-between align-items-center\",\r\n            )}\r\n          >\r\n            <button\r\n              className={clsx(\r\n                \"ui-btn-accordion-video\",\r\n                \"base-row justify-content-between align-items-center\",\r\n              )}\r\n              type=\"button\"\r\n              onClick={() => setExpanded(!isExpanded)}\r\n              aria-expanded={isExpanded}\r\n              aria-controls=\"transcription-content\"\r\n            >\r\n              <span\r\n                className={clsx(\r\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\r\n                )}\r\n              >\r\n                {btnText}\r\n              </span>\r\n              <ArrowDown\r\n                color={\"primary\"}\r\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\r\n                decorative\r\n              />\r\n            </button>\r\n          </div>\r\n          {isExpanded && (\r\n            <div\r\n              id=\"transcription-content\"\r\n              className={clsx(\r\n                \"transcription-text-container\",\r\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\r\n              )}\r\n            >\r\n              <RichText\r\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\r\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\r\n                description={transcription}\r\n              />\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport { VIDEO_PLAYER_SIZE };\r\nexport type { VideoPlayerProps };\r\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","isExpanded","setExpanded","videoRef","useRef","windowWidth","useWindowWidth","componentBaseWidthString","width","calculatedHeight","componentBaseWidth","aspectRatio","finalWidthInPx","finalHeightInPx","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}

package/dist/index.es14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es14.js","sources":["../src/components/ui/AccessLogSkeleton/index.tsx"],"sourcesContent":["import \"./AccessLogSkeleton.scss\";\n\nexport const AccessLogSkeleton = () => {\n  return (\n    <div className=\"access-skeleton-container\">\n      {/* Search and filters */}\n      <div className=\"access-skeleton-search-row\">\n        <div className=\"access-skeleton-search-input pulse\"></div>\n        <div className=\"access-skeleton-search-button pulse\"></div>\n        <div className=\"access-skeleton-filter-button pulse\"></div>\n      </div>\n\n      {/* Table header */}\n      <div className=\"access-skeleton-table\">\n        <div className=\"access-skeleton-header\">\n          <div className=\"access-skeleton-header-cell\">\n            <div className=\"access-skeleton-header-content\">\n              <div className=\"access-skeleton-header-text pulse\"></div>\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\n              <div className=\"access-skeleton-info-icon pulse\"></div>\n            </div>\n          </div>\n\n          <div className=\"access-skeleton-header-cell\">\n            <div className=\"access-skeleton-header-content\">\n              <div className=\"access-skeleton-header-text pulse\"></div>\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\n              <div className=\"access-skeleton-info-icon pulse\"></div>\n            </div>\n          </div>\n\n          <div className=\"access-skeleton-header-cell\">\n            <div className=\"access-skeleton-header-content\">\n              <div className=\"access-skeleton-header-text pulse\"></div>\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\n              <div className=\"access-skeleton-info-icon pulse\"></div>\n            </div>\n          </div>\n\n          <div className=\"access-skeleton-header-cell\">\n            <div className=\"access-skeleton-header-content\">\n              <div className=\"access-skeleton-header-text pulse\"></div>\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\n              <div className=\"access-skeleton-info-icon pulse\"></div>\n            </div>\n          </div>\n\n          <div className=\"access-skeleton-header-cell\">\n            <div className=\"access-skeleton-header-content\">\n              <div className=\"access-skeleton-header-text pulse\"></div>\n              <div className=\"access-skeleton-download-icon pulse\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Table rows */}\n        {Array(8)\n          .fill(0)\n          .map((_, index) => (\n            <div key={index} className=\"access-skeleton-row\">\n              <div className=\"access-skeleton-cell\">\n                <div className=\"access-skeleton-date pulse\"></div>\n              </div>\n\n              <div className=\"access-skeleton-cell\">\n                <div className=\"access-skeleton-user pulse\"></div>\n              </div>\n\n              <div className=\"access-skeleton-cell\">\n                <div className=\"access-skeleton-type pulse\"></div>\n              </div>\n\n              <div className=\"access-skeleton-cell\">\n                <div className=\"access-skeleton-action pulse\"></div>\n              </div>\n\n              <div className=\"access-skeleton-cell\">\n                <div className=\"access-skeleton-details-button pulse\"></div>\n              </div>\n            </div>\n          ))}\n      </div>\n\n      {/* Pagination info */}\n      <div className=\"access-skeleton-pagination\">\n        <div className=\"access-skeleton-pagination-text pulse\"></div>\n      </div>\n    </div>\n  );\n};\n"],"names":["AccessLogSkeleton","jsxs","jsx","_","index"],"mappings":";;AAEO,MAAMA,IAAoB,MAE7BC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6BAEb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,IACpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,IACrDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,EAAA,GACvD;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,SAAI,WAAU,+BACb,UAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,QACnDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kCAAA,CAAkC;AAAA,QACjDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kCAAA,CAAkC;AAAA,MAAA,EAAA,CACnD,EAAA,CACF;AAAA,4BAEC,OAAA,EAAI,WAAU,+BACb,UAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,QACnDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kCAAA,CAAkC;AAAA,QACjDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kCAAA,CAAkC;AAAA,MAAA,EAAA,CACnD,EAAA,CACF;AAAA,4BAEC,OAAA,EAAI,WAAU,+BACb,UAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,QACnDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kCAAA,CAAkC;AAAA,QACjDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kCAAA,CAAkC;AAAA,MAAA,EAAA,CACnD,EAAA,CACF;AAAA,4BAEC,OAAA,EAAI,WAAU,+BACb,UAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,QACnDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kCAAA,CAAkC;AAAA,QACjDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kCAAA,CAAkC;AAAA,MAAA,EAAA,CACnD,EAAA,CACF;AAAA,4BAEC,OAAA,EAAI,WAAU,+BACb,UAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,QACnDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,MAAA,EAAA,CACvD,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGC,MAAM,CAAC,EACL,KAAK,CAAC,EACN,IAAI,CAACC,GAAGC,MACPH,gBAAAA,EAAAA,KAAC,OAAA,EAAgB,WAAU,uBACzB,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,SAAI,WAAU,wBACb,gCAAC,OAAA,EAAI,WAAU,8BAA6B,EAAA,CAC9C;AAAA,MAEAA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,wBACb,gCAAC,OAAA,EAAI,WAAU,8BAA6B,EAAA,CAC9C;AAAA,MAEAA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,wBACb,gCAAC,OAAA,EAAI,WAAU,8BAA6B,EAAA,CAC9C;AAAA,MAEAA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,wBACb,gCAAC,OAAA,EAAI,WAAU,gCAA+B,EAAA,CAChD;AAAA,MAEAA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,wBACb,gCAAC,OAAA,EAAI,WAAU,wCAAuC,EAAA,CACxD;AAAA,IAAA,EAAA,GAnBQE,CAoBV,CACD;AAAA,EAAA,GACL;AAAA,EAGAF,gBAAAA,EAAAA,IAAC,SAAI,WAAU,8BACb,gCAAC,OAAA,EAAI,WAAU,yCAAwC,EAAA,CACzD;AAAA,GACF;"}
+{"version":3,"file":"index.es14.js","sources":["../src/components/ui/AccessLogSkeleton/index.tsx"],"sourcesContent":["import \"./AccessLogSkeleton.scss\";\r\n\r\nexport const AccessLogSkeleton = () => {\r\n  return (\r\n    <div className=\"access-skeleton-container\">\r\n      {/* Search and filters */}\r\n      <div className=\"access-skeleton-search-row\">\r\n        <div className=\"access-skeleton-search-input pulse\"></div>\r\n        <div className=\"access-skeleton-search-button pulse\"></div>\r\n        <div className=\"access-skeleton-filter-button pulse\"></div>\r\n      </div>\r\n\r\n      {/* Table header */}\r\n      <div className=\"access-skeleton-table\">\r\n        <div className=\"access-skeleton-header\">\r\n          <div className=\"access-skeleton-header-cell\">\r\n            <div className=\"access-skeleton-header-content\">\r\n              <div className=\"access-skeleton-header-text pulse\"></div>\r\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\r\n              <div className=\"access-skeleton-info-icon pulse\"></div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"access-skeleton-header-cell\">\r\n            <div className=\"access-skeleton-header-content\">\r\n              <div className=\"access-skeleton-header-text pulse\"></div>\r\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\r\n              <div className=\"access-skeleton-info-icon pulse\"></div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"access-skeleton-header-cell\">\r\n            <div className=\"access-skeleton-header-content\">\r\n              <div className=\"access-skeleton-header-text pulse\"></div>\r\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\r\n              <div className=\"access-skeleton-info-icon pulse\"></div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"access-skeleton-header-cell\">\r\n            <div className=\"access-skeleton-header-content\">\r\n              <div className=\"access-skeleton-header-text pulse\"></div>\r\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\r\n              <div className=\"access-skeleton-info-icon pulse\"></div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"access-skeleton-header-cell\">\r\n            <div className=\"access-skeleton-header-content\">\r\n              <div className=\"access-skeleton-header-text pulse\"></div>\r\n              <div className=\"access-skeleton-download-icon pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Table rows */}\r\n        {Array(8)\r\n          .fill(0)\r\n          .map((_, index) => (\r\n            <div key={index} className=\"access-skeleton-row\">\r\n              <div className=\"access-skeleton-cell\">\r\n                <div className=\"access-skeleton-date pulse\"></div>\r\n              </div>\r\n\r\n              <div className=\"access-skeleton-cell\">\r\n                <div className=\"access-skeleton-user pulse\"></div>\r\n              </div>\r\n\r\n              <div className=\"access-skeleton-cell\">\r\n                <div className=\"access-skeleton-type pulse\"></div>\r\n              </div>\r\n\r\n              <div className=\"access-skeleton-cell\">\r\n                <div className=\"access-skeleton-action pulse\"></div>\r\n              </div>\r\n\r\n              <div className=\"access-skeleton-cell\">\r\n                <div className=\"access-skeleton-details-button pulse\"></div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n      </div>\r\n\r\n      {/* Pagination info */}\r\n      <div className=\"access-skeleton-pagination\">\r\n        <div className=\"access-skeleton-pagination-text pulse\"></div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AccessLogSkeleton","jsxs","jsx","_","index"],"mappings":"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"}

package/dist/index.es140.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es140.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\nexport type VideoPlayerProps = {\n  btnText?: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription?: string;\n  videoSrc: string;\n  videoTitle?: string;\n  videoLang?: string;\n  playButtonLabel?: string;\n  videoAriaLabel?: string;\n  transcriptionHeading?: string;\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n};\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"AAAO,IAAKA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cANHA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"index.es140.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\r\n  SMALL = \"small\",\r\n  MEDIUM = \"medium\",\r\n  LARGE = \"large\",\r\n  EXTRA_LARGE = \"extra-large\",\r\n  VERTICAL = \"vertical\",\r\n  FULL_WIDTH = \"full-width\",\r\n}\r\n\r\nexport type VideoPlayerProps = {\r\n  btnText?: string;\r\n  sizeComp?: VIDEO_PLAYER_SIZE;\r\n  previewImageSrc?: string;\r\n  transcription?: string;\r\n  videoSrc: string;\r\n  videoTitle?: string;\r\n  videoLang?: string;\r\n  playButtonLabel?: string;\r\n  videoAriaLabel?: string;\r\n  transcriptionHeading?: string;\r\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n};\r\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"AAAO,IAAKA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cANHA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/index.es141.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es141.js","sources":["../src/components/ui/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { ReactNode, useState, useRef, useEffect } from \"react\";\nimport \"./tooltip.scss\";\n\ntype TooltipPosition = \"top\" | \"bottom\" | \"left\" | \"right\";\n\ninterface TooltipProps {\n  children: ReactNode;\n  label: ReactNode;\n  opened?: boolean;\n  defaultOpened?: boolean;\n  position?: TooltipPosition;\n  withArrow?: boolean;\n  delay?: number;\n  className?: string;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  label,\n  opened,\n  defaultOpened = false,\n  position = \"top\",\n  withArrow = true,\n  delay = 0,\n  className = \"\",\n}) => {\n  const [isOpen, setIsOpen] = useState(defaultOpened);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const boxRef = useRef<HTMLDivElement | null>(null);\n  const [coords, setCoords] = useState<any>({ top: 0, left: 0 });\n\n  const isControlled = opened !== undefined;\n  const visible = isControlled ? opened : isOpen;\n\n  const showTooltip = () => {\n    if (delay > 0) {\n      timeoutRef.current = setTimeout(() => setIsOpen(true), delay);\n    } else {\n      setIsOpen(true);\n    }\n  };\n\n  const hideTooltip = () => {\n    if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    setIsOpen(false);\n  };\n\n  useEffect(() => {\n    if (wrapperRef.current && boxRef.current) {\n      const rect = wrapperRef.current.getBoundingClientRect();\n      const box = boxRef.current.getBoundingClientRect();\n      let top = 0;\n      let left: string | number = 0;\n      switch (position) {\n        case \"top\":\n          top = rect.top - 8;\n          left = rect.left + rect.width / 2;\n          break;\n        case \"bottom\":\n          top = rect.height + 8;\n          left = rect.width / 2 - box.width / 2;\n          break;\n        case \"left\":\n          top = rect.top + rect.height / 2;\n          left = (rect.left - 8) * -1;\n          break;\n        case \"right\":\n          top = rect.top + rect.height / 2;\n          left = rect.right + 8;\n          break;\n      }\n      setCoords({ top, left });\n    }\n  }, [visible, position]);\n\n  return (\n    <div\n      className=\"tooltip-wrapper\"\n      ref={wrapperRef}\n      onMouseEnter={showTooltip}\n      onMouseLeave={hideTooltip}\n    >\n      {children}\n      {visible && (\n        <div\n          className={`tooltip-box tooltip-${position} ${className} p-x24`}\n          style={{\n            top: coords.top,\n            left: coords.left,\n          }}\n          ref={boxRef}\n        >\n          {label}\n          {withArrow && (\n            <div className={`tooltip-arrow tooltip-arrow-${position}`} />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["Tooltip","children","label","opened","defaultOpened","position","withArrow","delay","className","isOpen","setIsOpen","useState","timeoutRef","useRef","wrapperRef","boxRef","coords","setCoords","visible","showTooltip","hideTooltip","useEffect","rect","box","top","left","jsxs","jsx"],"mappings":";;;AAiBO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASP,CAAa,GAC5CQ,IAAaC,EAA8B,IAAI,GAC/CC,IAAaD,EAA8B,IAAI,GAC/CE,IAASF,EAA8B,IAAI,GAC3C,CAACG,GAAQC,CAAS,IAAIN,EAAc,EAAE,KAAK,GAAG,MAAM,GAAG,GAGvDO,IADef,MAAW,SACDA,IAASM,GAElCU,IAAc,MAAM;AACxB,IAAIZ,IAAQ,IACVK,EAAW,UAAU,WAAW,MAAMF,EAAU,EAAI,GAAGH,CAAK,IAE5DG,EAAU,EAAI;AAAA,EAElB,GAEMU,IAAc,MAAM;AACxB,IAAIR,EAAW,WAAS,aAAaA,EAAW,OAAO,GACvDF,EAAU,EAAK;AAAA,EACjB;AAEA,SAAAW,EAAU,MAAM;AACd,QAAIP,EAAW,WAAWC,EAAO,SAAS;AACxC,YAAMO,IAAOR,EAAW,QAAQ,sBAAA,GAC1BS,IAAMR,EAAO,QAAQ,sBAAA;AAC3B,UAAIS,IAAM,GACNC,IAAwB;AAC5B,cAAQpB,GAAA;AAAA,QACN,KAAK;AACH,UAAAmB,IAAMF,EAAK,MAAM,GACjBG,IAAOH,EAAK,OAAOA,EAAK,QAAQ;AAChC;AAAA,QACF,KAAK;AACH,UAAAE,IAAMF,EAAK,SAAS,GACpBG,IAAOH,EAAK,QAAQ,IAAIC,EAAI,QAAQ;AACpC;AAAA,QACF,KAAK;AACH,UAAAC,IAAMF,EAAK,MAAMA,EAAK,SAAS,GAC/BG,KAAQH,EAAK,OAAO,KAAK;AACzB;AAAA,QACF,KAAK;AACH,UAAAE,IAAMF,EAAK,MAAMA,EAAK,SAAS,GAC/BG,IAAOH,EAAK,QAAQ;AACpB;AAAA,MAAA;AAEJ,MAAAL,EAAU,EAAE,KAAAO,GAAK,MAAAC,GAAM;AAAA,IACzB;AAAA,EACF,GAAG,CAACP,GAASb,CAAQ,CAAC,GAGpBqB,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAKZ;AAAA,MACL,cAAcK;AAAA,MACd,cAAcC;AAAA,MAEb,UAAA;AAAA,QAAAnB;AAAA,QACAiB,KACCQ,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,uBAAuBrB,CAAQ,IAAIG,CAAS;AAAA,YACvD,OAAO;AAAA,cACL,KAAKQ,EAAO;AAAA,cACZ,MAAMA,EAAO;AAAA,YAAA;AAAA,YAEf,KAAKD;AAAA,YAEJ,UAAA;AAAA,cAAAb;AAAA,cACAI,KACCqB,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,+BAA+BtB,CAAQ,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAE/D;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es141.js","sources":["../src/components/ui/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { ReactNode, useState, useRef, useEffect } from \"react\";\r\nimport \"./tooltip.scss\";\r\n\r\ntype TooltipPosition = \"top\" | \"bottom\" | \"left\" | \"right\";\r\n\r\ninterface TooltipProps {\r\n  children: ReactNode;\r\n  label: ReactNode;\r\n  opened?: boolean;\r\n  defaultOpened?: boolean;\r\n  position?: TooltipPosition;\r\n  withArrow?: boolean;\r\n  delay?: number;\r\n  className?: string;\r\n}\r\n\r\nexport const Tooltip: React.FC<TooltipProps> = ({\r\n  children,\r\n  label,\r\n  opened,\r\n  defaultOpened = false,\r\n  position = \"top\",\r\n  withArrow = true,\r\n  delay = 0,\r\n  className = \"\",\r\n}) => {\r\n  const [isOpen, setIsOpen] = useState(defaultOpened);\r\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\r\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\r\n  const boxRef = useRef<HTMLDivElement | null>(null);\r\n  const [coords, setCoords] = useState<any>({ top: 0, left: 0 });\r\n\r\n  const isControlled = opened !== undefined;\r\n  const visible = isControlled ? opened : isOpen;\r\n\r\n  const showTooltip = () => {\r\n    if (delay > 0) {\r\n      timeoutRef.current = setTimeout(() => setIsOpen(true), delay);\r\n    } else {\r\n      setIsOpen(true);\r\n    }\r\n  };\r\n\r\n  const hideTooltip = () => {\r\n    if (timeoutRef.current) clearTimeout(timeoutRef.current);\r\n    setIsOpen(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (wrapperRef.current && boxRef.current) {\r\n      const rect = wrapperRef.current.getBoundingClientRect();\r\n      const box = boxRef.current.getBoundingClientRect();\r\n      let top = 0;\r\n      let left: string | number = 0;\r\n      switch (position) {\r\n        case \"top\":\r\n          top = rect.top - 8;\r\n          left = rect.left + rect.width / 2;\r\n          break;\r\n        case \"bottom\":\r\n          top = rect.height + 8;\r\n          left = rect.width / 2 - box.width / 2;\r\n          break;\r\n        case \"left\":\r\n          top = rect.top + rect.height / 2;\r\n          left = (rect.left - 8) * -1;\r\n          break;\r\n        case \"right\":\r\n          top = rect.top + rect.height / 2;\r\n          left = rect.right + 8;\r\n          break;\r\n      }\r\n      setCoords({ top, left });\r\n    }\r\n  }, [visible, position]);\r\n\r\n  return (\r\n    <div\r\n      className=\"tooltip-wrapper\"\r\n      ref={wrapperRef}\r\n      onMouseEnter={showTooltip}\r\n      onMouseLeave={hideTooltip}\r\n    >\r\n      {children}\r\n      {visible && (\r\n        <div\r\n          className={`tooltip-box tooltip-${position} ${className} p-x24`}\r\n          style={{\r\n            top: coords.top,\r\n            left: coords.left,\r\n          }}\r\n          ref={boxRef}\r\n        >\r\n          {label}\r\n          {withArrow && (\r\n            <div className={`tooltip-arrow tooltip-arrow-${position}`} />\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Tooltip","children","label","opened","defaultOpened","position","withArrow","delay","className","isOpen","setIsOpen","useState","timeoutRef","useRef","wrapperRef","boxRef","coords","setCoords","visible","showTooltip","hideTooltip","useEffect","rect","box","top","left","jsxs","jsx"],"mappings":";;;AAiBO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASP,CAAa,GAC5CQ,IAAaC,EAA8B,IAAI,GAC/CC,IAAaD,EAA8B,IAAI,GAC/CE,IAASF,EAA8B,IAAI,GAC3C,CAACG,GAAQC,CAAS,IAAIN,EAAc,EAAE,KAAK,GAAG,MAAM,GAAG,GAGvDO,IADef,MAAW,SACDA,IAASM,GAElCU,IAAc,MAAM;AACxB,IAAIZ,IAAQ,IACVK,EAAW,UAAU,WAAW,MAAMF,EAAU,EAAI,GAAGH,CAAK,IAE5DG,EAAU,EAAI;AAAA,EAElB,GAEMU,IAAc,MAAM;AACxB,IAAIR,EAAW,WAAS,aAAaA,EAAW,OAAO,GACvDF,EAAU,EAAK;AAAA,EACjB;AAEA,SAAAW,EAAU,MAAM;AACd,QAAIP,EAAW,WAAWC,EAAO,SAAS;AACxC,YAAMO,IAAOR,EAAW,QAAQ,sBAAA,GAC1BS,IAAMR,EAAO,QAAQ,sBAAA;AAC3B,UAAIS,IAAM,GACNC,IAAwB;AAC5B,cAAQpB,GAAA;AAAA,QACN,KAAK;AACH,UAAAmB,IAAMF,EAAK,MAAM,GACjBG,IAAOH,EAAK,OAAOA,EAAK,QAAQ;AAChC;AAAA,QACF,KAAK;AACH,UAAAE,IAAMF,EAAK,SAAS,GACpBG,IAAOH,EAAK,QAAQ,IAAIC,EAAI,QAAQ;AACpC;AAAA,QACF,KAAK;AACH,UAAAC,IAAMF,EAAK,MAAMA,EAAK,SAAS,GAC/BG,KAAQH,EAAK,OAAO,KAAK;AACzB;AAAA,QACF,KAAK;AACH,UAAAE,IAAMF,EAAK,MAAMA,EAAK,SAAS,GAC/BG,IAAOH,EAAK,QAAQ;AACpB;AAAA,MAAA;AAEJ,MAAAL,EAAU,EAAE,KAAAO,GAAK,MAAAC,GAAM;AAAA,IACzB;AAAA,EACF,GAAG,CAACP,GAASb,CAAQ,CAAC,GAGpBqB,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAKZ;AAAA,MACL,cAAcK;AAAA,MACd,cAAcC;AAAA,MAEb,UAAA;AAAA,QAAAnB;AAAA,QACAiB,KACCQ,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,uBAAuBrB,CAAQ,IAAIG,CAAS;AAAA,YACvD,OAAO;AAAA,cACL,KAAKQ,EAAO;AAAA,cACZ,MAAMA,EAAO;AAAA,YAAA;AAAA,YAEf,KAAKD;AAAA,YAEJ,UAAA;AAAA,cAAAb;AAAA,cACAI,KACCqB,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,+BAA+BtB,CAAQ,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAE/D;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index.es142.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es142.js","sources":["../src/components/ui/Avatars/index.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport \"./avatars.scss\"; // importa lo stile\nimport { Tooltip } from \"../Tooltip\";\nimport { Col, RelatedPeople } from \"@/components\";\n\ntype AvatarsProps = {\n  users: RelatedPeople[];\n  maxVisible?: number;\n  size?: number;\n};\n\nconst COLORS = [\n  \"#007bff\", // blue\n  \"#28a745\", // green\n  \"#dc3545\", // red\n  \"#17a2b8\", // teal\n  \"#6f42c1\", // purple\n  \"#fd7e14\", // orange\n  \"#20c997\", // emerald\n];\n\nfunction getColorFromName(name: string) {\n  let hash = 0;\n  for (let i = 0; i < name.length; i++) {\n    hash = name.charCodeAt(i) + ((hash << 5) - hash);\n  }\n  return COLORS[Math.abs(hash) % COLORS.length];\n}\n\nexport const Avatars: React.FC<AvatarsProps> = ({\n  users,\n  maxVisible = 5,\n  size = 32,\n}) => {\n  const visibleUsers = users.slice(0, maxVisible);\n  const hiddenCount = users.length - visibleUsers.length;\n\n  return (\n    <Tooltip\n      position=\"bottom\"\n      label={\n        <Col gap=\"x24\">\n          {visibleUsers.map((user) => (\n            <p key={user.fiscalCode} className=\"text-primary\">\n              {user.firstName} {user.lastName}\n            </p>\n          ))}\n        </Col>\n      }\n    >\n      <div className=\"avatars-group\">\n        {visibleUsers.map((user, index) => {\n          const bg = getColorFromName(user.firstName);\n          const initial = user.firstName.charAt(0).toUpperCase();\n\n          return (\n            <div\n              key={user.fiscalCode}\n              className=\"avatar\"\n              style={{\n                width: size,\n                height: size,\n                marginLeft: index === 0 ? 0 : -size / 4,\n                backgroundColor: bg,\n                fontSize: size * 0.45,\n              }}\n            >\n              {initial}\n            </div>\n          );\n        })}\n\n        {hiddenCount > 0 && (\n          <div\n            className=\"avatar avatar-extra\"\n            style={{\n              width: size,\n              height: size,\n              marginLeft: -size / 4,\n              fontSize: size * 0.45,\n            }}\n          >\n            +{hiddenCount}\n          </div>\n        )}\n      </div>\n    </Tooltip>\n  );\n};\n"],"names":["COLORS","getColorFromName","name","hash","i","Avatars","users","maxVisible","size","visibleUsers","hiddenCount","jsx","Tooltip","Col","user","jsxs","index","bg","initial"],"mappings":";;;;AAYA,MAAMA,IAAS;AAAA,EACb;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEA,SAASC,EAAiBC,GAAc;AACtC,MAAIC,IAAO;AACX,WAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE;AAC/B,IAAAD,IAAOD,EAAK,WAAWE,CAAC,MAAMD,KAAQ,KAAKA;AAE7C,SAAOH,EAAO,KAAK,IAAIG,CAAI,IAAIH,EAAO,MAAM;AAC9C;AAEO,MAAMK,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AACT,MAAM;AACJ,QAAMC,IAAeH,EAAM,MAAM,GAAGC,CAAU,GACxCG,IAAcJ,EAAM,SAASG,EAAa;AAEhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,OACED,gBAAAA,EAAAA,IAACE,GAAA,EAAI,KAAI,OACN,UAAAJ,EAAa,IAAI,CAACK,MACjBC,gBAAAA,EAAAA,KAAC,KAAA,EAAwB,WAAU,gBAChC,UAAA;AAAA,QAAAD,EAAK;AAAA,QAAU;AAAA,QAAEA,EAAK;AAAA,MAAA,EAAA,GADjBA,EAAK,UAEb,CACD,GACH;AAAA,MAGF,UAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iBACZ,UAAA;AAAA,QAAAN,EAAa,IAAI,CAACK,GAAME,MAAU;AACjC,gBAAMC,IAAKhB,EAAiBa,EAAK,SAAS,GACpCI,IAAUJ,EAAK,UAAU,OAAO,CAAC,EAAE,YAAA;AAEzC,iBACEH,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,OAAOH;AAAA,gBACP,QAAQA;AAAA,gBACR,YAAYQ,MAAU,IAAI,IAAI,CAACR,IAAO;AAAA,gBACtC,iBAAiBS;AAAA,gBACjB,UAAUT,IAAO;AAAA,cAAA;AAAA,cAGlB,UAAAU;AAAA,YAAA;AAAA,YAVIJ,EAAK;AAAA,UAAA;AAAA,QAahB,CAAC;AAAA,QAEAJ,IAAc,KACbK,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAOP;AAAA,cACP,QAAQA;AAAA,cACR,YAAY,CAACA,IAAO;AAAA,cACpB,UAAUA,IAAO;AAAA,YAAA;AAAA,YAEpB,UAAA;AAAA,cAAA;AAAA,cACGE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es142.js","sources":["../src/components/ui/Avatars/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React from \"react\";\r\nimport \"./avatars.scss\"; // importa lo stile\r\nimport { Tooltip } from \"../Tooltip\";\r\nimport { Col, RelatedPeople } from \"@/components\";\r\n\r\ntype AvatarsProps = {\r\n  users: RelatedPeople[];\r\n  maxVisible?: number;\r\n  size?: number;\r\n};\r\n\r\nconst COLORS = [\r\n  \"#007bff\", // blue\r\n  \"#28a745\", // green\r\n  \"#dc3545\", // red\r\n  \"#17a2b8\", // teal\r\n  \"#6f42c1\", // purple\r\n  \"#fd7e14\", // orange\r\n  \"#20c997\", // emerald\r\n];\r\n\r\nfunction getColorFromName(name: string) {\r\n  let hash = 0;\r\n  for (let i = 0; i < name.length; i++) {\r\n    hash = name.charCodeAt(i) + ((hash << 5) - hash);\r\n  }\r\n  return COLORS[Math.abs(hash) % COLORS.length];\r\n}\r\n\r\nexport const Avatars: React.FC<AvatarsProps> = ({\r\n  users,\r\n  maxVisible = 5,\r\n  size = 32,\r\n}) => {\r\n  const visibleUsers = users.slice(0, maxVisible);\r\n  const hiddenCount = users.length - visibleUsers.length;\r\n\r\n  return (\r\n    <Tooltip\r\n      position=\"bottom\"\r\n      label={\r\n        <Col gap=\"x24\">\r\n          {visibleUsers.map((user) => (\r\n            <p key={user.fiscalCode} className=\"text-primary\">\r\n              {user.firstName} {user.lastName}\r\n            </p>\r\n          ))}\r\n        </Col>\r\n      }\r\n    >\r\n      <div className=\"avatars-group\">\r\n        {visibleUsers.map((user, index) => {\r\n          const bg = getColorFromName(user.firstName);\r\n          const initial = user.firstName.charAt(0).toUpperCase();\r\n\r\n          return (\r\n            <div\r\n              key={user.fiscalCode}\r\n              className=\"avatar\"\r\n              style={{\r\n                width: size,\r\n                height: size,\r\n                marginLeft: index === 0 ? 0 : -size / 4,\r\n                backgroundColor: bg,\r\n                fontSize: size * 0.45,\r\n              }}\r\n            >\r\n              {initial}\r\n            </div>\r\n          );\r\n        })}\r\n\r\n        {hiddenCount > 0 && (\r\n          <div\r\n            className=\"avatar avatar-extra\"\r\n            style={{\r\n              width: size,\r\n              height: size,\r\n              marginLeft: -size / 4,\r\n              fontSize: size * 0.45,\r\n            }}\r\n          >\r\n            +{hiddenCount}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </Tooltip>\r\n  );\r\n};\r\n"],"names":["COLORS","getColorFromName","name","hash","i","Avatars","users","maxVisible","size","visibleUsers","hiddenCount","jsx","Tooltip","Col","user","jsxs","index","bg","initial"],"mappings":";;;;AAYA,MAAMA,IAAS;AAAA,EACb;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEA,SAASC,EAAiBC,GAAc;AACtC,MAAIC,IAAO;AACX,WAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE;AAC/B,IAAAD,IAAOD,EAAK,WAAWE,CAAC,MAAMD,KAAQ,KAAKA;AAE7C,SAAOH,EAAO,KAAK,IAAIG,CAAI,IAAIH,EAAO,MAAM;AAC9C;AAEO,MAAMK,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AACT,MAAM;AACJ,QAAMC,IAAeH,EAAM,MAAM,GAAGC,CAAU,GACxCG,IAAcJ,EAAM,SAASG,EAAa;AAEhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,OACED,gBAAAA,EAAAA,IAACE,GAAA,EAAI,KAAI,OACN,UAAAJ,EAAa,IAAI,CAACK,MACjBC,gBAAAA,EAAAA,KAAC,KAAA,EAAwB,WAAU,gBAChC,UAAA;AAAA,QAAAD,EAAK;AAAA,QAAU;AAAA,QAAEA,EAAK;AAAA,MAAA,EAAA,GADjBA,EAAK,UAEb,CACD,GACH;AAAA,MAGF,UAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iBACZ,UAAA;AAAA,QAAAN,EAAa,IAAI,CAACK,GAAME,MAAU;AACjC,gBAAMC,IAAKhB,EAAiBa,EAAK,SAAS,GACpCI,IAAUJ,EAAK,UAAU,OAAO,CAAC,EAAE,YAAA;AAEzC,iBACEH,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,OAAOH;AAAA,gBACP,QAAQA;AAAA,gBACR,YAAYQ,MAAU,IAAI,IAAI,CAACR,IAAO;AAAA,gBACtC,iBAAiBS;AAAA,gBACjB,UAAUT,IAAO;AAAA,cAAA;AAAA,cAGlB,UAAAU;AAAA,YAAA;AAAA,YAVIJ,EAAK;AAAA,UAAA;AAAA,QAahB,CAAC;AAAA,QAEAJ,IAAc,KACbK,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAOP;AAAA,cACP,QAAQA;AAAA,cACR,YAAY,CAACA,IAAO;AAAA,cACpB,UAAUA,IAAO;AAAA,YAAA;AAAA,YAEpB,UAAA;AAAA,cAAA;AAAA,cACGE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es143.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es143.js","sources":["../src/components/ui/DelegationHomeBanner/index.tsx"],"sourcesContent":["\"use client\";\nimport { ArrowLink, Col, Row } from \"@/components\";\nimport { Avatars } from \"../Avatars\";\nimport \"./DelegationHomeBanner.scss\";\ntype HomeBannerProps = {\n  users: Array<any>;\n  title?: string;\n  linkLabel?: string;\n  onChangeProfileClick?: () => void;\n};\nexport function DelegationHomeBanner({\n  users,\n  title = \"\",\n  linkLabel = \"\",\n  onChangeProfileClick,\n}: HomeBannerProps) {\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      className={\"delegation-home-banner bg-lightblue-a03 shadow\"}\n    >\n      <h3 className=\"ui-banner-title text-slate-20 fs-4 fw-semibold\">\n        {title}\n      </h3>\n      <Row justifyContent=\"space-between\">\n        <Avatars users={users} maxVisible={4} />\n        <ArrowLink\n          arrowVisible={true}\n          asButton\n          onClick={onChangeProfileClick}\n          className=\"cursor-pointer\"\n        >\n          {linkLabel}\n        </ArrowLink>\n      </Row>\n    </Col>\n  );\n}\n"],"names":["DelegationHomeBanner","users","title","linkLabel","onChangeProfileClick","jsxs","Col","jsx","Row","Avatars","ArrowLink"],"mappings":";;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,sBAAAC;AACF,GAAoB;AAClB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,MAEX,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,kDACX,UAAAL,GACH;AAAA,QACAG,gBAAAA,EAAAA,KAACG,GAAA,EAAI,gBAAe,iBAClB,UAAA;AAAA,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAAR,GAAc,YAAY,EAAA,CAAG;AAAA,UACtCM,gBAAAA,EAAAA;AAAAA,YAACG;AAAA,YAAA;AAAA,cACC,cAAc;AAAA,cACd,UAAQ;AAAA,cACR,SAASN;AAAA,cACT,WAAU;AAAA,cAET,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es143.js","sources":["../src/components/ui/DelegationHomeBanner/index.tsx"],"sourcesContent":["\"use client\";\r\nimport { ArrowLink, Col, Row } from \"@/components\";\r\nimport { Avatars } from \"../Avatars\";\r\nimport \"./DelegationHomeBanner.scss\";\r\ntype HomeBannerProps = {\r\n  users: Array<any>;\r\n  title?: string;\r\n  linkLabel?: string;\r\n  onChangeProfileClick?: () => void;\r\n};\r\nexport function DelegationHomeBanner({\r\n  users,\r\n  title = \"\",\r\n  linkLabel = \"\",\r\n  onChangeProfileClick,\r\n}: HomeBannerProps) {\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      gap={\"x16\"}\r\n      className={\"delegation-home-banner bg-lightblue-a03 shadow\"}\r\n    >\r\n      <h3 className=\"ui-banner-title text-slate-20 fs-4 fw-semibold\">\r\n        {title}\r\n      </h3>\r\n      <Row justifyContent=\"space-between\">\r\n        <Avatars users={users} maxVisible={4} />\r\n        <ArrowLink\r\n          arrowVisible={true}\r\n          asButton\r\n          onClick={onChangeProfileClick}\r\n          className=\"cursor-pointer\"\r\n        >\r\n          {linkLabel}\r\n        </ArrowLink>\r\n      </Row>\r\n    </Col>\r\n  );\r\n}\r\n"],"names":["DelegationHomeBanner","users","title","linkLabel","onChangeProfileClick","jsxs","Col","jsx","Row","Avatars","ArrowLink"],"mappings":";;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,sBAAAC;AACF,GAAoB;AAClB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,MAEX,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,kDACX,UAAAL,GACH;AAAA,QACAG,gBAAAA,EAAAA,KAACG,GAAA,EAAI,gBAAe,iBAClB,UAAA;AAAA,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAAR,GAAc,YAAY,EAAA,CAAG;AAAA,UACtCM,gBAAAA,EAAAA;AAAAA,YAACG;AAAA,YAAA;AAAA,cACC,cAAc;AAAA,cACd,UAAQ;AAAA,cACR,SAASN;AAAA,cACT,WAAU;AAAA,cAET,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es144.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es144.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { Col, EntryButton } from \"@/components\";\nimport \"./Login.scss\";\nimport { Config } from \"@/utils/config.ts\";\n\nexport type LoginProps = {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  loginTitle: string;\n  loginDescription: React.ReactNode;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  buttonHref: string;\n  asImage?: \"img\";\n  region?: Config[\"REGION\"];\n  authSrc?: string;\n};\n\nexport const Login = ({\n  title,\n  description,\n  loginTitle,\n  loginDescription,\n  buttonLabel,\n  buttonAriaLabel,\n  buttonHref,\n  asImage = \"img\",\n  region = \"marche\",\n  authSrc = \"\",\n}: LoginProps) => {\n  const ImageComponent = asImage;\n\n  console.log(region);\n\n  return (\n    <Section className=\"base-col ui-login-section\">\n      <Col className=\"ui-login-content\">\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\n          {title}\n        </Section.Title>\n        {description && (\n          <Section.Description className=\"ui-login-description\">\n            {description}\n          </Section.Description>\n        )}\n      </Col>\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\n        <Col gap={\"x16\"}>\n          <h1 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h1>\n          <Section.Description>{loginDescription}</Section.Description>\n          <EntryButton\n            // showIcon={region === \"marche\"}\n            ariaLabel={buttonAriaLabel}\n            href={buttonHref}\n          >\n            {buttonLabel}\n          </EntryButton>\n        </Col>\n\n        <div className=\"ui-login-body-img h-full\">\n          <ImageComponent\n            src={authSrc}\n            alt=\"\"\n            aria-hidden=\"true\"\n            width={246}\n            height={746}\n          />\n        </div>\n      </div>\n    </Section>\n  );\n};\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,6BACjB,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,KAACE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UAAAZ,EAAA,CACH;AAAA,MACCC,KACCa,gBAAAA,EAAAA,IAACF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UAAAX,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAACE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,0CACX,UAAAZ,GACH;AAAA,QACAY,gBAAAA,EAAAA,IAACF,EAAQ,aAAR,EAAqB,UAAAT,EAAA,CAAiB;AAAA,QACvCW,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,4BACb,UAAAA,gBAAAA,EAAAA;AAAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EACV,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es144.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { Col, EntryButton } from \"@/components\";\r\nimport \"./Login.scss\";\r\nimport { Config } from \"@/utils/config.ts\";\r\n\r\nexport type LoginProps = {\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  loginTitle: string;\r\n  loginDescription: React.ReactNode;\r\n  buttonLabel: string;\r\n  buttonAriaLabel: string;\r\n  buttonHref: string;\r\n  asImage?: \"img\";\r\n  region?: Config[\"REGION\"];\r\n  authSrc?: string;\r\n};\r\n\r\nexport const Login = ({\r\n  title,\r\n  description,\r\n  loginTitle,\r\n  loginDescription,\r\n  buttonLabel,\r\n  buttonAriaLabel,\r\n  buttonHref,\r\n  asImage = \"img\",\r\n  region = \"marche\",\r\n  authSrc = \"\",\r\n}: LoginProps) => {\r\n  const ImageComponent = asImage;\r\n\r\n  console.log(region);\r\n\r\n  return (\r\n    <Section className=\"base-col ui-login-section\">\r\n      <Col className=\"ui-login-content\">\r\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\r\n          {title}\r\n        </Section.Title>\r\n        {description && (\r\n          <Section.Description className=\"ui-login-description\">\r\n            {description}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\r\n        <Col gap={\"x16\"}>\r\n          <h1 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\r\n            {loginTitle}\r\n          </h1>\r\n          <Section.Description>{loginDescription}</Section.Description>\r\n          <EntryButton\r\n            // showIcon={region === \"marche\"}\r\n            ariaLabel={buttonAriaLabel}\r\n            href={buttonHref}\r\n          >\r\n            {buttonLabel}\r\n          </EntryButton>\r\n        </Col>\r\n\r\n        <div className=\"ui-login-body-img h-full\">\r\n          <ImageComponent\r\n            src={authSrc}\r\n            alt=\"\"\r\n            aria-hidden=\"true\"\r\n            width={246}\r\n            height={746}\r\n          />\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,6BACjB,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,KAACE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UAAAZ,EAAA,CACH;AAAA,MACCC,KACCa,gBAAAA,EAAAA,IAACF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UAAAX,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAACE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,0CACX,UAAAZ,GACH;AAAA,QACAY,gBAAAA,EAAAA,IAACF,EAAQ,aAAR,EAAqB,UAAAT,EAAA,CAAiB;AAAA,QACvCW,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,4BACb,UAAAA,gBAAAA,EAAAA;AAAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EACV,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}