@pismo/marola 1.0.0-beta.30 → 1.0.0-beta.32

package/dist/components/Table/Table.js

@@ -1,46 +1,46 @@
 import '../../assets/Table.css';
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import * as p from "react";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import * as i from "react";
 import { useState as w } from "react";
-import { c as d } from "../../clsx-DB4S2d7J.js";
+import { c as y } from "../../clsx-DB4S2d7J.js";
 import { paginationDefaultTranslations as u, Pagination as T } from "../Pagination/Pagination.js";
 import { sortTooltipDefaultTranslations as m, SortTooltip as f } from "../SortTooltip/SortTooltip.js";
 import { TableProvider as x, useTable as N } from "./TableContext.js";
-const C = (l) => /* @__PURE__ */ p.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ p.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ p.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ p.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ p.createElement("defs", null, /* @__PURE__ */ p.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ p.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_1ysnl_43", E = "_th__wrapper_1ysnl_118", k = "_tr_1ysnl_134", v = "_td_1ysnl_138", t = {
-  "u-typography-h1": "_u-typography-h1_1ysnl_1",
-  "u-typography-h2": "_u-typography-h2_1ysnl_8",
-  "u-typography-h3": "_u-typography-h3_1ysnl_15",
-  "u-typography-h4": "_u-typography-h4_1ysnl_22",
-  "u-typography-h5": "_u-typography-h5_1ysnl_29",
-  "u-typography-h6": "_u-typography-h6_1ysnl_36",
-  "u-typography-base": "_u-typography-base_1ysnl_43",
+const C = (a) => /* @__PURE__ */ i.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ i.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ i.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ i.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ i.createElement("defs", null, /* @__PURE__ */ i.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ i.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_1tnti_43", E = "_th__wrapper_1tnti_117", k = "_tr_1tnti_137", v = "_td_1tnti_141", e = {
+  "u-typography-h1": "_u-typography-h1_1tnti_1",
+  "u-typography-h2": "_u-typography-h2_1tnti_8",
+  "u-typography-h3": "_u-typography-h3_1tnti_15",
+  "u-typography-h4": "_u-typography-h4_1tnti_22",
+  "u-typography-h5": "_u-typography-h5_1tnti_29",
+  "u-typography-h6": "_u-typography-h6_1tnti_36",
+  "u-typography-base": "_u-typography-base_1tnti_43",
   table: L,
-  "u-typography-base--xxl": "_u-typography-base--xxl_1ysnl_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1ysnl_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1ysnl_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1ysnl_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1ysnl_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1ysnl_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1ysnl_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1ysnl_74",
-  "table--fixed": "_table--fixed_1ysnl_82",
-  "table--full-width": "_table--full-width_1ysnl_85",
-  "table--white-theme": "_table--white-theme_1ysnl_88",
-  "table--transparent-theme": "_table--transparent-theme_1ysnl_91",
-  "cell--left-alignment": "_cell--left-alignment_1ysnl_94",
-  "cell--center-alignment": "_cell--center-alignment_1ysnl_98",
-  "cell--right-alignment": "_cell--right-alignment_1ysnl_102",
+  "u-typography-base--xxl": "_u-typography-base--xxl_1tnti_49",
+  "u-typography-base--xl": "_u-typography-base--xl_1tnti_53",
+  "u-typography-base--lg": "_u-typography-base--lg_1tnti_57",
+  "u-typography-base--sm": "_u-typography-base--sm_1tnti_61",
+  "u-typography-base--bold": "_u-typography-base--bold_1tnti_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1tnti_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1tnti_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1tnti_74",
+  "table--fixed": "_table--fixed_1tnti_82",
+  "table--full-width": "_table--full-width_1tnti_85",
+  "table--white-theme": "_table--white-theme_1tnti_88",
+  "table--transparent-theme": "_table--transparent-theme_1tnti_91",
+  "cell--left-alignment": "_cell--left-alignment_1tnti_94",
+  "cell--center-alignment": "_cell--center-alignment_1tnti_98",
+  "cell--right-alignment": "_cell--right-alignment_1tnti_102",
   th__wrapper: E,
-  "th__wrapper--pressed": "_th__wrapper--pressed_1ysnl_121",
-  "th__wrapper--clickable": "_th__wrapper--clickable_1ysnl_125",
-  "th__sort-icon-container": "_th__sort-icon-container_1ysnl_128",
-  "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_1ysnl_134",
+  "th__wrapper--pressed": "_th__wrapper--pressed_1tnti_122",
+  "th__wrapper--clickable": "_th__wrapper--clickable_1tnti_128",
+  "th__sort-icon-container": "_th__sort-icon-container_1tnti_131",
+  "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_1tnti_137",
   tr: k,
   td: v,
-  "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_1ysnl_143",
-  "td__row-or-cell--clickable": "_td__row-or-cell--clickable_1ysnl_144",
-  "td__row-or-cell--disabled": "_td__row-or-cell--disabled_1ysnl_148",
-  "td-wrapper": "_td-wrapper_1ysnl_152"
+  "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_1tnti_147",
+  "td__row-or-cell--clickable": "_td__row-or-cell--clickable_1tnti_148",
+  "td__row-or-cell--disabled": "_td__row-or-cell--disabled_1tnti_152",
+  "td-wrapper": "_td-wrapper_1tnti_156"
 }, B = {
   pt: {
     ...u.pt,
@@ -60,80 +60,80 @@ const C = (l) => /* @__PURE__ */ p.createElement("svg", { width: 7, height: 10,
     of: "de",
     results: "resultados"
   }
-}, s = ({
-  children: l,
-  theme: e = "white",
-  fullWidth: r = !0,
-  className: n,
-  paginationProps: _,
+}, _ = ({
+  children: a,
+  theme: t = "white",
+  fullWidth: l = !0,
+  className: s,
+  paginationProps: n,
   isFixed: o,
-  language: y,
+  language: p,
   translations: b,
   ...h
 }) => {
-  const c = d(
-    t.table,
-    r && t["table--full-width"],
-    o && t["table--fixed"],
-    t[`table--${e}-theme`],
-    n
-  ), i = y && B[y] || b;
-  return /* @__PURE__ */ g(x, { initialTranslations: i, children: [
-    /* @__PURE__ */ a("table", { ...h, className: c, children: l }),
-    _ && /* @__PURE__ */ a(T, { ..._, t: i })
+  const c = y(
+    e.table,
+    l && e["table--full-width"],
+    o && e["table--fixed"],
+    e[`table--${t}-theme`],
+    s
+  ), d = p && B[p] || b;
+  return /* @__PURE__ */ g(x, { initialTranslations: d, children: [
+    /* @__PURE__ */ r("table", { ...h, className: c, children: a }),
+    n && /* @__PURE__ */ r(T, { ...n, t: d })
   ] });
-}, H = ({ children: l, ...e }) => /* @__PURE__ */ a("thead", { ...e, children: l }), P = ({ children: l, ...e }) => /* @__PURE__ */ a("tbody", { ...e, children: l }), D = ({ children: l, onClick: e, disabled: r, className: n, ..._ }) => {
-  const o = d(
-    t.tr,
-    e && !r ? t["tr__row-or-cell--clickable"] : r ? t["tr__row-or-cell--disabled"] : "",
-    n
+}, H = ({ children: a, ...t }) => /* @__PURE__ */ r("thead", { ...t, children: a }), P = ({ children: a, ...t }) => /* @__PURE__ */ r("tbody", { ...t, children: a }), D = ({ children: a, onClick: t, disabled: l, className: s, ...n }) => {
+  const o = y(
+    e.tr,
+    t && !l ? e["tr__row-or-cell--clickable"] : l ? e["tr__row-or-cell--disabled"] : "",
+    s
   );
-  return /* @__PURE__ */ a("tr", { ..._, className: o, onClick: () => !r && (e == null ? void 0 : e()), children: l });
-}, M = ({ children: l, onClick: e, disabled: r, className: n, align: _ = "left", ...o }) => {
-  const y = d(
-    t.td,
-    e && !r ? t["td__row-or-cell--clickable"] : r ? t["td__row-or-cell--disabled"] : "",
-    t[`cell--${_}-alignment`],
-    n
+  return /* @__PURE__ */ r("tr", { ...n, className: o, onClick: () => !l && (t == null ? void 0 : t()), children: a });
+}, M = ({ children: a, onClick: t, disabled: l, className: s, align: n = "left", ...o }) => {
+  const p = y(
+    e.td,
+    t && !l ? e["td__row-or-cell--clickable"] : l ? e["td__row-or-cell--disabled"] : "",
+    e[`cell--${n}-alignment`],
+    s
   );
-  return /* @__PURE__ */ a("td", { ...o, className: y, onClick: () => !r && (e == null ? void 0 : e()), children: /* @__PURE__ */ a("span", { className: t["td-wrapper"], children: l }) });
-}, O = ({ children: l, onSort: e, sortType: r, className: n, classNameTooltip: _, align: o = "left", ...y }) => {
-  const { translations: b } = N(), [h, c] = w(!1), i = d(
-    t.th__wrapper,
-    h ? t["th__wrapper--pressed"] : "",
-    e ? t["th__wrapper--clickable"] : "",
-    n
+  return /* @__PURE__ */ r("td", { ...o, className: p, onClick: () => !l && (t == null ? void 0 : t()), children: /* @__PURE__ */ r("span", { className: e["td-wrapper"], children: a }) });
+}, O = ({ children: a, onSort: t, sortType: l, className: s, classNameTooltip: n, align: o = "left", ...p }) => {
+  const { translations: b } = N(), [h, c] = w(!1), d = y(
+    e.th__wrapper,
+    h ? e["th__wrapper--pressed"] : "",
+    t ? e["th__wrapper--clickable"] : "",
+    s
   );
-  return /* @__PURE__ */ a("th", { ...y, className: t[`cell--${o}-alignment`], children: /* @__PURE__ */ a("span", { className: i, onClick: e && (() => c(!h)), children: e ? /* @__PURE__ */ g(
+  return /* @__PURE__ */ r("th", { ...p, className: e[`cell--${o}-alignment`], children: /* @__PURE__ */ r("span", { className: d, onClick: t && (() => c(!h)), children: t ? /* @__PURE__ */ g(
     f,
     {
       onClose: () => c(!1),
-      onSort: e,
+      onSort: t,
       show: h,
-      sortType: r,
-      className: _,
+      sortType: l,
+      className: n,
       t: b,
       children: [
-        /* @__PURE__ */ a("span", { children: l }),
-        /* @__PURE__ */ a("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ a(C, {}) })
+        /* @__PURE__ */ r("span", { children: a }),
+        /* @__PURE__ */ r("span", { className: e["th__sort-icon-container"], children: /* @__PURE__ */ r(C, { width: 12, height: 12 }) })
       ]
     }
-  ) : /* @__PURE__ */ a("span", { children: l }) }) });
+  ) : /* @__PURE__ */ r("span", { children: a }) }) });
 };
-s.THead = H;
-s.THead.displayName = "Table.THead";
-s.TBody = P;
-s.TBody.displayName = "Table.TBody";
-s.Tr = D;
-s.Tr.displayName = "Table.Tr";
-s.Td = M;
-s.Td.displayName = "Table.Td";
-s.Th = O;
-s.Th.displayName = "Table.Th";
+_.THead = H;
+_.THead.displayName = "Table.THead";
+_.TBody = P;
+_.TBody.displayName = "Table.TBody";
+_.Tr = D;
+_.Tr.displayName = "Table.Tr";
+_.Td = M;
+_.Td.displayName = "Table.Td";
+_.Th = O;
+_.Th.displayName = "Table.Th";
 export {
   P as TBody,
   H as THead,
-  s as Table,
+  _ as Table,
   M as Td,
   O as Th,
   D as Tr

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.0-beta.30",
+  "version": "1.0.0-beta.32",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",