@anoki/fse-ui 1.0.731 → 1.0.733

package/dist/index.es66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es66.js","sources":["../src/components/ui/Table/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport clsx from \"clsx\";\nimport \"./Table.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ActionIconText } from \"@/components\";\nimport { CommonIconsType } from \"@/types/icons\";\nimport { InfoPopupProps } from \"../InfoPopup\";\nimport { useEffect } from \"react\";\n\n// per le celle che vanno renderizzate su due righe\nexport interface DoubleLineData {\n  firstLine: string;\n  secondLine: string;\n}\n\n//per le celle che renderizzano un link o un bottone\nexport interface ActionData {\n  label: string | React.ReactNode;\n  ariaLabel: string;\n  type: \"link\" | \"button\";\n  link?: string;\n  action?: () => void;\n}\n\nexport interface ColumnConfig {\n  label: string;\n  ariaLabel: string;\n  sortable: boolean;\n  action?: () => void;\n  iconAction?: () => void;\n  popupInfo?: InfoPopupProps;\n  icon?: React.ReactNode | CommonIconsType;\n  iconPosition?: \"left\" | \"right\";\n  key?: string;\n  type?: \"string\" | \"date\" | \"number\";\n}\n\nexport interface TableRowData {\n  [key: string]: string | DoubleLineData | ActionData;\n}\n\nexport interface TableHeaderProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableHeadProps\n  extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableCellBaseProps\n  extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, \"content\"> {\n  type?: \"double-line\" | \"action\";\n}\n\nexport interface TableCellProps extends TableCellBaseProps {\n  content: string | DoubleLineData | ActionData;\n}\n\nexport interface PaginationProps {\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}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  className?: string;\n  columns: ColumnConfig[];\n  data: TableRowData[];\n  pagination?: boolean;\n  initialCurrentPage?: number;\n  resultsPerPage?: number;\n  defaultSortDirection?: \"asc\" | \"desc\";\n  setSelectedSort?: (sortConfig: {\n    key: string;\n    direction: \"asc\" | \"desc\";\n  }) => void;\n  initialSortConfig?: { key: string; direction: \"asc\" | \"desc\" };\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  variant?: \"default\" | \"exemptions\";\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      className,\n      columns,\n      data,\n      pagination,\n      initialCurrentPage = 1,\n      resultsPerPage = 10,\n      defaultSortDirection = \"desc\",\n      setSelectedSort,\n      initialSortConfig,\n      serverSidePagination = false,\n      totalItems,\n      hasNextPage,\n      hasPreviousPage,\n      onNextPage,\n      onPreviousPage,\n      onPageChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [sortConfig, setSortConfig] = React.useState<{\n      key: string;\n      direction: \"asc\" | \"desc\";\n    }>(\n      initialSortConfig || {\n        key: columns[0].key || columns[0].label,\n        direction: defaultSortDirection,\n      },\n    );\n    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);\n\n    useEffect(() => {\n      if (initialSortConfig) {\n        setSortConfig(initialSortConfig);\n      }\n    }, [initialSortConfig]);\n\n    const sortedData = React.useMemo(() => {\n      return [...data].sort((a, b) => {\n        const aValue = a[sortConfig.key];\n        const bValue = b[sortConfig.key];\n        const column = columns.find(\n          (col) => (col.key || col.label) === sortConfig.key,\n        );\n\n        if (typeof aValue === \"string\" && typeof bValue === \"string\") {\n          if (column?.type === \"date\") {\n            // Convert Italian date format (DD/MM/YYYY - HH:mm) to Date object\n            const parseDate = (dateStr: string) => {\n              const [datePart, timePart] = dateStr.split(\" - \");\n              const [day, month, year] = datePart.split(\"/\").map(Number);\n              const [hours, minutes] = timePart.split(\":\").map(Number);\n              return new Date(year, month - 1, day, hours, minutes);\n            };\n\n            const dateA = parseDate(aValue);\n            const dateB = parseDate(bValue);\n            return sortConfig.direction === \"asc\"\n              ? dateA.getTime() - dateB.getTime()\n              : dateB.getTime() - dateA.getTime();\n          }\n\n          if (column?.type === \"number\") {\n            const numA = parseFloat(aValue);\n            const numB = parseFloat(bValue);\n            return sortConfig.direction === \"asc\" ? numA - numB : numB - numA;\n          }\n\n          return sortConfig.direction === \"asc\"\n            ? aValue.localeCompare(bValue)\n            : bValue.localeCompare(aValue);\n        }\n\n        if (isDoubleLineData(aValue) && isDoubleLineData(bValue)) {\n          return sortConfig.direction === \"asc\"\n            ? aValue.firstLine.localeCompare(bValue.firstLine)\n            : bValue.firstLine.localeCompare(aValue.firstLine);\n        }\n\n        return 0;\n      });\n    }, [data, sortConfig, columns]);\n\n    const handleSort = (columnKey: string) => {\n      const newSortConfig = {\n        key: columnKey,\n        direction:\n          sortConfig.key === columnKey && sortConfig.direction === \"asc\"\n            ? \"desc\"\n            : \"asc\",\n      } as { key: string; direction: \"asc\" | \"desc\" };\n\n      setSortConfig(newSortConfig);\n      if (setSelectedSort) {\n        setSelectedSort(newSortConfig);\n      }\n    };\n\n    const startIndex =\n      pagination && !serverSidePagination\n        ? (currentPage - 1) * resultsPerPage\n        : 0;\n    const endIndex =\n      pagination && !serverSidePagination\n        ? Math.min(startIndex + resultsPerPage, sortedData.length)\n        : sortedData.length;\n    const currentPageData = serverSidePagination\n      ? sortedData\n      : sortedData.slice(startIndex, endIndex);\n\n    return (\n      <div className=\"position-relative w-full\">\n        <table\n          ref={ref}\n          className={clsx(\"table\", className)}\n          role=\"table\"\n          {...props}\n        >\n          <TableHeader className=\"table__header\">\n            <TableRow>\n              {columns.map((column, index) => (\n                <TableHead\n                  key={`${column.label}-${index}`}\n                  config={column}\n                  sortConfig={sortConfig}\n                  onSort={() =>\n                    column.sortable && handleSort(column.key || column.label)\n                  }\n                  variant={props.variant}\n                />\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody className=\"table__body\">\n            {currentPageData.map((row, rowIndex) => (\n              <TableRow key={rowIndex} className=\"table__row\">\n                {columns.map((column, cellIndex) => {\n                  const key = column.key || column.label;\n                  const value = row[key];\n                  if (!value) return null;\n                  if (key === \"actionData\" && isActionData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"action\"\n                      />\n                    );\n                  }\n                  if (isDoubleLineData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"double-line\"\n                      />\n                    );\n                  }\n                  if (typeof value === \"string\") {\n                    return (\n                      <TableCell key={`${key}-${cellIndex}`} content={value} />\n                    );\n                  }\n                  return null;\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n        </table>\n        {pagination && (\n          <Pagination\n            currentPage={currentPage}\n            totalResults={\n              serverSidePagination ? totalItems || 0 : sortedData.length\n            }\n            resultsPerPage={resultsPerPage}\n            setCurrentPage={setCurrentPage}\n            onPageChange={onPageChange}\n            serverSide={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={clsx(\"[&_tr]:border-b-0\", className)}\n      {...props}\n    >\n      {children}\n    </thead>\n  ),\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, children, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={clsx(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    >\n      {children}\n    </tbody>\n  ),\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, children, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={clsx(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </tr>\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  TableHeadProps & {\n    config: ColumnConfig;\n    sortConfig: { key: string; direction: \"asc\" | \"desc\" };\n    onSort?: () => void;\n    variant?: \"default\" | \"exemptions\";\n  }\n>(({ className, config, sortConfig, onSort, ...props }, ref) => {\n  const isSorted = sortConfig.key === (config.key || config.label);\n  const sortDirection = isSorted ? sortConfig.direction : null;\n\n  const getAriaSortValue = (): \"ascending\" | \"descending\" => {\n    return sortDirection === \"asc\" ? \"ascending\" : \"descending\";\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  return (\n    <th\n      ref={ref}\n      className={clsx(\n        \"table__cell table__cell--header\",\n        {\n          \"table__cell--sortable\": config.sortable,\n          \"table__cell--action\": config.action,\n        },\n        className,\n      )}\n      onClick={config.sortable ? onSort : config.action}\n      aria-label={config.ariaLabel}\n      aria-sort={isSorted ? getAriaSortValue() : undefined}\n      {...props}\n    >\n      <div className=\"table__cell--header--content\">\n        <div>\n          <ActionIconText\n            icon={renderIcon(config.icon)}\n            noIcon={!renderIcon(config.icon)}\n            textLabel={config.label}\n            iconPosition={config.iconPosition}\n            handleIconAction={() => {\n              config.iconAction;\n            }}\n            popupInfo={config.popupInfo}\n            positionPopUp={config.popupInfo?.positionPopUp}\n            classNameText={\n              props.variant && \"fw-bold text-slate-28 fs-custom md-fs-6\"\n            }\n          />\n        </div>\n        {config.sortable && (\n          <span className=\"sort-indicator\">\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      </div>\n    </th>\n  );\n});\nTableHead.displayName = \"TableHead\";\n\nconst DoubleLineContent: React.FC<{ data: DoubleLineData }> = ({ data }) => (\n  <>\n    <div className=\"table__cell--firstLine\">{data.firstLine}</div>\n    <div className=\"table__cell--secondLine\">{data.secondLine}</div>\n  </>\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\n// check if we are rendering a double line data\nconst isDoubleLineData = (\n  content: TableCellProps[\"content\"],\n): content is DoubleLineData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"firstLine\" in content &&\n    \"secondLine\" in content\n  );\n};\n\n// check if we are rendering an action data\nconst isActionData = (\n  content: TableCellProps[\"content\"],\n): content is ActionData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"label\" in content &&\n    \"type\" in content\n  );\n};\n\nconst TableCellContent: React.FC<{ content: TableCellProps[\"content\"] }> = ({\n  content,\n}) => {\n  if (typeof content === \"string\") {\n    return <>{content}</>;\n  }\n  if (isDoubleLineData(content)) {\n    return <DoubleLineContent data={content} />;\n  }\n  if (isActionData(content)) {\n    return <ActionContent data={content} />;\n  }\n  return null;\n};\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, content, type, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={clsx(\n        \"table__cell\",\n        {\n          \"table__cell--double-line\": type === \"double-line\",\n          \"table__cell--action\": type === \"action\",\n        },\n        className,\n      )}\n      {...props}\n    >\n      <TableCellContent content={content} />\n    </td>\n  ),\n);\nTableCell.displayName = \"TableCell\";\n\nconst Pagination: React.FC<PaginationProps> = ({\n  currentPage = 1,\n  totalResults,\n  resultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  className,\n  serverSide = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\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\", className)}>\n      <div className=\"pagination__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination__info__resultsPerPage\">\n          {resultsPerPage}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n      <div className=\"pagination__nav\">\n        <button\n          className={clsx(\n            \"pagination__button\",\n            isPrevDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handlePreviousPage}\n          disabled={isPrevDisabled}\n          aria-label=\"Previous page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n\n        {getPageNumbers().map((page, index) =>\n          page === \"...\" ? (\n            <span key={`ellipsis-${index}`} className=\"pagination__ellipsis\">\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              className={clsx(\n                \"pagination__button\",\n                currentPage === page && \"pagination__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__button\",\n            isNextDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handleNextPage}\n          disabled={isNextDisabled}\n          aria-label=\"Next page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableHead,\n  TableRow,\n  TableCell,\n  Pagination,\n};\n"],"names":["Table","React","className","columns","data","pagination","initialCurrentPage","resultsPerPage","defaultSortDirection","setSelectedSort","initialSortConfig","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","props","ref","sortConfig","setSortConfig","currentPage","setCurrentPage","useEffect","sortedData","a","b","aValue","bValue","column","col","parseDate","dateStr","datePart","timePart","day","month","year","hours","minutes","dateA","dateB","numA","numB","isDoubleLineData","handleSort","columnKey","newSortConfig","startIndex","endIndex","currentPageData","jsxs","clsx","jsx","TableHeader","TableRow","index","TableHead","TableBody","row","rowIndex","cellIndex","key","value","isActionData","TableCell","Pagination","children","config","onSort","isSorted","sortDirection","getAriaSortValue","renderIcon","icon","Info","Download","ActionIconText","_a","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","serverSide","totalPages","handlePageChange","page","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}
+{"version":3,"file":"index.es66.js","sources":["../src/components/ui/Table/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport clsx from \"clsx\";\nimport \"./Table.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ActionIconText } from \"@/components\";\nimport { CommonIconsType } from \"@/types/icons\";\nimport { InfoPopupProps } from \"../InfoPopup\";\nimport { useEffect } from \"react\";\n\n// per le celle che vanno renderizzate su due righe\nexport interface DoubleLineData {\n  firstLine: string;\n  secondLine: string;\n}\n\n//per le celle che renderizzano un link o un bottone\nexport interface ActionData {\n  label: string | React.ReactNode;\n  ariaLabel: string;\n  type: \"link\" | \"button\";\n  link?: string;\n  action?: () => void;\n}\n\nexport interface ColumnConfig {\n  label: string;\n  ariaLabel: string;\n  sortable: boolean;\n  action?: () => void;\n  iconAction?: () => void;\n  popupInfo?: InfoPopupProps;\n  icon?: React.ReactNode | CommonIconsType;\n  iconPosition?: \"left\" | \"right\";\n  key?: string;\n  type?: \"string\" | \"date\" | \"number\";\n}\n\nexport interface TableRowData {\n  [key: string]: string | DoubleLineData | ActionData;\n}\n\nexport interface TableHeaderProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableHeadProps\n  extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableCellBaseProps\n  extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, \"content\"> {\n  type?: \"double-line\" | \"action\";\n}\n\nexport interface TableCellProps extends TableCellBaseProps {\n  content: string | DoubleLineData | ActionData;\n}\n\nexport interface PaginationProps {\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}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  className?: string;\n  columns: ColumnConfig[];\n  data: TableRowData[];\n  pagination?: boolean;\n  initialCurrentPage?: number;\n  resultsPerPage?: number;\n  defaultSortDirection?: \"asc\" | \"desc\";\n  setSelectedSort?: (sortConfig: {\n    key: string;\n    direction: \"asc\" | \"desc\";\n  }) => void;\n  initialSortConfig?: { key: string; direction: \"asc\" | \"desc\" };\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  variant?: \"default\" | \"exemptions\";\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      className,\n      columns,\n      data,\n      pagination,\n      initialCurrentPage = 1,\n      resultsPerPage = 10,\n      defaultSortDirection = \"desc\",\n      setSelectedSort,\n      initialSortConfig,\n      serverSidePagination = false,\n      totalItems,\n      hasNextPage,\n      hasPreviousPage,\n      onNextPage,\n      onPreviousPage,\n      onPageChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [sortConfig, setSortConfig] = React.useState<{\n      key: string;\n      direction: \"asc\" | \"desc\";\n    }>(\n      initialSortConfig || {\n        key: columns[0].key || columns[0].label,\n        direction: defaultSortDirection,\n      },\n    );\n    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);\n\n    useEffect(() => {\n      if (initialSortConfig) {\n        setSortConfig(initialSortConfig);\n      }\n    }, [initialSortConfig]);\n\n    const sortedData = React.useMemo(() => {\n      return [...data].sort((a, b) => {\n        const aValue = a[sortConfig.key];\n        const bValue = b[sortConfig.key];\n        const column = columns.find(\n          (col) => (col.key || col.label) === sortConfig.key,\n        );\n\n        if (typeof aValue === \"string\" && typeof bValue === \"string\") {\n          if (column?.type === \"date\") {\n            // Convert Italian date format (DD/MM/YYYY - HH:mm) to Date object\n            const parseDate = (dateStr: string) => {\n              const [datePart, timePart] = dateStr.split(\" - \");\n              const [day, month, year] = datePart.split(\"/\").map(Number);\n              const [hours, minutes] = timePart.split(\":\").map(Number);\n              return new Date(year, month - 1, day, hours, minutes);\n            };\n\n            const dateA = parseDate(aValue);\n            const dateB = parseDate(bValue);\n            return sortConfig.direction === \"asc\"\n              ? dateA.getTime() - dateB.getTime()\n              : dateB.getTime() - dateA.getTime();\n          }\n\n          if (column?.type === \"number\") {\n            const numA = parseFloat(aValue);\n            const numB = parseFloat(bValue);\n            return sortConfig.direction === \"asc\" ? numA - numB : numB - numA;\n          }\n\n          return sortConfig.direction === \"asc\"\n            ? aValue.localeCompare(bValue)\n            : bValue.localeCompare(aValue);\n        }\n\n        if (isDoubleLineData(aValue) && isDoubleLineData(bValue)) {\n          return sortConfig.direction === \"asc\"\n            ? aValue.firstLine.localeCompare(bValue.firstLine)\n            : bValue.firstLine.localeCompare(aValue.firstLine);\n        }\n\n        return 0;\n      });\n    }, [data, sortConfig, columns]);\n\n    const handleSort = (columnKey: string) => {\n      const newSortConfig = {\n        key: columnKey,\n        direction:\n          sortConfig.key === columnKey && sortConfig.direction === \"asc\"\n            ? \"desc\"\n            : \"asc\",\n      } as { key: string; direction: \"asc\" | \"desc\" };\n\n      setSortConfig(newSortConfig);\n      if (setSelectedSort) {\n        setSelectedSort(newSortConfig);\n      }\n    };\n\n    const startIndex =\n      pagination && !serverSidePagination\n        ? (currentPage - 1) * resultsPerPage\n        : 0;\n    const endIndex =\n      pagination && !serverSidePagination\n        ? Math.min(startIndex + resultsPerPage, sortedData.length)\n        : sortedData.length;\n    const currentPageData = serverSidePagination\n      ? sortedData\n      : sortedData.slice(startIndex, endIndex);\n\n    return (\n      <div className=\"position-relative w-full\">\n        <table\n          ref={ref}\n          className={clsx(\"table\", className)}\n          role=\"table\"\n          {...props}\n        >\n          <TableHeader className=\"table__header\">\n            <TableRow>\n              {columns.map((column, index) => (\n                <TableHead\n                  key={`${column.label}-${index}`}\n                  config={column}\n                  sortConfig={sortConfig}\n                  onSort={() =>\n                    column.sortable && handleSort(column.key || column.label)\n                  }\n                  variant={props.variant}\n                />\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody className=\"table__body\">\n            {currentPageData.map((row, rowIndex) => (\n              <TableRow key={rowIndex} className=\"table__row\">\n                {columns.map((column, cellIndex) => {\n                  const key = column.key || column.label;\n                  const value = row[key];\n                  return (\n                    <TableCell\n                      key={`${key}-${cellIndex}`}\n                      content={value || \"\"}\n                      type={\n                        value && isDoubleLineData(value)\n                          ? \"double-line\"\n                          : value && isActionData(value)\n                            ? \"action\"\n                            : undefined\n                      }\n                    />\n                  );\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n        </table>\n        {pagination && (\n          <Pagination\n            currentPage={currentPage}\n            totalResults={\n              serverSidePagination ? totalItems || 0 : sortedData.length\n            }\n            resultsPerPage={resultsPerPage}\n            setCurrentPage={setCurrentPage}\n            onPageChange={onPageChange}\n            serverSide={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={clsx(\"[&_tr]:border-b-0\", className)}\n      {...props}\n    >\n      {children}\n    </thead>\n  ),\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, children, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={clsx(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    >\n      {children}\n    </tbody>\n  ),\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, children, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={clsx(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </tr>\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  TableHeadProps & {\n    config: ColumnConfig;\n    sortConfig: { key: string; direction: \"asc\" | \"desc\" };\n    onSort?: () => void;\n    variant?: \"default\" | \"exemptions\";\n  }\n>(({ className, config, sortConfig, onSort, ...props }, ref) => {\n  const isSorted = sortConfig.key === (config.key || config.label);\n  const sortDirection = isSorted ? sortConfig.direction : null;\n\n  const getAriaSortValue = (): \"ascending\" | \"descending\" => {\n    return sortDirection === \"asc\" ? \"ascending\" : \"descending\";\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  return (\n    <th\n      ref={ref}\n      className={clsx(\n        \"table__cell table__cell--header\",\n        {\n          \"table__cell--sortable\": config.sortable,\n          \"table__cell--action\": config.action,\n        },\n        className,\n      )}\n      onClick={config.sortable ? onSort : config.action}\n      aria-label={config.ariaLabel}\n      aria-sort={isSorted ? getAriaSortValue() : undefined}\n      {...props}\n    >\n      <div className=\"table__cell--header--content\">\n        <div>\n          <ActionIconText\n            icon={renderIcon(config.icon)}\n            noIcon={!renderIcon(config.icon)}\n            textLabel={config.label}\n            iconPosition={config.iconPosition}\n            handleIconAction={() => {\n              if (config.iconAction) {\n                config.iconAction();\n              }\n            }}\n            popupInfo={config.popupInfo}\n            positionPopUp={config.popupInfo?.positionPopUp}\n            classNameText={\n              props.variant && \"fw-bold text-slate-28 fs-custom md-fs-6\"\n            }\n          />\n        </div>\n        {config.sortable && (\n          <span className=\"sort-indicator\">\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      </div>\n    </th>\n  );\n});\nTableHead.displayName = \"TableHead\";\n\nconst DoubleLineContent: React.FC<{ data: DoubleLineData }> = ({ data }) => (\n  <>\n    <div className=\"table__cell--firstLine\">{data.firstLine}</div>\n    <div className=\"table__cell--secondLine\">{data.secondLine}</div>\n  </>\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\n// check if we are rendering a double line data\nconst isDoubleLineData = (\n  content: TableCellProps[\"content\"],\n): content is DoubleLineData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"firstLine\" in content &&\n    \"secondLine\" in content\n  );\n};\n\n// check if we are rendering an action data\nconst isActionData = (\n  content: TableCellProps[\"content\"],\n): content is ActionData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"label\" in content &&\n    \"type\" in content\n  );\n};\n\nconst TableCellContent: React.FC<{ content: TableCellProps[\"content\"] }> = ({\n  content,\n}) => {\n  if (typeof content === \"string\") {\n    return <>{content}</>;\n  }\n  if (isDoubleLineData(content)) {\n    return <DoubleLineContent data={content} />;\n  }\n  if (isActionData(content)) {\n    return <ActionContent data={content} />;\n  }\n  return null;\n};\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, content, type, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={clsx(\n        \"table__cell\",\n        {\n          \"table__cell--double-line\": type === \"double-line\",\n          \"table__cell--action\": type === \"action\",\n        },\n        className,\n      )}\n      {...props}\n    >\n      <TableCellContent content={content} />\n    </td>\n  ),\n);\nTableCell.displayName = \"TableCell\";\n\nconst Pagination: React.FC<PaginationProps> = ({\n  currentPage = 1,\n  totalResults,\n  resultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  className,\n  serverSide = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\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\", className)}>\n      <div className=\"pagination__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination__info__resultsPerPage\">\n          {resultsPerPage}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n      <div className=\"pagination__nav\">\n        <button\n          className={clsx(\n            \"pagination__button\",\n            isPrevDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handlePreviousPage}\n          disabled={isPrevDisabled}\n          aria-label=\"Previous page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n\n        {getPageNumbers().map((page, index) =>\n          page === \"...\" ? (\n            <span key={`ellipsis-${index}`} className=\"pagination__ellipsis\">\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              className={clsx(\n                \"pagination__button\",\n                currentPage === page && \"pagination__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__button\",\n            isNextDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handleNextPage}\n          disabled={isNextDisabled}\n          aria-label=\"Next page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableHead,\n  TableRow,\n  TableCell,\n  Pagination,\n};\n"],"names":["Table","React","className","columns","data","pagination","initialCurrentPage","resultsPerPage","defaultSortDirection","setSelectedSort","initialSortConfig","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","props","ref","sortConfig","setSortConfig","currentPage","setCurrentPage","useEffect","sortedData","a","b","aValue","bValue","column","col","parseDate","dateStr","datePart","timePart","day","month","year","hours","minutes","dateA","dateB","numA","numB","isDoubleLineData","handleSort","columnKey","newSortConfig","startIndex","endIndex","currentPageData","jsxs","clsx","jsx","TableHeader","TableRow","index","TableHead","TableBody","row","rowIndex","cellIndex","key","value","TableCell","isActionData","Pagination","children","config","onSort","isSorted","sortDirection","getAriaSortValue","renderIcon","icon","Info","Download","ActionIconText","_a","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","serverSide","totalPages","handlePageChange","page","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}

package/dist/index.es67.js

@@ -65,7 +65,7 @@ const C = ({
   onSortChange: l
 }) => {
   const m = (n) => {
-    if (!n) return null;
+    if (!n) return "";
     if (typeof n == "object" && "firstLine" in n) {
       const e = n;
       return `${e.firstLine}${e.secondLine ? ` ${e.secondLine}` : ""}`;

package/dist/index.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es67.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\n  ActionData,\n  ActionIconText,\n  Button,\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  onNextPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n  nextButtonLabel?: string;\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  onNextPage,\n  onPageChange,\n  setCurrentPage: externalSetCurrentPage,\n  nextButtonLabel = \"Visualizza altri\",\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 startIndex = serverSidePagination\n    ? 0\n    : (currentPage - 1) * resultsPerPage;\n  const endIndex = serverSidePagination\n    ? data.length\n    : Math.min(startIndex + resultsPerPage, data.length);\n  const currentPageData = data.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 || data.length}\n          resultsPerPage={resultsPerPage}\n          setCurrentPage={handleSetCurrentPage}\n          onPageChange={onPageChange}\n          serverSide={serverSidePagination}\n          totalItems={totalItems}\n          hasNextPage={hasNextPage}\n          onNextPage={onNextPage}\n          className=\"mt-x16\"\n          nextButtonLabel={nextButtonLabel}\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 null;\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        const columnValue = data[column.key];\n\n        const config = column;\n\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  onNextPage?: () => void;\n  nextButtonLabel: string;\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  onNextPage,\n  nextButtonLabel,\n}) => {\n  const totalPages = serverSide\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\n    : Math.ceil(totalResults / resultsPerPage);\n\n  const handleNextPage = () => {\n    const nextPage = currentPage + 1;\n    if (serverSide && onNextPage) {\n      onNextPage();\n    }\n\n    setCurrentPage?.(nextPage);\n    onPageChange?.(nextPage);\n  };\n\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\n\n  return (\n    <Col\n      className={clsx(\"pagination-mobile fs-6 text-slate-28\", className)}\n      gap=\"x16\"\n    >\n      <div className=\"info\">\n        Stai visualizzando{\" \"}\n        <span className=\"info_resultsPerPage fw-bold\">\n          {Math.min(\n            currentPage * resultsPerPage,\n            serverSide ? totalItems || totalResults : totalResults,\n          )}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n\n      <Button\n        variant=\"primary\"\n        disabled={isNextDisabled}\n        size={\"2\"}\n        onClick={handleNextPage}\n      >\n        {nextButtonLabel}\n      </Button>\n    </Col>\n  );\n};\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","onNextPage","onPageChange","externalSetCurrentPage","nextButtonLabel","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","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","totalPages","handleNextPage","nextPage","isNextDisabled","Button"],"mappings":"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"}
+{"version":3,"file":"index.es67.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\n  ActionData,\n  ActionIconText,\n  Button,\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  onNextPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n  nextButtonLabel?: string;\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  onNextPage,\n  onPageChange,\n  setCurrentPage: externalSetCurrentPage,\n  nextButtonLabel = \"Visualizza altri\",\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 startIndex = serverSidePagination\n    ? 0\n    : (currentPage - 1) * resultsPerPage;\n  const endIndex = serverSidePagination\n    ? data.length\n    : Math.min(startIndex + resultsPerPage, data.length);\n  const currentPageData = data.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 || data.length}\n          resultsPerPage={resultsPerPage}\n          setCurrentPage={handleSetCurrentPage}\n          onPageChange={onPageChange}\n          serverSide={serverSidePagination}\n          totalItems={totalItems}\n          hasNextPage={hasNextPage}\n          onNextPage={onNextPage}\n          className=\"mt-x16\"\n          nextButtonLabel={nextButtonLabel}\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  onNextPage?: () => void;\n  nextButtonLabel: string;\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  onNextPage,\n  nextButtonLabel,\n}) => {\n  const totalPages = serverSide\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\n    : Math.ceil(totalResults / resultsPerPage);\n\n  const handleNextPage = () => {\n    const nextPage = currentPage + 1;\n    if (serverSide && onNextPage) {\n      onNextPage();\n    }\n\n    setCurrentPage?.(nextPage);\n    onPageChange?.(nextPage);\n  };\n\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\n\n  return (\n    <Col\n      className={clsx(\"pagination-mobile fs-6 text-slate-28\", className)}\n      gap=\"x16\"\n    >\n      <div className=\"info\">\n        Stai visualizzando{\" \"}\n        <span className=\"info_resultsPerPage fw-bold\">\n          {Math.min(\n            currentPage * resultsPerPage,\n            serverSide ? totalItems || totalResults : totalResults,\n          )}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n\n      <Button\n        variant=\"primary\"\n        disabled={isNextDisabled}\n        size={\"2\"}\n        onClick={handleNextPage}\n      >\n        {nextButtonLabel}\n      </Button>\n    </Col>\n  );\n};\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","onNextPage","onPageChange","externalSetCurrentPage","nextButtonLabel","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","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","totalPages","handleNextPage","nextPage","isNextDisabled","Button"],"mappings":"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"}

package/dist/index.es69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es69.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\r\nimport { useMemo } from \"react\";\r\nimport { Actions, Calendar } from \"@/icons\";\r\nimport { Button, Row } from \"@/components\";\r\n\r\ntype Variant = \"primary\" | \"secondary\";\r\n\r\ntype NotificationIcon = \"calendar\" | \"actions\";\r\n\r\ntype CardNotificationProps = {\r\n  type: string;\r\n  date: string;\r\n  icon: NotificationIcon;\r\n  showBadge?: boolean;\r\n  title: string;\r\n  text: string;\r\n  variant?: Variant;\r\n  onClickEdit?: () => void;\r\n  onClickManage?: () => void;\r\n  onClickGoToDetails?: () => void;\r\n  showExpired?: boolean;\r\n  buttonMaxWidth?: boolean;\r\n  onClickRightManage?: () => void;\r\n  rightManageTitle?: string;\r\n  goToDetailsTitle?: string;\r\n};\r\n\r\nexport const CardNotification = ({\r\n  type,\r\n  onClickEdit,\r\n  onClickRightManage,\r\n  rightManageTitle = \"Gestisci\",\r\n  goToDetailsTitle = \"Più dettagli\",\r\n  showExpired = false,\r\n  buttonMaxWidth,\r\n  onClickGoToDetails,\r\n  icon = \"calendar\",\r\n  variant = \"primary\",\r\n  onClickManage,\r\n  date,\r\n  title,\r\n  showBadge = false,\r\n  text,\r\n}: CardNotificationProps) => {\r\n  const isSecondary = variant === \"secondary\";\r\n\r\n  const iconToRender = useMemo(() => {\r\n    if (icon === \"calendar\") {\r\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n    if (icon === \"actions\") {\r\n      return <Actions width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n  }, [icon]);\r\n\r\n  const cardClasses = ` ${\r\n    isSecondary\r\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\r\n      : \"bg-white\"\r\n  } shadow br-x4  `;\r\n\r\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\r\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\r\n  }   `;\r\n\r\n  const manageButtonClasses = ` ${\r\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\r\n  }  `;\r\n\r\n  return (\r\n    <div className={cardClasses}>\r\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\r\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\r\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\r\n      </Row>\r\n      <div className={\"ui-card-notifications-divider \"} />\r\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\r\n        <div className={iconContainer}>\r\n          {showBadge && (\r\n            <div className={\"ui-card-notifications-badge-container\"}>\r\n              <div className={\"ui-card-notifications-badge\"} />\r\n            </div>\r\n          )}\r\n          {iconToRender}\r\n        </div>\r\n        <div className={\"w-full\"}>\r\n          <div className={\"mb-x24\"}>\r\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\r\n            {showExpired && (\r\n              <Row mb={\"x8\"}>\r\n                <div\r\n                  className={\r\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\r\n                  }\r\n                >\r\n                  SCADUTO\r\n                </div>\r\n              </Row>\r\n            )}\r\n            <p>{text}</p>\r\n          </div>\r\n\r\n          {onClickManage && (\r\n            <div className={\"base-row justify-content-center\"}>\r\n              <Button className={manageButtonClasses} onClick={onClickManage}>\r\n                Gestisci\r\n              </Button>\r\n            </div>\r\n          )}\r\n\r\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\r\n            {!!onClickGoToDetails && (\r\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\r\n                {goToDetailsTitle}\r\n              </Button>\r\n            )}\r\n            {onClickRightManage && (\r\n              <div className={\"base-row justify-content-center\"}>\r\n                <Button onClick={onClickRightManage}>{rightManageTitle}</Button>\r\n              </div>\r\n            )}\r\n\r\n            {!!onClickEdit && (\r\n              <Button\r\n                onClick={onClickEdit}\r\n                bg=\"transparent\"\r\n                textColor=\"primary\"\r\n              >\r\n                Modifica\r\n              </Button>\r\n            )}\r\n          </Row>\r\n        </div>\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","rightManageTitle","goToDetailsTitle","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"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"}
+{"version":3,"file":"index.es69.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\nimport { useMemo } from \"react\";\nimport { Actions, Calendar } from \"@/icons\";\nimport { Button, Row } from \"@/components\";\n\ntype Variant = \"primary\" | \"secondary\";\n\ntype NotificationIcon = \"calendar\" | \"actions\";\n\ntype CardNotificationProps = {\n  type: string;\n  date: string;\n  icon: NotificationIcon;\n  showBadge?: boolean;\n  title: string;\n  text: string;\n  variant?: Variant;\n  onClickEdit?: () => void;\n  onClickManage?: () => void;\n  onClickGoToDetails?: () => void;\n  showExpired?: boolean;\n  buttonMaxWidth?: boolean;\n  onClickRightManage?: () => void;\n  rightManageTitle?: string;\n  goToDetailsTitle?: string;\n};\n\nexport const CardNotification = ({\n  type,\n  onClickEdit,\n  onClickRightManage,\n  rightManageTitle = \"Gestisci\",\n  goToDetailsTitle = \"Più dettagli\",\n  showExpired = false,\n  buttonMaxWidth,\n  onClickGoToDetails,\n  icon = \"calendar\",\n  variant = \"primary\",\n  onClickManage,\n  date,\n  title,\n  showBadge = false,\n  text,\n}: CardNotificationProps) => {\n  const isSecondary = variant === \"secondary\";\n\n  const iconToRender = useMemo(() => {\n    if (icon === \"calendar\") {\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\n    }\n    if (icon === \"actions\") {\n      return <Actions width={24} height={26} color=\"slate-28\" />;\n    }\n  }, [icon]);\n\n  const cardClasses = ` ${\n    isSecondary\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\n      : \"bg-white\"\n  } shadow br-x4  `;\n\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\n  }   `;\n\n  const manageButtonClasses = ` ${\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\n  }  `;\n\n  return (\n    <div className={cardClasses}>\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\n      </Row>\n      <div className={\"ui-card-notifications-divider \"} />\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\n        <div className={iconContainer}>\n          {showBadge && (\n            <div className={\"ui-card-notifications-badge-container\"}>\n              <div className={\"ui-card-notifications-badge\"} />\n            </div>\n          )}\n          {iconToRender}\n        </div>\n        <div className={\"w-full\"}>\n          <div className={\"mb-x24\"}>\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\n            {showExpired && (\n              <Row mb={\"x8\"}>\n                <div\n                  className={\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\n                  }\n                >\n                  SCADUTO\n                </div>\n              </Row>\n            )}\n            <p>{text}</p>\n          </div>\n\n          {onClickManage && (\n            <div className={\"base-row justify-content-center\"}>\n              <Button className={manageButtonClasses} onClick={onClickManage}>\n                Gestisci\n              </Button>\n            </div>\n          )}\n\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\n            {!!onClickGoToDetails && (\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\n                {goToDetailsTitle}\n              </Button>\n            )}\n            {onClickRightManage && (\n              <div className={\"base-row justify-content-center\"}>\n                <Button onClick={onClickRightManage}>{rightManageTitle}</Button>\n              </div>\n            )}\n\n            {!!onClickEdit && (\n              <Button\n                onClick={onClickEdit}\n                bg=\"transparent\"\n                textColor=\"primary\"\n              >\n                Modifica\n              </Button>\n            )}\n          </Row>\n        </div>\n      </Row>\n    </div>\n  );\n};\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","rightManageTitle","goToDetailsTitle","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"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"}

package/dist/index.es7.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es212.js";
 import { useMemo as i } from "react";
 import { clsx as m } from "./index.es214.js";
-import { createSpacingClasses as c } from "./index.es227.js";
+import { createSpacingClasses as c } from "./index.es228.js";
 const g = ({
   as: o,
   className: r,

package/dist/index.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es7.js","sources":["../src/components/ui/GridContainer/index.tsx"],"sourcesContent":["import { ElementType, ComponentPropsWithoutRef, useMemo } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { createSpacingClasses, SpacingProps } from \"@theme/spacing.ts\";\r\n\r\ntype PolymorphicProps<E extends ElementType> = {\r\n  as?: E;\r\n} & SpacingProps &\r\n  Omit<ComponentPropsWithoutRef<E>, keyof SpacingProps>;\r\n\r\nexport const GridContainer = <E extends ElementType = \"div\">({\r\n  as,\r\n  className,\r\n  style,\r\n  ...rest\r\n}: PolymorphicProps<E>) => {\r\n  const Component = as || \"div\";\r\n\r\n  const classNames = useMemo(() => {\r\n    const spacingClasses = createSpacingClasses(rest);\r\n    return [...spacingClasses].join(\" \");\r\n  }, [rest]);\r\n\r\n  return (\r\n    <Component\r\n      className={clsx(\"base-grid\", className, classNames)}\r\n      style={{\r\n        ...style,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n"],"names":["GridContainer","as","className","style","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":";;;;AASO,MAAMA,IAAgB,CAAgC;AAAA,EAC3D,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAYJ,KAAM,OAElBK,IAAaC,EAAQ,MAElB,CAAC,GADeC,EAAqBJ,CAAI,CACvB,EAAE,KAAK,GAAG,GAClC,CAACA,CAAI,CAAC;AAGP,SAAAK,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,WAAWK,EAAK,aAAaR,GAAWI,CAAU;AAAA,MAClD,OAAO;AAAA,QACL,GAAGH;AAAA,MACL;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"index.es7.js","sources":["../src/components/ui/GridContainer/index.tsx"],"sourcesContent":["import { ElementType, ComponentPropsWithoutRef, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { createSpacingClasses, SpacingProps } from \"@theme/spacing.ts\";\n\ntype PolymorphicProps<E extends ElementType> = {\n  as?: E;\n} & SpacingProps &\n  Omit<ComponentPropsWithoutRef<E>, keyof SpacingProps>;\n\nexport const GridContainer = <E extends ElementType = \"div\">({\n  as,\n  className,\n  style,\n  ...rest\n}: PolymorphicProps<E>) => {\n  const Component = as || \"div\";\n\n  const classNames = useMemo(() => {\n    const spacingClasses = createSpacingClasses(rest);\n    return [...spacingClasses].join(\" \");\n  }, [rest]);\n\n  return (\n    <Component\n      className={clsx(\"base-grid\", className, classNames)}\n      style={{\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n"],"names":["GridContainer","as","className","style","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":";;;;AASO,MAAMA,IAAgB,CAAgC;AAAA,EAC3D,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAYJ,KAAM,OAElBK,IAAaC,EAAQ,MAElB,CAAC,GADeC,EAAqBJ,CAAI,CACvB,EAAE,KAAK,GAAG,GAClC,CAACA,CAAI,CAAC;AAGP,SAAAK,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,WAAWK,EAAK,aAAaR,GAAWI,CAAU;AAAA,MAClD,OAAO;AAAA,QACL,GAAGH;AAAA,MACL;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/index.es70.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es70.js","sources":["../src/components/ui/DatePicker/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport { DateTime } from \"luxon\";\r\nimport \"./DatePicker.scss\";\r\nimport clsx from \"clsx\";\r\nimport { useEffect, useRef } from \"react\";\r\n\r\ntype DatePickerProps = {\r\n  label: string;\r\n  value?: Date | null;\r\n  maxValue?: Date;\r\n  minValue?: Date;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  onClick?: () => void;\r\n  onChange: (date: Date) => void;\r\n  error?: string;\r\n  required?: boolean;\r\n  id?: string;\r\n};\r\n\r\nexport const DatePicker = ({\r\n  label,\r\n  value,\r\n  maxValue,\r\n  minValue,\r\n  className,\r\n  disabled,\r\n  onClick,\r\n  onChange,\r\n  error,\r\n  required = false,\r\n  id,\r\n}: DatePickerProps) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const inputId =\r\n    id || `datepicker-${label.toLowerCase().replace(/\\s+/g, \"-\")}`;\r\n\r\n  useEffect(() => {\r\n    if (error && inputRef.current) {\r\n      inputRef.current.setAttribute(\"aria-invalid\", \"true\");\r\n      inputRef.current.setAttribute(\"aria-describedby\", `${inputId}-error`);\r\n    } else if (inputRef.current) {\r\n      inputRef.current.setAttribute(\"aria-invalid\", \"false\");\r\n      inputRef.current.removeAttribute(\"aria-describedby\");\r\n    }\r\n  }, [error, inputId]);\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === \"Enter\" && !disabled) {\r\n      onClick?.();\r\n    }\r\n  };\r\n\r\n  const formattedValue = value\r\n    ? DateTime.fromJSDate(value).toFormat(\"yyyy-MM-dd\")\r\n    : \"\";\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"datepicker-container\", className)}\r\n      role=\"group\"\r\n      aria-labelledby={`${inputId}-label`}\r\n      aria-describedby={error ? `${inputId}-error` : undefined}\r\n    >\r\n      <label\r\n        id={`${inputId}-label`}\r\n        htmlFor={inputId}\r\n        className=\"datepicker-label fs-7\"\r\n      >\r\n        {label}\r\n        {required && (\r\n          <span className=\"text-error ml-1\" aria-hidden=\"true\">\r\n            *\r\n          </span>\r\n        )}\r\n      </label>\r\n      <input\r\n        ref={inputRef}\r\n        id={inputId}\r\n        type=\"date\"\r\n        className=\"datepicker-input fs-6\"\r\n        disabled={disabled}\r\n        value={formattedValue}\r\n        max={\r\n          maxValue\r\n            ? DateTime.fromJSDate(maxValue).toFormat(\"yyyy-MM-dd\")\r\n            : undefined\r\n        }\r\n        min={\r\n          minValue\r\n            ? DateTime.fromJSDate(minValue).toFormat(\"yyyy-MM-dd\")\r\n            : undefined\r\n        }\r\n        onClick={() => onClick?.()}\r\n        onChange={(e) => {\r\n          const newDate = new Date(e.target.value);\r\n          if (!isNaN(newDate.getTime())) {\r\n            onChange(newDate);\r\n          }\r\n        }}\r\n        onKeyDown={handleKeyDown}\r\n        aria-required={required}\r\n        aria-disabled={disabled}\r\n        aria-label={label}\r\n        aria-invalid={!!error}\r\n        aria-describedby={error ? `${inputId}-error` : undefined}\r\n      />\r\n      {error && (\r\n        <div\r\n          id={`${inputId}-error`}\r\n          className=\"datepicker-error\"\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DatePicker","label","value","maxValue","minValue","className","disabled","onClick","onChange","error","required","id","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","newDate"],"mappings":";;;;;;AAoBO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,IAAAC;AACF,MAAuB;AACf,QAAAC,IAAWC,EAAyB,IAAI,GACxCC,IACJH,KAAM,cAAcV,EAAM,YAAc,EAAA,QAAQ,QAAQ,GAAG,CAAC;AAE9D,EAAAc,EAAU,MAAM;AACV,IAAAN,KAASG,EAAS,WACXA,EAAA,QAAQ,aAAa,gBAAgB,MAAM,GACpDA,EAAS,QAAQ,aAAa,oBAAoB,GAAGE,CAAO,QAAQ,KAC3DF,EAAS,YACTA,EAAA,QAAQ,aAAa,gBAAgB,OAAO,GAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB;AAAA,EACrD,GACC,CAACH,GAAOK,CAAO,CAAC;AAEb,QAAAE,IAAgB,CAACC,MAA6C;AAClE,IAAIA,EAAE,QAAQ,WAAW,CAACX,MACdC,KAAA,QAAAA;AAAA,EAEd,GAEMW,IAAiBhB,IACnBiB,EAAS,WAAWjB,CAAK,EAAE,SAAS,YAAY,IAChD;AAGF,SAAAkB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,wBAAwBhB,CAAS;AAAA,MACjD,MAAK;AAAA,MACL,mBAAiB,GAAGS,CAAO;AAAA,MAC3B,oBAAkBL,IAAQ,GAAGK,CAAO,WAAW;AAAA,MAE/C,UAAA;AAAA,QAAAM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGN,CAAO;AAAA,YACd,SAASA;AAAA,YACT,WAAU;AAAA,YAET,UAAA;AAAA,cAAAb;AAAA,cACAS,KACEY,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAErD,IAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,IAAIE;AAAA,YACJ,MAAK;AAAA,YACL,WAAU;AAAA,YACV,UAAAR;AAAA,YACA,OAAOY;AAAA,YACP,KACEf,IACIgB,EAAS,WAAWhB,CAAQ,EAAE,SAAS,YAAY,IACnD;AAAA,YAEN,KACEC,IACIe,EAAS,WAAWf,CAAQ,EAAE,SAAS,YAAY,IACnD;AAAA,YAEN,SAAS,MAAMG,KAAA,gBAAAA;AAAA,YACf,UAAU,CAACU,MAAM;AACf,oBAAMM,IAAU,IAAI,KAAKN,EAAE,OAAO,KAAK;AACvC,cAAK,MAAMM,EAAQ,QAAS,CAAA,KAC1Bf,EAASe,CAAO;AAAA,YAEpB;AAAA,YACA,WAAWP;AAAA,YACX,iBAAeN;AAAA,YACf,iBAAeJ;AAAA,YACf,cAAYL;AAAA,YACZ,gBAAc,CAAC,CAACQ;AAAA,YAChB,oBAAkBA,IAAQ,GAAGK,CAAO,WAAW;AAAA,UAAA;AAAA,QACjD;AAAA,QACCL,KACCa,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGR,CAAO;AAAA,YACd,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es70.js","sources":["../src/components/ui/DatePicker/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { DateTime } from \"luxon\";\nimport \"./DatePicker.scss\";\nimport clsx from \"clsx\";\nimport { useEffect, useRef } from \"react\";\n\ntype DatePickerProps = {\n  label: string;\n  value?: Date | null;\n  maxValue?: Date;\n  minValue?: Date;\n  className?: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  onChange: (date: Date) => void;\n  error?: string;\n  required?: boolean;\n  id?: string;\n};\n\nexport const DatePicker = ({\n  label,\n  value,\n  maxValue,\n  minValue,\n  className,\n  disabled,\n  onClick,\n  onChange,\n  error,\n  required = false,\n  id,\n}: DatePickerProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId =\n    id || `datepicker-${label.toLowerCase().replace(/\\s+/g, \"-\")}`;\n\n  useEffect(() => {\n    if (error && inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"true\");\n      inputRef.current.setAttribute(\"aria-describedby\", `${inputId}-error`);\n    } else if (inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"false\");\n      inputRef.current.removeAttribute(\"aria-describedby\");\n    }\n  }, [error, inputId]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\" && !disabled) {\n      onClick?.();\n    }\n  };\n\n  const formattedValue = value\n    ? DateTime.fromJSDate(value).toFormat(\"yyyy-MM-dd\")\n    : \"\";\n\n  return (\n    <div\n      className={clsx(\"datepicker-container\", className)}\n      role=\"group\"\n      aria-labelledby={`${inputId}-label`}\n      aria-describedby={error ? `${inputId}-error` : undefined}\n    >\n      <label\n        id={`${inputId}-label`}\n        htmlFor={inputId}\n        className=\"datepicker-label fs-7\"\n      >\n        {label}\n        {required && (\n          <span className=\"text-error ml-1\" aria-hidden=\"true\">\n            *\n          </span>\n        )}\n      </label>\n      <input\n        ref={inputRef}\n        id={inputId}\n        type=\"date\"\n        className=\"datepicker-input fs-6\"\n        disabled={disabled}\n        value={formattedValue}\n        max={\n          maxValue\n            ? DateTime.fromJSDate(maxValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        min={\n          minValue\n            ? DateTime.fromJSDate(minValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        onClick={() => onClick?.()}\n        onChange={(e) => {\n          const newDate = new Date(e.target.value);\n          if (!isNaN(newDate.getTime())) {\n            onChange(newDate);\n          }\n        }}\n        onKeyDown={handleKeyDown}\n        aria-required={required}\n        aria-disabled={disabled}\n        aria-label={label}\n        aria-invalid={!!error}\n        aria-describedby={error ? `${inputId}-error` : undefined}\n      />\n      {error && (\n        <div\n          id={`${inputId}-error`}\n          className=\"datepicker-error\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {error}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DatePicker","label","value","maxValue","minValue","className","disabled","onClick","onChange","error","required","id","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","newDate"],"mappings":";;;;;;AAoBO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,IAAAC;AACF,MAAuB;AACf,QAAAC,IAAWC,EAAyB,IAAI,GACxCC,IACJH,KAAM,cAAcV,EAAM,YAAc,EAAA,QAAQ,QAAQ,GAAG,CAAC;AAE9D,EAAAc,EAAU,MAAM;AACV,IAAAN,KAASG,EAAS,WACXA,EAAA,QAAQ,aAAa,gBAAgB,MAAM,GACpDA,EAAS,QAAQ,aAAa,oBAAoB,GAAGE,CAAO,QAAQ,KAC3DF,EAAS,YACTA,EAAA,QAAQ,aAAa,gBAAgB,OAAO,GAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB;AAAA,EACrD,GACC,CAACH,GAAOK,CAAO,CAAC;AAEb,QAAAE,IAAgB,CAACC,MAA6C;AAClE,IAAIA,EAAE,QAAQ,WAAW,CAACX,MACdC,KAAA,QAAAA;AAAA,EAEd,GAEMW,IAAiBhB,IACnBiB,EAAS,WAAWjB,CAAK,EAAE,SAAS,YAAY,IAChD;AAGF,SAAAkB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,wBAAwBhB,CAAS;AAAA,MACjD,MAAK;AAAA,MACL,mBAAiB,GAAGS,CAAO;AAAA,MAC3B,oBAAkBL,IAAQ,GAAGK,CAAO,WAAW;AAAA,MAE/C,UAAA;AAAA,QAAAM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGN,CAAO;AAAA,YACd,SAASA;AAAA,YACT,WAAU;AAAA,YAET,UAAA;AAAA,cAAAb;AAAA,cACAS,KACEY,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAErD,IAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,IAAIE;AAAA,YACJ,MAAK;AAAA,YACL,WAAU;AAAA,YACV,UAAAR;AAAA,YACA,OAAOY;AAAA,YACP,KACEf,IACIgB,EAAS,WAAWhB,CAAQ,EAAE,SAAS,YAAY,IACnD;AAAA,YAEN,KACEC,IACIe,EAAS,WAAWf,CAAQ,EAAE,SAAS,YAAY,IACnD;AAAA,YAEN,SAAS,MAAMG,KAAA,gBAAAA;AAAA,YACf,UAAU,CAACU,MAAM;AACf,oBAAMM,IAAU,IAAI,KAAKN,EAAE,OAAO,KAAK;AACvC,cAAK,MAAMM,EAAQ,QAAS,CAAA,KAC1Bf,EAASe,CAAO;AAAA,YAEpB;AAAA,YACA,WAAWP;AAAA,YACX,iBAAeN;AAAA,YACf,iBAAeJ;AAAA,YACf,cAAYL;AAAA,YACZ,gBAAc,CAAC,CAACQ;AAAA,YAChB,oBAAkBA,IAAQ,GAAGK,CAAO,WAAW;AAAA,UAAA;AAAA,QACjD;AAAA,QACCL,KACCa,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGR,CAAO;AAAA,YACd,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es71.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es71.js","sources":["../src/components/ui/DatePickerRange/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport clsx from \"clsx\";\r\nimport { useEffect, useRef } from \"react\";\r\nimport { DatePicker } from \"../DatePicker\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype DatePickerRangeProps = {\r\n  label?: string;\r\n  startDateLabel?: string;\r\n  endDateLabel?: string;\r\n  startDate?: Date;\r\n  endDate?: Date;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  required?: boolean;\r\n  error?: string;\r\n  onStartDateChange: (date: Date) => void;\r\n  onEndDateChange: (date: Date) => void;\r\n  onStartDateClick?: () => void;\r\n  onEndDateClick?: () => void;\r\n};\r\n\r\nexport const DatePickerRange = ({\r\n  label,\r\n  startDateLabel = \"Start Date\",\r\n  endDateLabel = \"End Date\",\r\n  startDate,\r\n  endDate,\r\n  className,\r\n  disabled = false,\r\n  required = false,\r\n  error,\r\n  onStartDateChange,\r\n  onEndDateChange,\r\n  onStartDateClick,\r\n  onEndDateClick,\r\n}: DatePickerRangeProps) => {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  // we need to generate a unique id for the container and manage errors\r\n  const containerId = label\r\n    ? `datepicker-range-${label.toLowerCase().replace(/\\s+/g, \"-\")}`\r\n    : \"datepicker-range\";\r\n\r\n  useEffect(() => {\r\n    if (error && containerRef.current) {\r\n      containerRef.current.setAttribute(\"aria-invalid\", \"true\");\r\n      containerRef.current.setAttribute(\r\n        \"aria-describedby\",\r\n        `${containerId}-error`,\r\n      );\r\n    } else if (containerRef.current) {\r\n      containerRef.current.setAttribute(\"aria-invalid\", \"false\");\r\n      containerRef.current.removeAttribute(\"aria-describedby\");\r\n    }\r\n  }, [error, containerId]);\r\n\r\n  const handleStartDateChange = (date: Date) => {\r\n    // Ensure end date is not before start date\r\n    if (endDate && date > endDate) {\r\n      onStartDateChange(date);\r\n      onEndDateChange(date);\r\n    } else {\r\n      onStartDateChange(date);\r\n    }\r\n  };\r\n\r\n  const handleEndDateChange = (date: Date) => {\r\n    // Ensure start date is not after end date\r\n    if (startDate && date < startDate) {\r\n      onStartDateChange(date);\r\n      onEndDateChange(date);\r\n    } else {\r\n      onEndDateChange(date);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      className={clsx(\"base-col gap-x8\", className)}\r\n      role=\"group\"\r\n      aria-labelledby={label ? `${containerId}-label` : undefined}\r\n      aria-describedby={error ? `${containerId}-error` : undefined}\r\n    >\r\n      {label && (\r\n        <label id={`${containerId}-label`} className=\"text-sm text-dark\">\r\n          {label}\r\n          {required && (\r\n            <span className=\"text-error ml-1\" aria-hidden=\"true\">\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      <Row gap={\"x16\"} role=\"group\">\r\n        <DatePicker\r\n          label={startDateLabel}\r\n          value={startDate}\r\n          maxValue={endDate}\r\n          disabled={disabled}\r\n          required={required}\r\n          onChange={handleStartDateChange}\r\n          onClick={onStartDateClick}\r\n          className=\"flex-1\"\r\n        />\r\n\r\n        <DatePicker\r\n          label={endDateLabel}\r\n          value={endDate}\r\n          minValue={startDate}\r\n          disabled={disabled}\r\n          required={required}\r\n          onChange={handleEndDateChange}\r\n          onClick={onEndDateClick}\r\n          className=\"flex-1\"\r\n        />\r\n      </Row>\r\n\r\n      {error && (\r\n        <div\r\n          id={`${containerId}-error`}\r\n          className=\"text-sm text-error\"\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DatePickerRange","label","startDateLabel","endDateLabel","startDate","endDate","className","disabled","required","error","onStartDateChange","onEndDateChange","onStartDateClick","onEndDateClick","containerRef","useRef","containerId","useEffect","handleStartDateChange","date","handleEndDateChange","jsxs","clsx","jsx","Row","DatePicker"],"mappings":";;;;;AAsBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AACF,MAA4B;AACpB,QAAAC,IAAeC,EAAuB,IAAI,GAE1CC,IAAcf,IAChB,oBAAoBA,EAAM,cAAc,QAAQ,QAAQ,GAAG,CAAC,KAC5D;AAEJ,EAAAgB,EAAU,MAAM;AACV,IAAAR,KAASK,EAAa,WACXA,EAAA,QAAQ,aAAa,gBAAgB,MAAM,GACxDA,EAAa,QAAQ;AAAA,MACnB;AAAA,MACA,GAAGE,CAAW;AAAA,IAChB,KACSF,EAAa,YACTA,EAAA,QAAQ,aAAa,gBAAgB,OAAO,GAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB;AAAA,EACzD,GACC,CAACL,GAAOO,CAAW,CAAC;AAEjB,QAAAE,IAAwB,CAACC,MAAe;AAExC,IAAAd,KAAWc,IAAOd,KACpBK,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI,KAEpBT,EAAkBS,CAAI;AAAA,EAE1B,GAEMC,IAAsB,CAACD,MAAe;AAEtC,IAAAf,KAAae,IAAOf,KACtBM,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI;AAAA,EAIxB;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWQ,EAAK,mBAAmBhB,CAAS;AAAA,MAC5C,MAAK;AAAA,MACL,mBAAiBL,IAAQ,GAAGe,CAAW,WAAW;AAAA,MAClD,oBAAkBP,IAAQ,GAAGO,CAAW,WAAW;AAAA,MAElD,UAAA;AAAA,QAAAf,4BACE,SAAM,EAAA,IAAI,GAAGe,CAAW,UAAU,WAAU,qBAC1C,UAAA;AAAA,UAAAf;AAAA,UACAO,KACEe,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAErD,IAAA,CAAA;AAAA,QAAA,GAEJ;AAAA,QAGDF,gBAAAA,EAAA,KAAAG,GAAA,EAAI,KAAK,OAAO,MAAK,SACpB,UAAA;AAAA,UAAAD,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOvB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUC;AAAA,cACV,UAAAE;AAAA,cACA,UAAAC;AAAA,cACA,UAAUU;AAAA,cACV,SAASN;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEAW,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOtB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUD;AAAA,cACV,UAAAG;AAAA,cACA,UAAAC;AAAA,cACA,UAAUY;AAAA,cACV,SAASP;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QAECJ,KACCc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGP,CAAW;AAAA,YAClB,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es71.js","sources":["../src/components/ui/DatePickerRange/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport clsx from \"clsx\";\nimport { useEffect, useRef } from \"react\";\nimport { DatePicker } from \"../DatePicker\";\nimport { Row } from \"@/components\";\n\ntype DatePickerRangeProps = {\n  label?: string;\n  startDateLabel?: string;\n  endDateLabel?: string;\n  startDate?: Date;\n  endDate?: Date;\n  className?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: string;\n  onStartDateChange: (date: Date) => void;\n  onEndDateChange: (date: Date) => void;\n  onStartDateClick?: () => void;\n  onEndDateClick?: () => void;\n};\n\nexport const DatePickerRange = ({\n  label,\n  startDateLabel = \"Start Date\",\n  endDateLabel = \"End Date\",\n  startDate,\n  endDate,\n  className,\n  disabled = false,\n  required = false,\n  error,\n  onStartDateChange,\n  onEndDateChange,\n  onStartDateClick,\n  onEndDateClick,\n}: DatePickerRangeProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  // we need to generate a unique id for the container and manage errors\n  const containerId = label\n    ? `datepicker-range-${label.toLowerCase().replace(/\\s+/g, \"-\")}`\n    : \"datepicker-range\";\n\n  useEffect(() => {\n    if (error && containerRef.current) {\n      containerRef.current.setAttribute(\"aria-invalid\", \"true\");\n      containerRef.current.setAttribute(\n        \"aria-describedby\",\n        `${containerId}-error`,\n      );\n    } else if (containerRef.current) {\n      containerRef.current.setAttribute(\"aria-invalid\", \"false\");\n      containerRef.current.removeAttribute(\"aria-describedby\");\n    }\n  }, [error, containerId]);\n\n  const handleStartDateChange = (date: Date) => {\n    // Ensure end date is not before start date\n    if (endDate && date > endDate) {\n      onStartDateChange(date);\n      onEndDateChange(date);\n    } else {\n      onStartDateChange(date);\n    }\n  };\n\n  const handleEndDateChange = (date: Date) => {\n    // Ensure start date is not after end date\n    if (startDate && date < startDate) {\n      onStartDateChange(date);\n      onEndDateChange(date);\n    } else {\n      onEndDateChange(date);\n    }\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(\"base-col gap-x8\", className)}\n      role=\"group\"\n      aria-labelledby={label ? `${containerId}-label` : undefined}\n      aria-describedby={error ? `${containerId}-error` : undefined}\n    >\n      {label && (\n        <label id={`${containerId}-label`} className=\"text-sm text-dark\">\n          {label}\n          {required && (\n            <span className=\"text-error ml-1\" aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <Row gap={\"x16\"} role=\"group\">\n        <DatePicker\n          label={startDateLabel}\n          value={startDate}\n          maxValue={endDate}\n          disabled={disabled}\n          required={required}\n          onChange={handleStartDateChange}\n          onClick={onStartDateClick}\n          className=\"flex-1\"\n        />\n\n        <DatePicker\n          label={endDateLabel}\n          value={endDate}\n          minValue={startDate}\n          disabled={disabled}\n          required={required}\n          onChange={handleEndDateChange}\n          onClick={onEndDateClick}\n          className=\"flex-1\"\n        />\n      </Row>\n\n      {error && (\n        <div\n          id={`${containerId}-error`}\n          className=\"text-sm text-error\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {error}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DatePickerRange","label","startDateLabel","endDateLabel","startDate","endDate","className","disabled","required","error","onStartDateChange","onEndDateChange","onStartDateClick","onEndDateClick","containerRef","useRef","containerId","useEffect","handleStartDateChange","date","handleEndDateChange","jsxs","clsx","jsx","Row","DatePicker"],"mappings":";;;;;AAsBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AACF,MAA4B;AACpB,QAAAC,IAAeC,EAAuB,IAAI,GAE1CC,IAAcf,IAChB,oBAAoBA,EAAM,cAAc,QAAQ,QAAQ,GAAG,CAAC,KAC5D;AAEJ,EAAAgB,EAAU,MAAM;AACV,IAAAR,KAASK,EAAa,WACXA,EAAA,QAAQ,aAAa,gBAAgB,MAAM,GACxDA,EAAa,QAAQ;AAAA,MACnB;AAAA,MACA,GAAGE,CAAW;AAAA,IAChB,KACSF,EAAa,YACTA,EAAA,QAAQ,aAAa,gBAAgB,OAAO,GAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB;AAAA,EACzD,GACC,CAACL,GAAOO,CAAW,CAAC;AAEjB,QAAAE,IAAwB,CAACC,MAAe;AAExC,IAAAd,KAAWc,IAAOd,KACpBK,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI,KAEpBT,EAAkBS,CAAI;AAAA,EAE1B,GAEMC,IAAsB,CAACD,MAAe;AAEtC,IAAAf,KAAae,IAAOf,KACtBM,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI;AAAA,EAIxB;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWQ,EAAK,mBAAmBhB,CAAS;AAAA,MAC5C,MAAK;AAAA,MACL,mBAAiBL,IAAQ,GAAGe,CAAW,WAAW;AAAA,MAClD,oBAAkBP,IAAQ,GAAGO,CAAW,WAAW;AAAA,MAElD,UAAA;AAAA,QAAAf,4BACE,SAAM,EAAA,IAAI,GAAGe,CAAW,UAAU,WAAU,qBAC1C,UAAA;AAAA,UAAAf;AAAA,UACAO,KACEe,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAErD,IAAA,CAAA;AAAA,QAAA,GAEJ;AAAA,QAGDF,gBAAAA,EAAA,KAAAG,GAAA,EAAI,KAAK,OAAO,MAAK,SACpB,UAAA;AAAA,UAAAD,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOvB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUC;AAAA,cACV,UAAAE;AAAA,cACA,UAAAC;AAAA,cACA,UAAUU;AAAA,cACV,SAASN;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEAW,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOtB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUD;AAAA,cACV,UAAAG;AAAA,cACA,UAAAC;AAAA,cACA,UAAUY;AAAA,cACV,SAASP;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QAECJ,KACCc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGP,CAAW;AAAA,YAClB,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es73.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es73.js","sources":["../src/components/ui/InfoModal/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Row } from \"@/components\";\r\nimport { Actions, Close } from \"@/icons\";\r\nimport \"./InfoModal.scss\";\r\n\r\ntype InfoModalProps = {\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  id?: string;\r\n  title: string;\r\n  text: string;\r\n};\r\n\r\nconst InfoModal = ({ open, setOpen, id = \"\", title, text }: InfoModalProps) => {\r\n  return (\r\n    <Dialog.Root open={open} onOpenChange={setOpen}>\r\n      <Dialog.Portal>\r\n        <Dialog.Content className=\"shadow br-x4 ui-info-modal-body\" id={id}>\r\n          <div className=\"bg-lightblue-a03 ui-info-modal-container shadow br-x4\">\r\n            <Row p={\"x20\"} gap=\"x16\">\r\n              <div className=\"ui-info-modal-icon base-row bg-lightblue-a03\">\r\n                <div className=\"ui-info-modal-badge-container\">\r\n                  <div className=\"ui-info-modal-badge\" />\r\n                </div>\r\n                <Row\r\n                  className=\"ui-info-modal-action-container\"\r\n                  alignItems=\"center\"\r\n                  justifyContent=\"center\"\r\n                >\r\n                  <Actions width={24} height={26} color=\"slate-28\" />\r\n                </Row>\r\n              </div>\r\n              <div className=\"w-full\">\r\n                <p className=\"my-x8 fs-5 fw-semibold\">{title}</p>\r\n                <p>{text}</p>\r\n              </div>\r\n              <Close\r\n                className={\"cursor-pointer\"}\r\n                onClick={() => setOpen(false)}\r\n                width={32}\r\n                height={32}\r\n                color=\"slate-28\"\r\n              />\r\n            </Row>\r\n          </div>\r\n        </Dialog.Content>\r\n      </Dialog.Portal>\r\n    </Dialog.Root>\r\n  );\r\n};\r\n\r\nexport { InfoModal };\r\n"],"names":["InfoModal","open","setOpen","id","title","text","jsx","Dialog.Root","Dialog.Portal","Dialog.Content","jsxs","Row","Actions","Close"],"mappings":";;;;;;AAeM,MAAAA,IAAY,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,IAAI,OAAAC,GAAO,MAAAC,QAEhDC,gBAAAA,EAAA,IAACC,GAAA,EAAY,MAAAN,GAAY,cAAcC,GACrC,UAACI,gBAAAA,EAAAA,IAAAE,GAAA,EACC,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAe,WAAU,mCAAkC,IAAAN,GAC1D,UAAAG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,yDACb,UAAAI,gBAAAA,EAAA,KAACC,GAAI,EAAA,GAAG,OAAO,KAAI,OACjB,UAAA;AAAA,EAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iCACb,gCAAC,OAAI,EAAA,WAAU,uBAAsB,EACvC,CAAA;AAAA,IACAA,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,gBAAe;AAAA,QAEf,gCAACC,GAAQ,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,WAAW,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACF;AAAA,EACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,UACb,UAAA;AAAA,IAACJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,0BAA0B,UAAMF,GAAA;AAAA,IAC7CE,gBAAAA,EAAAA,IAAC,OAAG,UAAKD,EAAA,CAAA;AAAA,EAAA,GACX;AAAA,EACAC,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAS,MAAMX,EAAQ,EAAK;AAAA,MAC5B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAM;AAAA,IAAA;AAAA,EAAA;AAEV,EAAA,CAAA,EACF,CAAA,GACF,EAAA,CACF,EACF,CAAA;"}
+{"version":3,"file":"index.es73.js","sources":["../src/components/ui/InfoModal/index.tsx"],"sourcesContent":["\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { Row } from \"@/components\";\nimport { Actions, Close } from \"@/icons\";\nimport \"./InfoModal.scss\";\n\ntype InfoModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  id?: string;\n  title: string;\n  text: string;\n};\n\nconst InfoModal = ({ open, setOpen, id = \"\", title, text }: InfoModalProps) => {\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      <Dialog.Portal>\n        <Dialog.Content className=\"shadow br-x4 ui-info-modal-body\" id={id}>\n          <div className=\"bg-lightblue-a03 ui-info-modal-container shadow br-x4\">\n            <Row p={\"x20\"} gap=\"x16\">\n              <div className=\"ui-info-modal-icon base-row bg-lightblue-a03\">\n                <div className=\"ui-info-modal-badge-container\">\n                  <div className=\"ui-info-modal-badge\" />\n                </div>\n                <Row\n                  className=\"ui-info-modal-action-container\"\n                  alignItems=\"center\"\n                  justifyContent=\"center\"\n                >\n                  <Actions width={24} height={26} color=\"slate-28\" />\n                </Row>\n              </div>\n              <div className=\"w-full\">\n                <p className=\"my-x8 fs-5 fw-semibold\">{title}</p>\n                <p>{text}</p>\n              </div>\n              <Close\n                className={\"cursor-pointer\"}\n                onClick={() => setOpen(false)}\n                width={32}\n                height={32}\n                color=\"slate-28\"\n              />\n            </Row>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nexport { InfoModal };\n"],"names":["InfoModal","open","setOpen","id","title","text","jsx","Dialog.Root","Dialog.Portal","Dialog.Content","jsxs","Row","Actions","Close"],"mappings":";;;;;;AAeM,MAAAA,IAAY,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,IAAI,OAAAC,GAAO,MAAAC,QAEhDC,gBAAAA,EAAA,IAACC,GAAA,EAAY,MAAAN,GAAY,cAAcC,GACrC,UAACI,gBAAAA,EAAAA,IAAAE,GAAA,EACC,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAe,WAAU,mCAAkC,IAAAN,GAC1D,UAAAG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,yDACb,UAAAI,gBAAAA,EAAA,KAACC,GAAI,EAAA,GAAG,OAAO,KAAI,OACjB,UAAA;AAAA,EAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iCACb,gCAAC,OAAI,EAAA,WAAU,uBAAsB,EACvC,CAAA;AAAA,IACAA,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,gBAAe;AAAA,QAEf,gCAACC,GAAQ,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,WAAW,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACF;AAAA,EACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,UACb,UAAA;AAAA,IAACJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,0BAA0B,UAAMF,GAAA;AAAA,IAC7CE,gBAAAA,EAAAA,IAAC,OAAG,UAAKD,EAAA,CAAA;AAAA,EAAA,GACX;AAAA,EACAC,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAS,MAAMX,EAAQ,EAAK;AAAA,MAC5B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAM;AAAA,IAAA;AAAA,EAAA;AAEV,EAAA,CAAA,EACF,CAAA,GACF,EAAA,CACF,EACF,CAAA;"}

package/dist/index.es74.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es74.js","sources":["../src/components/ui/DoctorSkeleton/index.tsx"],"sourcesContent":["import \"./DoctorSkeleton.scss\";\r\n\r\nexport const DoctorSkeleton = () => {\r\n  return (\r\n    <div className=\"doctor-skeleton-container\">\r\n      {/* Doctor header with title and buttons */}\r\n      <div className=\"doctor-skeleton-header-row\">\r\n        <div className=\"doctor-skeleton-doctor-name pulse\"></div>\r\n        <div className=\"doctor-skeleton-actions\">\r\n          <div className=\"doctor-skeleton-action-storico pulse\"></div>\r\n          <div className=\"doctor-skeleton-action-scegli pulse\"></div>\r\n          <div className=\"doctor-skeleton-action-cambia pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Divider */}\r\n      <div className=\"doctor-skeleton-divider\"></div>\r\n\r\n      {/* Info fields in 3-column layout */}\r\n      <div className=\"doctor-skeleton-info-grid\">\r\n        {/* Column 1: Anno di nascita */}\r\n        <div className=\"doctor-skeleton-info-column\">\r\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\r\n        </div>\r\n\r\n        {/* Column 2: Distretto */}\r\n        <div className=\"doctor-skeleton-info-column\">\r\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n          <div className=\"doctor-skeleton-info-value-long pulse\"></div>\r\n        </div>\r\n\r\n        {/* Column 3: Specializzazione */}\r\n        <div className=\"doctor-skeleton-info-column\">\r\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Selection date in separate row */}\r\n      <div className=\"doctor-skeleton-selection-date\">\r\n        <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n        <div className=\"doctor-skeleton-info-value pulse\"></div>\r\n      </div>\r\n\r\n      {/* Tabs */}\r\n      <div className=\"doctor-skeleton-tabs-container\">\r\n        <div className=\"doctor-skeleton-tab-active pulse\"></div>\r\n        <div className=\"doctor-skeleton-tab-divider\"></div>\r\n      </div>\r\n\r\n      {/* Office address */}\r\n      <div className=\"doctor-skeleton-office\">\r\n        <div className=\"doctor-skeleton-office-title pulse\"></div>\r\n\r\n        {/* Contact info and schedule in two columns */}\r\n        <div className=\"doctor-skeleton-office-grid\">\r\n          {/* Left column - Contact info */}\r\n          <div className=\"doctor-skeleton-contact-column\">\r\n            <div className=\"doctor-skeleton-contact-item\">\r\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\r\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\r\n            </div>\r\n            <div className=\"doctor-skeleton-contact-item\">\r\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\r\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Right column - Schedule */}\r\n          <div className=\"doctor-skeleton-schedule-column\">\r\n            <div className=\"doctor-skeleton-schedule-title pulse\"></div>\r\n            <div className=\"doctor-skeleton-schedule-grid\">\r\n              {/* Row 1 */}\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n\r\n              {/* Row 2 */}\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n\r\n              {/* Row 3 */}\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></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":["DoctorSkeleton","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index.es74.js","sources":["../src/components/ui/DoctorSkeleton/index.tsx"],"sourcesContent":["import \"./DoctorSkeleton.scss\";\n\nexport const DoctorSkeleton = () => {\n  return (\n    <div className=\"doctor-skeleton-container\">\n      {/* Doctor header with title and buttons */}\n      <div className=\"doctor-skeleton-header-row\">\n        <div className=\"doctor-skeleton-doctor-name pulse\"></div>\n        <div className=\"doctor-skeleton-actions\">\n          <div className=\"doctor-skeleton-action-storico pulse\"></div>\n          <div className=\"doctor-skeleton-action-scegli pulse\"></div>\n          <div className=\"doctor-skeleton-action-cambia pulse\"></div>\n        </div>\n      </div>\n\n      {/* Divider */}\n      <div className=\"doctor-skeleton-divider\"></div>\n\n      {/* Info fields in 3-column layout */}\n      <div className=\"doctor-skeleton-info-grid\">\n        {/* Column 1: Anno di nascita */}\n        <div className=\"doctor-skeleton-info-column\">\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\n        </div>\n\n        {/* Column 2: Distretto */}\n        <div className=\"doctor-skeleton-info-column\">\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\n          <div className=\"doctor-skeleton-info-value-long pulse\"></div>\n        </div>\n\n        {/* Column 3: Specializzazione */}\n        <div className=\"doctor-skeleton-info-column\">\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\n        </div>\n      </div>\n\n      {/* Selection date in separate row */}\n      <div className=\"doctor-skeleton-selection-date\">\n        <div className=\"doctor-skeleton-info-label pulse\"></div>\n        <div className=\"doctor-skeleton-info-value pulse\"></div>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"doctor-skeleton-tabs-container\">\n        <div className=\"doctor-skeleton-tab-active pulse\"></div>\n        <div className=\"doctor-skeleton-tab-divider\"></div>\n      </div>\n\n      {/* Office address */}\n      <div className=\"doctor-skeleton-office\">\n        <div className=\"doctor-skeleton-office-title pulse\"></div>\n\n        {/* Contact info and schedule in two columns */}\n        <div className=\"doctor-skeleton-office-grid\">\n          {/* Left column - Contact info */}\n          <div className=\"doctor-skeleton-contact-column\">\n            <div className=\"doctor-skeleton-contact-item\">\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\n            </div>\n            <div className=\"doctor-skeleton-contact-item\">\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\n            </div>\n          </div>\n\n          {/* Right column - Schedule */}\n          <div className=\"doctor-skeleton-schedule-column\">\n            <div className=\"doctor-skeleton-schedule-title pulse\"></div>\n            <div className=\"doctor-skeleton-schedule-grid\">\n              {/* Row 1 */}\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n\n              {/* Row 2 */}\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n\n              {/* Row 3 */}\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["DoctorSkeleton","jsxs","jsx"],"mappings":"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"}

package/dist/index.es75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es75.js","sources":["../src/components/ui/InfoCardSkeleton/index.tsx"],"sourcesContent":["import \"./InfoCardSkeleton.scss\";\r\n\r\nexport const InfoCardSkeleton = () => {\r\n  return (\r\n    <div className=\"data-banner-skeleton pulse\">\r\n      <div className=\"data-banner-skeleton-content\">\r\n        {/*<div className=\"data-banner-skeleton-text pulse\"></div>*/}\r\n        {/*<div className=\"data-banner-skeleton-link pulse\"></div>*/}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["InfoCardSkeleton","jsx"],"mappings":";;AAEO,MAAMA,IAAmB,MAE5BC,gBAAAA,MAAC,SAAI,WAAU,8BACb,gCAAC,OAAI,EAAA,WAAU,gCAGf,EACF,CAAA;"}
+{"version":3,"file":"index.es75.js","sources":["../src/components/ui/InfoCardSkeleton/index.tsx"],"sourcesContent":["import \"./InfoCardSkeleton.scss\";\n\nexport const InfoCardSkeleton = () => {\n  return (\n    <div className=\"data-banner-skeleton pulse\">\n      <div className=\"data-banner-skeleton-content\">\n        {/*<div className=\"data-banner-skeleton-text pulse\"></div>*/}\n        {/*<div className=\"data-banner-skeleton-link pulse\"></div>*/}\n      </div>\n    </div>\n  );\n};\n"],"names":["InfoCardSkeleton","jsx"],"mappings":";;AAEO,MAAMA,IAAmB,MAE5BC,gBAAAA,MAAC,SAAI,WAAU,8BACb,gCAAC,OAAI,EAAA,WAAU,gCAGf,EACF,CAAA;"}

package/dist/index.es76.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es76.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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"}
+{"version":3,"file":"index.es76.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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"}