@anoki/fse-ui 1.0.476 → 1.0.477

package/dist/index.es65.js

@@ -5,43 +5,43 @@ import './components/ui/Table/Table.css';/* empty css            */
 import { ActionIconText as q } from "./index.es59.js";
 import { TriangleUp as G } from "./index.es150.js";
 import { TriangleDown as J } from "./index.es151.js";
-import { Download as Q } from "./index.es143.js";
-import { Info as W } from "./index.es152.js";
+import { Info as Q } from "./index.es152.js";
+import { Download as W } from "./index.es143.js";
 const X = _.forwardRef(
   ({
     className: e,
     columns: t,
     data: s,
     pagination: i,
-    initialCurrentPage: f = 1,
+    initialCurrentPage: j = 1,
     resultsPerPage: m = 10,
-    defaultSortDirection: n = "desc",
+    defaultSortDirection: l = "desc",
     ...p
   }, g) => {
-    const [d, u] = _.useState({
+    const [d, h] = _.useState({
       key: t[0].key || t[0].label,
-      direction: n
-    }), [k, $] = _.useState(f), N = _.useMemo(() => [...s].sort((o, x) => {
-      const r = o[d.key], l = x[d.key], b = t.find(
-        (j) => (j.key || j.label) === d.key
+      direction: l
+    }), [k, $] = _.useState(j), N = _.useMemo(() => [...s].sort((o, x) => {
+      const r = o[d.key], n = x[d.key], b = t.find(
+        (f) => (f.key || f.label) === d.key
       );
-      if (typeof r == "string" && typeof l == "string") {
+      if (typeof r == "string" && typeof n == "string") {
         if ((b == null ? void 0 : b.type) === "date") {
-          const j = (M) => {
+          const f = (M) => {
             const [F, H] = M.split(" - "), [V, z, E] = F.split("/").map(Number), [O, U] = H.split(":").map(Number);
             return new Date(E, z - 1, V, O, U);
-          }, h = j(r), v = j(l);
-          return d.direction === "asc" ? h.getTime() - v.getTime() : v.getTime() - h.getTime();
+          }, u = f(r), C = f(n);
+          return d.direction === "asc" ? u.getTime() - C.getTime() : C.getTime() - u.getTime();
         }
         if ((b == null ? void 0 : b.type) === "number") {
-          const j = parseFloat(r), h = parseFloat(l);
-          return d.direction === "asc" ? j - h : h - j;
+          const f = parseFloat(r), u = parseFloat(n);
+          return d.direction === "asc" ? f - u : u - f;
         }
-        return d.direction === "asc" ? r.localeCompare(l) : l.localeCompare(r);
+        return d.direction === "asc" ? r.localeCompare(n) : n.localeCompare(r);
       }
-      return y(r) && y(l) ? d.direction === "asc" ? r.firstLine.localeCompare(l.firstLine) : l.firstLine.localeCompare(r.firstLine) : 0;
+      return y(r) && y(n) ? d.direction === "asc" ? r.firstLine.localeCompare(n.firstLine) : n.firstLine.localeCompare(r.firstLine) : 0;
     }), [s, d, t]), S = (o) => {
-      u((x) => ({
+      h((x) => ({
         key: o,
         direction: x.key === o && x.direction === "asc" ? "desc" : "asc"
       }));
@@ -55,7 +55,7 @@ const X = _.forwardRef(
           role: "table",
           ...p,
           children: [
-            /* @__PURE__ */ a.jsx(C, { className: "table__header", children: /* @__PURE__ */ a.jsx(w, { children: t.map((o, x) => /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(v, { className: "table__header", children: /* @__PURE__ */ a.jsx(w, { children: t.map((o, x) => /* @__PURE__ */ a.jsx(
               R,
               {
                 config: o,
@@ -64,21 +64,21 @@ const X = _.forwardRef(
               },
               `${o.label}-${x}`
             )) }) }),
-            /* @__PURE__ */ a.jsx(D, { className: "table__body", children: I.map((o, x) => /* @__PURE__ */ a.jsx(w, { className: "table__row", children: Object.entries(o).map(([r, l], b) => l ? r === "actionData" && A(l) ? /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(D, { className: "table__body", children: I.map((o, x) => /* @__PURE__ */ a.jsx(w, { className: "table__row", children: Object.entries(o).map(([r, n], b) => n ? r === "actionData" && A(n) ? /* @__PURE__ */ a.jsx(
               T,
               {
-                content: l,
+                content: n,
                 type: "action"
               },
               `${r}-${b}`
-            ) : y(l) ? /* @__PURE__ */ a.jsx(
+            ) : y(n) ? /* @__PURE__ */ a.jsx(
               T,
               {
-                content: l,
+                content: n,
                 type: "double-line"
               },
               `${r}-${b}`
-            ) : typeof l == "string" ? /* @__PURE__ */ a.jsx(T, { content: l }, `${r}-${b}`) : null : null) }, x)) })
+            ) : typeof n == "string" ? /* @__PURE__ */ a.jsx(T, { content: n }, `${r}-${b}`) : null : null) }, x)) })
           ]
         }
       ),
@@ -95,7 +95,7 @@ const X = _.forwardRef(
   }
 );
 X.displayName = "Table";
-const C = _.forwardRef(
+const v = _.forwardRef(
   ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
     "thead",
     {
@@ -106,7 +106,7 @@ const C = _.forwardRef(
     }
   )
 );
-C.displayName = "TableHeader";
+v.displayName = "TableHeader";
 const D = _.forwardRef(
   ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
     "tbody",
@@ -134,15 +134,15 @@ const w = _.forwardRef(
   )
 );
 w.displayName = "TableRow";
-const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...f }, m) => {
-  const n = s.key === (t.key || t.label), p = n ? s.direction : null, g = () => p === "asc" ? "ascending" : "descending", d = (u) => {
-    switch (u) {
+const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...j }, m) => {
+  const l = s.key === (t.key || t.label), p = l ? s.direction : null, g = () => p === "asc" ? "ascending" : "descending", d = (h) => {
+    switch (h) {
       case "info":
-        return /* @__PURE__ */ a.jsx(W, {});
-      case "download":
         return /* @__PURE__ */ a.jsx(Q, {});
+      case "download":
+        return /* @__PURE__ */ a.jsx(W, {});
       default:
-        return u;
+        return h;
     }
   };
   return /* @__PURE__ */ a.jsx(
@@ -159,8 +159,8 @@ const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...
       ),
       onClick: t.sortable ? i : t.action,
       "aria-label": t.ariaLabel,
-      "aria-sort": n ? g() : void 0,
-      ...f,
+      "aria-sort": l ? g() : void 0,
+      ...j,
       children: /* @__PURE__ */ a.jsxs("div", { className: "table__cell--header--content", children: [
         /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
           q,
@@ -178,18 +178,18 @@ const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...
           /* @__PURE__ */ a.jsx(
             G,
             {
-              filled: n && p === "desc",
+              filled: l && p === "desc",
               className: c("sort-indicator__triangle", {
-                active: n && p === "desc"
+                active: l && p === "desc"
               })
             }
           ),
           /* @__PURE__ */ a.jsx(
             J,
             {
-              filled: n && p === "asc",
+              filled: l && p === "asc",
               className: c("sort-indicator__triangle", {
-                active: n && p === "asc"
+                active: l && p === "asc"
               })
             }
           )
@@ -205,10 +205,10 @@ const Y = ({ data: e }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
 ] }), Z = ({ data: e }) => e.type === "link" && e.link ? /* @__PURE__ */ a.jsx("a", { href: e.link, "aria-label": e.ariaLabel, children: e.label }) : /* @__PURE__ */ a.jsx("button", { onClick: e.action, "aria-label": e.ariaLabel, children: e.label }), y = (e) => typeof e == "object" && e !== null && "firstLine" in e && "secondLine" in e, A = (e) => typeof e == "object" && e !== null && "label" in e && "type" in e, K = ({
   content: e
 }) => typeof e == "string" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : y(e) ? /* @__PURE__ */ a.jsx(Y, { data: e }) : A(e) ? /* @__PURE__ */ a.jsx(Z, { data: e }) : null, T = _.forwardRef(
-  ({ className: e, content: t, type: s, ...i }, f) => /* @__PURE__ */ a.jsx(
+  ({ className: e, content: t, type: s, ...i }, j) => /* @__PURE__ */ a.jsx(
     "td",
     {
-      ref: f,
+      ref: j,
       className: c(
         "table__cell",
         {
@@ -228,10 +228,10 @@ const P = ({
   totalResults: t,
   resultsPerPage: s,
   setCurrentPage: i,
-  className: f
+  className: j
 }) => {
   const m = Math.ceil(t / s);
-  return /* @__PURE__ */ a.jsxs("div", { className: c("pagination", f), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: c("pagination", j), children: [
     /* @__PURE__ */ a.jsxs("div", { className: "pagination__info", children: [
       "Stai visualizzando",
       " ",
@@ -255,17 +255,17 @@ const P = ({
           children: /* @__PURE__ */ a.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ a.jsx("path", { d: "M15 18l-6-6 6-6" }) })
         }
       ),
-      Array.from({ length: m }, (n, p) => p + 1).map((n) => /* @__PURE__ */ a.jsx(
+      Array.from({ length: m }, (l, p) => p + 1).map((l) => /* @__PURE__ */ a.jsx(
         "button",
         {
           className: c(
             "pagination__button",
-            e === n && "pagination__button--active"
+            e === l && "pagination__button--active"
           ),
-          onClick: () => i(n),
-          children: n
+          onClick: () => i(l),
+          children: l
         },
-        n
+        l
       )),
       /* @__PURE__ */ a.jsx(
         "button",
@@ -289,7 +289,7 @@ export {
   D as TableBody,
   T as TableCell,
   R as TableHead,
-  C as TableHeader,
+  v as TableHeader,
   w as TableRow
 };
 //# sourceMappingURL=index.es65.js.map

package/dist/index.es65.js.map

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

package/dist/index.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es67.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};\r\n\r\nexport const CardNotification = ({\r\n  type,\r\n  onClickEdit,\r\n  onClickRightManage,\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            {onClickRightManage && (\r\n              <div className={\"base-row justify-content-center\"}>\r\n                <Button onClick={onClickRightManage}>Gestisci</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            {!!onClickGoToDetails && (\r\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\r\n                Più dettagli\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","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.es67.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};\n\nexport const CardNotification = ({\n  type,\n  onClickEdit,\n  onClickRightManage,\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            {onClickRightManage && (\n              <div className={\"base-row justify-content-center\"}>\n                <Button onClick={onClickRightManage}>Gestisci</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            {!!onClickGoToDetails && (\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\n                Più dettagli\n              </Button>\n            )}\n          </Row>\n        </div>\n      </Row>\n    </div>\n  );\n};\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","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.es68.js

@@ -1,33 +1,33 @@
 import { j as i } from "./index.es179.js";
-import n from "./index.es160.js";
+import o from "./index.es160.js";
 import "./index.es3.js";
 import './components/ui/DatePicker/DatePicker.css';/* empty css            */
-import { clsx as D } from "./index.es180.js";
-import { useRef as h, useEffect as j } from "react";
+import { clsx as h } from "./index.es180.js";
+import { useRef as v, useEffect as j } from "react";
 const F = ({
-  label: s,
+  label: d,
   value: m,
   maxValue: c,
   minValue: l,
-  className: f,
-  disabled: d,
+  className: p,
+  disabled: s,
   onClick: a,
   onChange: y,
   error: r,
-  required: p = !1,
+  required: u = !1,
   id: b
 }) => {
-  const t = h(null), e = b || `datepicker-${s.toLowerCase().replace(/\s+/g, "-")}`;
+  const t = v(null), e = b || `datepicker-${d.toLowerCase().replace(/\s+/g, "-")}`;
   j(() => {
     r && t.current ? (t.current.setAttribute("aria-invalid", "true"), t.current.setAttribute("aria-describedby", `${e}-error`)) : t.current && (t.current.setAttribute("aria-invalid", "false"), t.current.removeAttribute("aria-describedby"));
   }, [r, e]);
-  const v = (o) => {
-    o.key === "Enter" && !d && (a == null || a());
-  }, x = m ? n.fromJSDate(m).toFormat("yyyy-MM-dd") : "";
+  const x = (n) => {
+    n.key === "Enter" && !s && (a == null || a());
+  }, D = m ? o.fromJSDate(m).toFormat("yyyy-MM-dd") : "";
   return /* @__PURE__ */ i.jsxs(
     "div",
     {
-      className: D("datepicker-container", f),
+      className: h("datepicker-container", p),
       role: "group",
       "aria-labelledby": `${e}-label`,
       "aria-describedby": r ? `${e}-error` : void 0,
@@ -39,8 +39,8 @@ const F = ({
             htmlFor: e,
             className: "datepicker-label fs-7",
             children: [
-              s,
-              p && /* @__PURE__ */ i.jsx("span", { className: "text-error ml-1", "aria-hidden": "true", children: "*" })
+              d,
+              u && /* @__PURE__ */ i.jsx("span", { className: "text-error ml-1", "aria-hidden": "true", children: "*" })
             ]
           }
         ),
@@ -51,19 +51,19 @@ const F = ({
             id: e,
             type: "date",
             className: "datepicker-input fs-6",
-            disabled: d,
-            value: x,
-            max: c ? n.fromJSDate(c).toFormat("yyyy-MM-dd") : void 0,
-            min: l ? n.fromJSDate(l).toFormat("yyyy-MM-dd") : void 0,
+            disabled: s,
+            value: D,
+            max: c ? o.fromJSDate(c).toFormat("yyyy-MM-dd") : void 0,
+            min: l ? o.fromJSDate(l).toFormat("yyyy-MM-dd") : void 0,
             onClick: () => a == null ? void 0 : a(),
-            onChange: (o) => {
-              const u = new Date(o.target.value);
-              isNaN(u.getTime()) || y(u);
+            onChange: (n) => {
+              const f = new Date(n.target.value);
+              isNaN(f.getTime()) || y(f);
             },
-            onKeyDown: v,
-            "aria-required": p,
-            "aria-disabled": d,
-            "aria-label": s,
+            onKeyDown: x,
+            "aria-required": u,
+            "aria-disabled": s,
+            "aria-label": d,
             "aria-invalid": !!r,
             "aria-describedby": r ? `${e}-error` : void 0
           }

package/dist/index.es68.js.map

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

@@ -1,22 +1,22 @@
 import { j as i } from "./index.es179.js";
-import { clsx as h } from "./index.es180.js";
+import { clsx as v } from "./index.es180.js";
 import { useRef as k, useEffect as N } from "react";
-import { DatePicker as x } from "./index.es68.js";
+import { DatePicker as f } from "./index.es68.js";
 import { Row as $ } from "./index.es9.js";
 const E = ({
   label: l,
-  startDateLabel: f = "Start Date",
-  endDateLabel: p = "End Date",
+  startDateLabel: x = "Start Date",
+  endDateLabel: d = "End Date",
   startDate: t,
   endDate: c,
-  className: d,
+  className: p,
   disabled: u = !1,
-  required: o = !1,
+  required: n = !1,
   error: a,
-  onStartDateChange: n,
+  onStartDateChange: o,
   onEndDateChange: m,
   onStartDateClick: b,
-  onEndDateClick: v
+  onEndDateClick: j
 }) => {
   const r = k(null), s = l ? `datepicker-range-${l.toLowerCase().replace(/\s+/g, "-")}` : "datepicker-range";
   N(() => {
@@ -25,48 +25,48 @@ const E = ({
       `${s}-error`
     )) : r.current && (r.current.setAttribute("aria-invalid", "false"), r.current.removeAttribute("aria-describedby"));
   }, [a, s]);
-  const j = (e) => {
-    c && e > c ? (n(e), m(e)) : n(e);
-  }, g = (e) => {
-    t && e < t && n(e), m(e);
+  const g = (e) => {
+    c && e > c ? (o(e), m(e)) : o(e);
+  }, h = (e) => {
+    t && e < t && o(e), m(e);
   };
   return /* @__PURE__ */ i.jsxs(
     "div",
     {
       ref: r,
-      className: h("base-col gap-x8", d),
+      className: v("base-col gap-x8", p),
       role: "group",
       "aria-labelledby": l ? `${s}-label` : void 0,
       "aria-describedby": a ? `${s}-error` : void 0,
       children: [
         l && /* @__PURE__ */ i.jsxs("label", { id: `${s}-label`, className: "text-sm text-dark", children: [
           l,
-          o && /* @__PURE__ */ i.jsx("span", { className: "text-error ml-1", "aria-hidden": "true", children: "*" })
+          n && /* @__PURE__ */ i.jsx("span", { className: "text-error ml-1", "aria-hidden": "true", children: "*" })
         ] }),
         /* @__PURE__ */ i.jsxs($, { gap: "x16", role: "group", children: [
           /* @__PURE__ */ i.jsx(
-            x,
+            f,
             {
-              label: f,
+              label: x,
               value: t,
               maxValue: c,
               disabled: u,
-              required: o,
-              onChange: j,
+              required: n,
+              onChange: g,
               onClick: b,
               className: "flex-1"
             }
           ),
           /* @__PURE__ */ i.jsx(
-            x,
+            f,
             {
-              label: p,
+              label: d,
               value: c,
               minValue: t,
               disabled: u,
-              required: o,
-              onChange: g,
-              onClick: v,
+              required: n,
+              onChange: h,
+              onClick: j,
               className: "flex-1"
             }
           )