@pismo/marola 1.0.17 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/assets/Table.css +1 -1
  2. package/dist/components/Chip/Chip.stories.d.ts +1 -1
  3. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +1 -1
  4. package/dist/components/Dialog/Dialog.stories.d.ts +1 -1
  5. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
  6. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
  7. package/dist/components/Popover/Popover.stories.d.ts +1 -1
  8. package/dist/components/Snackbar/Snackbar.stories.d.ts +1 -1
  9. package/dist/components/Table/Table.d.ts +4 -2
  10. package/dist/components/Table/Table.js +54 -51
  11. package/dist/components/Table/_Table.Tr.stories.d.ts +2 -1
  12. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
  13. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
  14. package/dist/components/Typography/Typography.stories.d.ts +1 -1
  15. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  16. package/package.json +1 -1
package/dist/assets/Table.css CHANGED
@@ -1 +1 @@
1
- ._table_yerpo_1{color:var(--secondary-orange);border-spacing:0}._table--fixed_yerpo_5{table-layout:fixed}._table--full-width_yerpo_8{width:100%}._table--white-theme_yerpo_11{background:var(--white-100)}._table--transparent-theme_yerpo_14{background:transparent}._table_yerpo_1 th._cell--left-alignment_yerpo_17,._table_yerpo_1 td._cell--left-alignment_yerpo_17{text-align:left}._table_yerpo_1 th._cell--center-alignment_yerpo_21,._table_yerpo_1 td._cell--center-alignment_yerpo_21{text-align:center}._table_yerpo_1 th._cell--right-alignment_yerpo_25,._table_yerpo_1 td._cell--right-alignment_yerpo_25{text-align:right}._table_yerpo_1 thead{font-size:.75rem;font-weight:900;line-height:1rem;color:var(--gray-90);text-transform:uppercase}._table_yerpo_1 thead tr th{align-items:center;height:4rem;padding:0 1rem;line-height:1rem;border-bottom:.0625rem solid var(--gray-25)}._table_yerpo_1 thead tr th ._th__wrapper_yerpo_43>span,._table_yerpo_1 thead tr th ._th__wrapper_yerpo_43 span+span{display:inline-flex;align-items:center}._table_yerpo_1 thead tr th ._th__wrapper--pressed_yerpo_48{padding:.25rem .5rem;margin:0 -.5rem;background-color:var(--gray-10);border-radius:.375rem}._table_yerpo_1 thead tr th ._th__wrapper--clickable_yerpo_54{cursor:pointer}._table_yerpo_1 thead tr th ._th__wrapper_yerpo_43 ._th__sort-icon-container_yerpo_57{padding-left:.25rem}._table_yerpo_1 tbody{font-size:1rem;font-weight:400;line-height:1.3125rem;color:var(--gray-90)}._table_yerpo_1 tbody tr:hover:not(._tr__row-or-cell--disabled_yerpo_66){background-color:rgb(var(--gray-5-rgb),.5)}._table_yerpo_1 tbody ._tr_yerpo_66,._table_yerpo_1 tbody ._td_yerpo_70{height:3.5rem;padding:0 1rem;line-height:var(--body-line-height);border-bottom:.0625rem solid var(--gray-10)}._table_yerpo_1 tbody ._tr__row-or-cell--clickable_yerpo_76,._table_yerpo_1 tbody ._td__row-or-cell--clickable_yerpo_77{cursor:pointer}._table_yerpo_1 tbody ._tr__row-or-cell--disabled_yerpo_66,._table_yerpo_1 tbody ._td__row-or-cell--disabled_yerpo_81{background:var(--cream);filter:grayscale(1)}._table_yerpo_1 tbody ._tr__row-or-cell--disabled_yerpo_66 ._td-wrapper_yerpo_85,._table_yerpo_1 tbody ._td__row-or-cell--disabled_yerpo_81 ._td-wrapper_yerpo_85{opacity:.25}
1
+ ._table_484oh_1{color:var(--secondary-orange);border-spacing:0}._table--fixed_484oh_5{table-layout:fixed}._table--full-width_484oh_8{width:100%}._table--white-theme_484oh_11{background:var(--white-100)}._table--transparent-theme_484oh_14{background:transparent}._table_484oh_1 th._cell--left-alignment_484oh_17,._table_484oh_1 td._cell--left-alignment_484oh_17{text-align:left}._table_484oh_1 th._cell--center-alignment_484oh_21,._table_484oh_1 td._cell--center-alignment_484oh_21{text-align:center}._table_484oh_1 th._cell--right-alignment_484oh_25,._table_484oh_1 td._cell--right-alignment_484oh_25{text-align:right}._table_484oh_1 thead{font-size:.75rem;font-weight:900;line-height:1rem;color:var(--gray-90);text-transform:uppercase}._table_484oh_1 thead tr th{align-items:center;height:4rem;padding:0 1rem;line-height:1rem;border-bottom:.0625rem solid var(--gray-25)}._table_484oh_1 thead tr th ._th__wrapper_484oh_43>span,._table_484oh_1 thead tr th ._th__wrapper_484oh_43 span+span{display:inline-flex;align-items:center}._table_484oh_1 thead tr th ._th__wrapper--pressed_484oh_48{padding:.25rem .5rem;margin:0 -.5rem;background-color:var(--gray-10);border-radius:.375rem}._table_484oh_1 thead tr th ._th__wrapper--clickable_484oh_54{cursor:pointer}._table_484oh_1 thead tr th ._th__wrapper_484oh_43 ._th__sort-icon-container_484oh_57{padding-left:.25rem}._table_484oh_1 tbody{font-size:1rem;font-weight:400;line-height:1.3125rem;color:var(--gray-90)}._table_484oh_1 tbody tr:hover:not(._tr__row-or-cell--disabled_484oh_66){background-color:rgb(var(--gray-5-rgb),.5)}._table_484oh_1 tbody ._tr_484oh_66,._table_484oh_1 tbody ._td_484oh_70{height:3.5rem;padding:0 1rem;line-height:var(--body-line-height);border-bottom:.0625rem solid var(--gray-10)}._table_484oh_1 tbody ._tr__row-or-cell--clickable_484oh_76,._table_484oh_1 tbody ._td__row-or-cell--clickable_484oh_77{cursor:pointer}._table_484oh_1 tbody ._tr__row-or-cell--disabled_484oh_66,._table_484oh_1 tbody ._td__row-or-cell--disabled_484oh_81{background:var(--cream);filter:grayscale(1)}._table_484oh_1 tbody ._tr__row-or-cell--disabled_484oh_66 ._td-wrapper_484oh_85,._table_484oh_1 tbody ._td__row-or-cell--disabled_484oh_81 ._td-wrapper_484oh_85{opacity:.25}._table_484oh_1 tbody tr._tr--last-row_484oh_89 td{border-bottom:none}
package/dist/components/Chip/Chip.stories.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const meta: {
4
4
  title: string;
5
5
  component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
6
6
  tags: string[];
7
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
7
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
8
8
  label: import('react').ReactNode;
9
9
  loading?: boolean | undefined;
10
10
  leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;
package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts CHANGED
@@ -5,7 +5,7 @@ declare const meta: {
5
5
  title: string;
6
6
  component: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
7
7
  tags: string[];
8
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
8
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
9
9
  open: boolean;
10
10
  onClose: () => void;
11
11
  title?: import('react').ReactNode;
package/dist/components/Dialog/Dialog.stories.d.ts CHANGED
@@ -10,7 +10,7 @@ declare const meta: {
10
10
  Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
11
11
  };
12
12
  tags: string[];
13
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
13
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
14
14
  color?: string | undefined;
15
15
  ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
16
16
  children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> & import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const meta: {
8
8
  parameters: {
9
9
  layout: string;
10
10
  };
11
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
11
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
12
12
  children: import('react').ReactNode;
13
13
  title: import('react').ReactNode;
14
14
  style?: import('react').CSSProperties | undefined;
package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const meta: {
4
4
  title: string;
5
5
  component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
7
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
8
8
  invert?: boolean | undefined;
9
9
  classNames?: string | undefined;
10
10
  }>) => import("react/jsx-runtime").JSX.Element)[];
package/dist/components/Popover/Popover.stories.d.ts CHANGED
@@ -25,7 +25,7 @@ declare const meta: {
25
25
  };
26
26
  };
27
27
  tags: string[];
28
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
28
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
29
29
  [x: string]: any;
30
30
  }>) => import("react/jsx-runtime").JSX.Element)[];
31
31
  };
package/dist/components/Snackbar/Snackbar.stories.d.ts CHANGED
@@ -5,7 +5,7 @@ declare const meta: {
5
5
  title: string;
6
6
  component: ({ snackbarMessage, variant, autoHideDuration, open, onClose, onClosed, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
7
7
  tags: string[];
8
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
8
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
9
9
  accept?: string | undefined;
10
10
  alt?: string | undefined;
11
11
  autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
package/dist/components/Table/Table.d.ts CHANGED
@@ -45,8 +45,10 @@ declare const Table: {
45
45
  };
46
46
  export declare const THead: ({ children, ...rest }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
47
47
  export declare const TBody: ({ children, ...rest }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
48
- export type TrProps = ChildrenProps & ActionProps;
49
- export declare const Tr: ({ children, onClick, disabled, className, ...rest }: TrProps) => import("react/jsx-runtime").JSX.Element;
48
+ export type TrProps = ChildrenProps & ActionProps & {
49
+ lastRow?: boolean;
50
+ };
51
+ export declare const Tr: ({ children, onClick, disabled, className, lastRow, ...rest }: TrProps) => import("react/jsx-runtime").JSX.Element;
50
52
  export type TdProps = ChildrenProps & ActionProps & AlignProps;
51
53
  export declare const Td: ({ children, onClick, disabled, className, align, ...rest }: TdProps) => import("react/jsx-runtime").JSX.Element;
52
54
  export type ThProps = ChildrenProps & AlignProps & {
package/dist/components/Table/Table.js CHANGED
@@ -1,31 +1,32 @@
1
1
  import '../../assets/Table.css';
2
- import { jsxs as y, jsx as l } from "react/jsx-runtime";
3
- import * as c from "react";
4
- import { useState as f } from "react";
2
+ import { jsxs as f, jsx as r } from "react/jsx-runtime";
3
+ import * as i from "react";
4
+ import { useState as u } from "react";
5
5
  import { c as m } from "../../clsx-DB4S2d7J.js";
6
- import { paginationDefaultTranslations as b, Pagination as u } from "../Pagination/Pagination.js";
7
- import { sortTooltipDefaultTranslations as T, SortTooltip as g } from "../SortTooltip/SortTooltip.js";
8
- import { TableProvider as N, useTable as x } from "./TableContext.js";
9
- const C = (r) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ c.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ c.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__ */ c.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__ */ c.createElement("defs", null, /* @__PURE__ */ c.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ c.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_yerpo_1", E = "_th__wrapper_yerpo_43", v = "_tr_yerpo_66", B = "_td_yerpo_70", t = {
6
+ import { paginationDefaultTranslations as b, Pagination as g } from "../Pagination/Pagination.js";
7
+ import { sortTooltipDefaultTranslations as T, SortTooltip as N } from "../SortTooltip/SortTooltip.js";
8
+ import { TableProvider as y, useTable as x } from "./TableContext.js";
9
+ const C = (l) => /* @__PURE__ */ i.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__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_484oh_1", E = "_th__wrapper_484oh_43", v = "_tr_484oh_66", B = "_td_484oh_70", t = {
10
10
  table: L,
11
- "table--fixed": "_table--fixed_yerpo_5",
12
- "table--full-width": "_table--full-width_yerpo_8",
13
- "table--white-theme": "_table--white-theme_yerpo_11",
14
- "table--transparent-theme": "_table--transparent-theme_yerpo_14",
15
- "cell--left-alignment": "_cell--left-alignment_yerpo_17",
16
- "cell--center-alignment": "_cell--center-alignment_yerpo_21",
17
- "cell--right-alignment": "_cell--right-alignment_yerpo_25",
11
+ "table--fixed": "_table--fixed_484oh_5",
12
+ "table--full-width": "_table--full-width_484oh_8",
13
+ "table--white-theme": "_table--white-theme_484oh_11",
14
+ "table--transparent-theme": "_table--transparent-theme_484oh_14",
15
+ "cell--left-alignment": "_cell--left-alignment_484oh_17",
16
+ "cell--center-alignment": "_cell--center-alignment_484oh_21",
17
+ "cell--right-alignment": "_cell--right-alignment_484oh_25",
18
18
  th__wrapper: E,
19
- "th__wrapper--pressed": "_th__wrapper--pressed_yerpo_48",
20
- "th__wrapper--clickable": "_th__wrapper--clickable_yerpo_54",
21
- "th__sort-icon-container": "_th__sort-icon-container_yerpo_57",
22
- "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_yerpo_66",
19
+ "th__wrapper--pressed": "_th__wrapper--pressed_484oh_48",
20
+ "th__wrapper--clickable": "_th__wrapper--clickable_484oh_54",
21
+ "th__sort-icon-container": "_th__sort-icon-container_484oh_57",
22
+ "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_484oh_66",
23
23
  tr: v,
24
24
  td: B,
25
- "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_yerpo_76",
26
- "td__row-or-cell--clickable": "_td__row-or-cell--clickable_yerpo_77",
27
- "td__row-or-cell--disabled": "_td__row-or-cell--disabled_yerpo_81",
28
- "td-wrapper": "_td-wrapper_yerpo_85"
25
+ "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_484oh_76",
26
+ "td__row-or-cell--clickable": "_td__row-or-cell--clickable_484oh_77",
27
+ "td__row-or-cell--disabled": "_td__row-or-cell--disabled_484oh_81",
28
+ "td-wrapper": "_td-wrapper_484oh_85",
29
+ "tr--last-row": "_tr--last-row_484oh_89"
29
30
  }, H = {
30
31
  pt: {
31
32
  ...b.pt,
@@ -46,64 +47,66 @@ const C = (r) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10,
46
47
  results: "resultados"
47
48
  }
48
49
  }, o = ({
49
- children: r,
50
+ children: l,
50
51
  theme: e = "white",
51
52
  fullWidth: a = !0,
52
- className: s,
53
+ className: n,
53
54
  paginationProps: _,
54
- isFixed: n,
55
- language: p,
55
+ isFixed: c,
56
+ language: s,
56
57
  translations: w,
57
- ...i
58
+ ...h
58
59
  }) => {
59
60
  const d = m(
60
61
  t.table,
61
62
  a && t["table--full-width"],
62
- n && t["table--fixed"],
63
+ c && t["table--fixed"],
63
64
  t[`table--${e}-theme`],
64
- s
65
- ), h = p && H[p] || w;
66
- return /* @__PURE__ */ y(N, { initialTranslations: h, children: [
67
- /* @__PURE__ */ l("table", { ...i, className: d, children: r }),
68
- _ && /* @__PURE__ */ l(u, { ..._, t: h })
65
+ n
66
+ ), p = s && H[s] || w;
67
+ return /* @__PURE__ */ f(y, { initialTranslations: p, children: [
68
+ /* @__PURE__ */ r("table", { ...h, className: d, children: l }),
69
+ _ && /* @__PURE__ */ r(g, { ..._, t: p })
69
70
  ] });
70
- }, P = ({ children: r, ...e }) => /* @__PURE__ */ l("thead", { ...e, children: r }), D = ({ children: r, ...e }) => /* @__PURE__ */ l("tbody", { ...e, children: r }), M = ({ children: r, onClick: e, disabled: a, className: s, ..._ }) => {
71
- const n = m(
71
+ }, P = ({ children: l, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: l }), D = ({ children: l, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: l }), M = ({ children: l, onClick: e, disabled: a, className: n, lastRow: _, ...c }) => {
72
+ const s = m(
72
73
  t.tr,
73
74
  e && !a ? t["tr__row-or-cell--clickable"] : a ? t["tr__row-or-cell--disabled"] : "",
74
- s
75
+ // Optionally remove border bottom on last row
76
+ _ && t["tr--last-row"],
77
+ n
75
78
  );
76
- return /* @__PURE__ */ l("tr", { ..._, className: n, onClick: () => !a && (e == null ? void 0 : e()), children: r });
77
- }, O = ({ children: r, onClick: e, disabled: a, className: s, align: _ = "left", ...n }) => {
78
- const p = m(
79
+ return /* @__PURE__ */ r("tr", { ...c, className: s, onClick: () => !a && (e == null ? void 0 : e()), children: l });
80
+ }, O = ({ children: l, onClick: e, disabled: a, className: n, align: _ = "left", ...c }) => {
81
+ const s = m(
79
82
  t.td,
80
83
  e && !a ? t["td__row-or-cell--clickable"] : a ? t["td__row-or-cell--disabled"] : "",
81
84
  t[`cell--${_}-alignment`],
82
- s
85
+ n
83
86
  );
84
- return /* @__PURE__ */ l("td", { ...n, className: p, onClick: () => !a && (e == null ? void 0 : e()), children: /* @__PURE__ */ l("span", { className: t["td-wrapper"], children: r }) });
85
- }, $ = ({ children: r, onSort: e, sortType: a, className: s, classNameTooltip: _, align: n = "left", ...p }) => {
86
- const { translations: w } = x(), [i, d] = f(!1), h = m(
87
+ return /* @__PURE__ */ r("td", { ...c, className: s, onClick: () => !a && (e == null ? void 0 : e()), children: /* @__PURE__ */ r("span", { className: t["td-wrapper"], children: l }) });
88
+ }, $ = ({ children: l, onSort: e, sortType: a, className: n, classNameTooltip: _, align: c = "left", ...s }) => {
89
+ const { translations: w } = x(), [h, d] = u(!1), p = m(
87
90
  t.th__wrapper,
88
- i ? t["th__wrapper--pressed"] : "",
91
+ h ? t["th__wrapper--pressed"] : "",
89
92
  e ? t["th__wrapper--clickable"] : "",
90
- s
93
+ n
91
94
  );
92
- return /* @__PURE__ */ l("th", { ...p, className: t[`cell--${n}-alignment`], children: /* @__PURE__ */ l("span", { className: h, onClick: e && (() => d(!i)), children: e ? /* @__PURE__ */ y(
93
- g,
95
+ return /* @__PURE__ */ r("th", { ...s, className: t[`cell--${c}-alignment`], children: /* @__PURE__ */ r("span", { className: p, onClick: e && (() => d(!h)), children: e ? /* @__PURE__ */ f(
96
+ N,
94
97
  {
95
98
  onClose: () => d(!1),
96
99
  onSort: e,
97
- show: i,
100
+ show: h,
98
101
  sortType: a,
99
102
  className: _,
100
103
  t: w,
101
104
  children: [
102
- /* @__PURE__ */ l("span", { children: r }),
103
- /* @__PURE__ */ l("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ l(C, { width: 12, height: 12 }) })
105
+ /* @__PURE__ */ r("span", { children: l }),
106
+ /* @__PURE__ */ r("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ r(C, { width: 12, height: 12 }) })
104
107
  ]
105
108
  }
106
- ) : /* @__PURE__ */ l("span", { children: r }) }) });
109
+ ) : /* @__PURE__ */ r("span", { children: l }) }) });
107
110
  };
108
111
  o.THead = P;
109
112
  o.THead.displayName = "Table.THead";
package/dist/components/Table/_Table.Tr.stories.d.ts CHANGED
@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
3
3
 
4
4
  declare const meta: {
5
5
  title: string;
6
- component: ({ children, onClick, disabled, className, ...rest }: TrProps) => import("react/jsx-runtime").JSX.Element;
6
+ component: ({ children, onClick, disabled, className, lastRow, ...rest }: TrProps) => import("react/jsx-runtime").JSX.Element;
7
7
  tags: string[];
8
8
  parameters: {
9
9
  layout: string;
@@ -13,3 +13,4 @@ export default meta;
13
13
  type Story = StoryObj<typeof meta>;
14
14
  export declare const Default: Story;
15
15
  export declare const Disabled: Story;
16
+ export declare const LastRow: Story;
package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const meta: {
6
6
  title: string;
7
7
  component: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
8
8
  tags: string[];
9
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
9
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
10
10
  legend?: import('react').ReactNode;
11
11
  error?: import('react').ReactNode;
12
12
  children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];
package/dist/components/Tooltip/Tooltip.stories.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const meta: {
8
8
  parameters: {
9
9
  layout: string;
10
10
  };
11
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
11
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
12
12
  children: import('react').ReactNode;
13
13
  title: import('react').ReactNode;
14
14
  open?: boolean | undefined;
package/dist/components/Typography/Typography.stories.d.ts CHANGED
@@ -12,7 +12,7 @@ declare const meta: {
12
12
  };
13
13
  };
14
14
  };
15
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
15
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
16
16
  children: import('react').ReactNode;
17
17
  element?: import('react').ElementType | undefined;
18
18
  variant?: import('./Typography').VariantType | undefined;
package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts CHANGED
@@ -12,7 +12,7 @@ declare const meta: {
12
12
  };
13
13
  };
14
14
  tags: string[];
15
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
15
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
16
16
  [x: string]: any;
17
17
  }>) => import("react/jsx-runtime").JSX.Element)[];
18
18
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pismo/marola",
3
3
  "description": "CDX tribe component library",
4
- "version": "1.0.17",
4
+ "version": "1.0.18",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",