@pismo/marola 2.1.51 → 2.1.52
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.
- package/dist/assets/Alert.css +1 -1
- package/dist/assets/SortTooltip.css +1 -1
- package/dist/assets/Table.css +1 -1
- package/dist/assets/Tooltip.css +1 -1
- package/dist/components/Alert/Alert.js +51 -51
- package/dist/components/SortTooltip/SortTooltip.js +15 -15
- package/dist/components/Table/Table.js +92 -92
- package/dist/components/Tooltip/Tooltip.js +99 -99
- package/package.json +7 -4
package/dist/assets/Alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_2jr7r_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_2jr7r_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_2jr7r_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_2jr7r_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_2jr7r_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_2jr7r_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_2jr7r_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_2jr7r_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_2jr7r_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_2jr7r_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_2jr7r_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_2jr7r_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_2jr7r_68{text-decoration:line-through}._u-typography-base--underlined_2jr7r_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_2jr7r_74{text-decoration:underline line-through}._container_2jr7r_78{display:flex;width:100%;padding:16px;border:1px solid;border-radius:6px}._container_2jr7r_78 ._container--wrapper-content_2jr7r_85{display:flex;flex-direction:column;gap:.5rem;width:100%}._container_2jr7r_78 ._container--wrapper-content_2jr7r_85 ._container--wrapper-header_2jr7r_91,._container_2jr7r_78 ._container--wrapper-content_2jr7r_85 ._container--wrapper-body_2jr7r_92{display:flex;gap:.75rem;align-items:center;width:100%}._container_2jr7r_78 ._container--wrapper-content_2jr7r_85 ._container--wrapper-header_2jr7r_91 ._container--title_2jr7r_98,._container_2jr7r_78 ._container--wrapper-content_2jr7r_85 ._container--wrapper-header_2jr7r_91 ._container--content_2jr7r_99,._container_2jr7r_78 ._container--wrapper-content_2jr7r_85 ._container--wrapper-body_2jr7r_92 ._container--title_2jr7r_98,._container_2jr7r_78 ._container--wrapper-content_2jr7r_85 ._container--wrapper-body_2jr7r_92 ._container--content_2jr7r_99{width:100%}._container_2jr7r_78 ._container--wrapper-content_2jr7r_85 ._container--wrapper-header_2jr7r_91 ._container--icon_2jr7r_104,._container_2jr7r_78 ._container--wrapper-content_2jr7r_85 ._container--wrapper-body_2jr7r_92 ._container--icon_2jr7r_104{display:flex}._container_2jr7r_78 ._container--wrapper-content_2jr7r_85 ._container--wrapper-header_2jr7r_91 ._container--icon_2jr7r_104._hidden-icon_2jr7r_108,._container_2jr7r_78 ._container--wrapper-content_2jr7r_85 ._container--wrapper-body_2jr7r_92 ._container--icon_2jr7r_104._hidden-icon_2jr7r_108{visibility:hidden}._container--success_2jr7r_112{background-color:var(--green-1);border-color:var(--green-3)}._container--success_2jr7r_112 ._container--icon_2jr7r_104 svg{fill:var(--green-6)}._container--warning_2jr7r_119{background-color:var(--gold-1);border-color:var(--gold-3)}._container--warning_2jr7r_119 ._container--icon_2jr7r_104 svg{fill:var(--gold-6)}._container--error_2jr7r_126{background-color:var(--error-background);border-color:var(--error-border)}._container--error_2jr7r_126 ._container--icon_2jr7r_104 svg{fill:var(--error-text)}._container--info_2jr7r_133{background-color:var(--blue-1);border-color:var(--blue-3)}._container--info_2jr7r_133 ._container--icon_2jr7r_104 svg{fill:var(--blue-6)}._container--default_2jr7r_140{background-color:var(--white-100);border-color:var(--border)}._container--close-icon_2jr7r_144{justify-self:flex-end;margin-left:16px;cursor:pointer}._container--content_2jr7r_99{width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1f1rt_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1f1rt_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1f1rt_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1f1rt_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1f1rt_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1f1rt_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1f1rt_43,._sort-tooltip_1f1rt_43 ul li button{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1f1rt_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1f1rt_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1f1rt_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1f1rt_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1f1rt_65,._sort-tooltip_1f1rt_43 ul li button{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1f1rt_68{text-decoration:line-through}._u-typography-base--underlined_1f1rt_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1f1rt_74{text-decoration:underline line-through}._sort-tooltip_1f1rt_43{padding:0;background-color:var(--white-100)}._sort-tooltip_1f1rt_43:after{display:none}._sort-tooltip_1f1rt_43 ul{display:flex;flex-direction:column;padding:0;margin:0;list-style:none}._sort-tooltip_1f1rt_43 ul li{padding:.75rem;transition:.3s all}._sort-tooltip_1f1rt_43 ul li button{display:flex;gap:.5rem;color:var(--gray-75);cursor:pointer;background-color:unset;border:none;outline:none}._sort-tooltip_1f1rt_43 ul li button._button--selected_1f1rt_105{color:var(--accent)}._sort-tooltip_1f1rt_43 ul li:hover{background-color:var(--blue-1)}
|
package/dist/assets/Table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._table_i0ugw_1{color:var(--secondary-orange);border-spacing:0}._table--fixed_i0ugw_5{table-layout:fixed}._table--full-width_i0ugw_8{width:100%}._table--white-theme_i0ugw_11{background:var(--white-100)}._table--transparent-theme_i0ugw_14{background:transparent}._table_i0ugw_1 th._cell--left-alignment_i0ugw_17,._table_i0ugw_1 td._cell--left-alignment_i0ugw_17{text-align:left}._table_i0ugw_1 th._cell--center-alignment_i0ugw_21,._table_i0ugw_1 td._cell--center-alignment_i0ugw_21{text-align:center}._table_i0ugw_1 th._cell--right-alignment_i0ugw_25,._table_i0ugw_1 td._cell--right-alignment_i0ugw_25{text-align:right}._table_i0ugw_1 thead{font-size:.75rem;font-weight:900;line-height:1rem;color:var(--colors-neutral-text-color-text);text-transform:uppercase}._table_i0ugw_1 thead tr th{position:relative;align-items:center;height:3.5rem;padding:0 1rem;line-height:1rem;border-top:.0625rem solid var(--border-secondary);border-bottom:.0625rem solid var(--border-secondary)}._table_i0ugw_1 thead tr th ._th__wrapper_i0ugw_45>span,._table_i0ugw_1 thead tr th ._th__wrapper_i0ugw_45 span+span{display:inline-flex;align-items:center}._table_i0ugw_1 thead tr th ._th__wrapper--pressed_i0ugw_50{padding:.25rem .5rem;margin:0 -.5rem;background-color:var(--gray-10);border-radius:.375rem}._table_i0ugw_1 thead tr th ._th__wrapper--clickable_i0ugw_56{display:inline-table;cursor:pointer}._table_i0ugw_1 thead tr th ._th__wrapper_i0ugw_45 ._th__sort-icon-container_i0ugw_60{padding-left:.25rem}._table_i0ugw_1 tbody{font-size:1rem;font-weight:400;line-height:1.3125rem;color:var(--colors-neutral-text-color-text)}._table_i0ugw_1 tbody tr:hover:not(._tr__row-or-cell--disabled_i0ugw_69){background-color:rgb(var(--gray-5-rgb),.5)}._table_i0ugw_1 tbody ._tr_i0ugw_69,._table_i0ugw_1 tbody ._td_i0ugw_73,._table_i0ugw_1 tbody ._expand-toggle_i0ugw_74{height:3.5rem;padding:0 1rem;line-height:var(--body-line-height);border-bottom:.0625rem solid var(--border-secondary)}._table_i0ugw_1 tbody ._tr__row-or-cell--clickable_i0ugw_80,._table_i0ugw_1 tbody ._td__row-or-cell--clickable_i0ugw_81,._table_i0ugw_1 tbody ._expand-toggle__row-or-cell--clickable_i0ugw_82{cursor:pointer}._table_i0ugw_1 tbody ._tr__row-or-cell--disabled_i0ugw_69,._table_i0ugw_1 tbody ._td__row-or-cell--disabled_i0ugw_86,._table_i0ugw_1 tbody ._expand-toggle__row-or-cell--disabled_i0ugw_87{background:var(--cream);filter:grayscale(1)}._table_i0ugw_1 tbody ._tr__row-or-cell--disabled_i0ugw_69 ._td-wrapper_i0ugw_91,._table_i0ugw_1 tbody ._td__row-or-cell--disabled_i0ugw_86 ._td-wrapper_i0ugw_91,._table_i0ugw_1 tbody ._expand-toggle__row-or-cell--disabled_i0ugw_87 ._td-wrapper_i0ugw_91{opacity:.25}._table_i0ugw_1 tbody ._tr_i0ugw_69 tr,._table_i0ugw_1 tbody ._td_i0ugw_73 tr,._table_i0ugw_1 tbody ._expand-toggle_i0ugw_74 tr{opacity:1;transition:opacity 1s ease-in-out}._table_i0ugw_1 tbody ._tr_i0ugw_69 tr._fade-in_i0ugw_102,._table_i0ugw_1 tbody ._td_i0ugw_73 tr._fade-in_i0ugw_102,._table_i0ugw_1 tbody ._expand-toggle_i0ugw_74 tr._fade-in_i0ugw_102{opacity:0}._table_i0ugw_1 tbody ._tr_i0ugw_69 tr._fade-in_i0ugw_102 td,._table_i0ugw_1 tbody ._td_i0ugw_73 tr._fade-in_i0ugw_102 td,._table_i0ugw_1 tbody ._expand-toggle_i0ugw_74 tr._fade-in_i0ugw_102 td{padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0}._table_i0ugw_1 tbody ._tr_i0ugw_69 td,._table_i0ugw_1 tbody ._td_i0ugw_73 td,._table_i0ugw_1 tbody ._expand-toggle_i0ugw_74 td{transition:padding 1s ease-in-out,border-width 1s ease-in-out}._table_i0ugw_1 tbody tr._tr--last-row_i0ugw_120 td{border-bottom:none}._fade-in_i0ugw_102{animation:_fadeIn_i0ugw_1 1s ease-in-out forwards}@keyframes _fadeIn_i0ugw_1{0%{opacity:0}to{opacity:1}}._expand-toggle_i0ugw_74{display:inline-flex;gap:.625rem;align-items:center;width:100%;margin-left:-.4rem;cursor:pointer;-webkit-user-select:none;user-select:none}._expand-toggle--expand-icon_i0ugw_145{transform:rotate(180deg)}
|
package/dist/assets/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1ui81_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1ui81_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1ui81_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1ui81_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1ui81_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1ui81_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1ui81_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1ui81_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1ui81_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1ui81_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1ui81_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1ui81_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1ui81_68{text-decoration:line-through}._u-typography-base--underlined_1ui81_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1ui81_74{text-decoration:underline line-through}._tooltip_1ui81_79{position:relative;max-width:16.125rem;padding:.75rem;margin:.375rem;color:var(--white-100);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;background-color:#003e80;border-radius:var(--border-radius);box-shadow:0 6px 12px #0003}._tooltip_1ui81_79:after{position:absolute;width:0;height:0;content:"";border-style:solid}._tooltip--bottom_1ui81_99:after{bottom:100%;left:50%;border-color:transparent transparent #003e80 transparent;border-width:0 8px 8px;transform:translate(-50%)}._tooltip--top_1ui81_106:after{top:100%;left:50%;border-color:#003e80 transparent transparent transparent;border-width:8px 8px 0;transform:translate(-50%)}._tooltip--right_1ui81_113:after{top:50%;right:100%;border-color:transparent #003e80 transparent transparent;border-width:8px 8px 8px 0;transform:translateY(-50%)}._tooltip--left_1ui81_120:after{top:50%;left:100%;border-color:transparent transparent transparent #003e80;border-width:8px 0 8px 8px;transform:translateY(-50%)}._tooltip__container_1ui81_128{display:flex;flex-direction:column;gap:.25rem}._tooltip__title_1ui81_134{font-size:var(--base-font-size-lg);font-size:1rem;font-weight:var(--base-bold);line-height:var(--base-line-height-lg)}._tooltip__content_1ui81_141{flex-grow:1;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._tooltip__footer_1ui81_148{padding-top:.75rem}._tooltip__footer-button_1ui81_152{width:100%;padding:.5rem;font-size:var(--base-font-size);font-weight:var(--base-bold);color:var(--white-100);text-align:center;cursor:pointer;background-color:inherit;border:1px solid var(--white-100);border-radius:var(--border-radius)}._tooltip__footer-button_1ui81_152:hover{background-color:#ffffff1a}._tooltip__footer-button_1ui81_152:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}._tooltip__footer-link_1ui81_172{width:100%;padding:.5rem 0;font-size:1rem;font-weight:var(--font-weight-700);color:#fff;text-align:left;text-decoration:none;cursor:pointer}._tooltip--animation_1ui81_183._tooltip--anim-open_1ui81_183{animation:_tooltip--open-animation_1ui81_1 .3s ease-out both}._tooltip--animation_1ui81_183._tooltip--anim-close_1ui81_186{animation:_tooltip--close-animation_1ui81_1 .3s ease-out forwards}@keyframes _tooltip--open-animation_1ui81_1{0%{opacity:0;transform:translateY(-8px) scale(.95)}50%{opacity:1;transform:translateY(4px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _tooltip--close-animation_1ui81_1{0%{filter:blur(0);opacity:1;transform:scale(1) rotate(0)}to{filter:blur(3px);opacity:0;transform:scale(1.2) rotate(4deg)}}
|
|
@@ -1,76 +1,76 @@
|
|
|
1
1
|
import { jsxs as t, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { c as l } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { Icon as i } from "../Icon/Icon.js";
|
|
4
|
-
import '../../assets/Alert.css';const
|
|
5
|
-
"u-typography-h1": "_u-typography-
|
|
6
|
-
"u-typography-h2": "_u-typography-
|
|
7
|
-
"u-typography-h3": "_u-typography-
|
|
8
|
-
"u-typography-h4": "_u-typography-
|
|
9
|
-
"u-typography-h5": "_u-typography-
|
|
10
|
-
"u-typography-h6": "_u-typography-
|
|
11
|
-
"u-typography-base": "_u-typography-
|
|
12
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
13
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
14
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
15
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
16
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
17
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
18
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
19
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
20
|
-
container:
|
|
21
|
-
"container--wrapper-content": "_container--wrapper-
|
|
22
|
-
"container--wrapper-header": "_container--wrapper-
|
|
23
|
-
"container--wrapper-body": "_container--wrapper-
|
|
24
|
-
"container--title": "_container--
|
|
25
|
-
"container--content": "_container--
|
|
26
|
-
"container--icon": "_container--
|
|
27
|
-
"hidden-icon": "_hidden-
|
|
28
|
-
"container--success": "_container--
|
|
29
|
-
"container--warning": "_container--
|
|
30
|
-
"container--error": "_container--
|
|
31
|
-
"container--info": "_container--
|
|
32
|
-
"container--default": "_container--
|
|
33
|
-
"container--close-icon": "_container--close-
|
|
34
|
-
},
|
|
4
|
+
import '../../assets/Alert.css';const b = "_container_2jr7r_78", r = {
|
|
5
|
+
"u-typography-h1": "_u-typography-h1_2jr7r_1",
|
|
6
|
+
"u-typography-h2": "_u-typography-h2_2jr7r_8",
|
|
7
|
+
"u-typography-h3": "_u-typography-h3_2jr7r_15",
|
|
8
|
+
"u-typography-h4": "_u-typography-h4_2jr7r_22",
|
|
9
|
+
"u-typography-h5": "_u-typography-h5_2jr7r_29",
|
|
10
|
+
"u-typography-h6": "_u-typography-h6_2jr7r_36",
|
|
11
|
+
"u-typography-base": "_u-typography-base_2jr7r_43",
|
|
12
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_2jr7r_49",
|
|
13
|
+
"u-typography-base--xl": "_u-typography-base--xl_2jr7r_53",
|
|
14
|
+
"u-typography-base--lg": "_u-typography-base--lg_2jr7r_57",
|
|
15
|
+
"u-typography-base--sm": "_u-typography-base--sm_2jr7r_61",
|
|
16
|
+
"u-typography-base--bold": "_u-typography-base--bold_2jr7r_65",
|
|
17
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_2jr7r_68",
|
|
18
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_2jr7r_71",
|
|
19
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_2jr7r_74",
|
|
20
|
+
container: b,
|
|
21
|
+
"container--wrapper-content": "_container--wrapper-content_2jr7r_85",
|
|
22
|
+
"container--wrapper-header": "_container--wrapper-header_2jr7r_91",
|
|
23
|
+
"container--wrapper-body": "_container--wrapper-body_2jr7r_92",
|
|
24
|
+
"container--title": "_container--title_2jr7r_98",
|
|
25
|
+
"container--content": "_container--content_2jr7r_99",
|
|
26
|
+
"container--icon": "_container--icon_2jr7r_104",
|
|
27
|
+
"hidden-icon": "_hidden-icon_2jr7r_108",
|
|
28
|
+
"container--success": "_container--success_2jr7r_112",
|
|
29
|
+
"container--warning": "_container--warning_2jr7r_119",
|
|
30
|
+
"container--error": "_container--error_2jr7r_126",
|
|
31
|
+
"container--info": "_container--info_2jr7r_133",
|
|
32
|
+
"container--default": "_container--default_2jr7r_140",
|
|
33
|
+
"container--close-icon": "_container--close-icon_2jr7r_144"
|
|
34
|
+
}, m = {
|
|
35
35
|
success: "circle-check",
|
|
36
36
|
error: "circle-exclamation",
|
|
37
37
|
info: "circle-info",
|
|
38
38
|
warning: "circle-exclamation",
|
|
39
39
|
default: void 0
|
|
40
|
-
},
|
|
41
|
-
type:
|
|
42
|
-
children:
|
|
43
|
-
"data-testid":
|
|
44
|
-
onClose:
|
|
40
|
+
}, f = ({
|
|
41
|
+
type: _ = "default",
|
|
42
|
+
children: e,
|
|
43
|
+
"data-testid": p,
|
|
44
|
+
onClose: s,
|
|
45
45
|
className: d,
|
|
46
46
|
useDefaultIcon: u,
|
|
47
47
|
customIconName: g,
|
|
48
|
-
title:
|
|
48
|
+
title: y,
|
|
49
49
|
content: h
|
|
50
50
|
}) => {
|
|
51
|
-
const
|
|
52
|
-
return /* @__PURE__ */ t("div", { "data-testid":
|
|
53
|
-
/* @__PURE__ */ t("div", { className:
|
|
54
|
-
o ? /* @__PURE__ */ t("div", { className:
|
|
55
|
-
|
|
56
|
-
o && /* @__PURE__ */ n("div", { className:
|
|
51
|
+
const j = l(r.container, r[`container--${_}`], d), a = g ?? (u ? m[_] : void 0), o = y ?? (!h && e ? e : void 0), c = h ?? (y && e ? e : void 0);
|
|
52
|
+
return /* @__PURE__ */ t("div", { "data-testid": p, className: j, children: [
|
|
53
|
+
/* @__PURE__ */ t("div", { className: r["container--wrapper-content"], children: [
|
|
54
|
+
o ? /* @__PURE__ */ t("div", { className: r["container--wrapper-header"], children: [
|
|
55
|
+
a && /* @__PURE__ */ n("div", { className: r["container--icon"], children: /* @__PURE__ */ n(i, { icon: a }) }),
|
|
56
|
+
o && /* @__PURE__ */ n("div", { className: r["container--title"], children: o })
|
|
57
57
|
] }) : null,
|
|
58
|
-
c ? /* @__PURE__ */ t("div", { className:
|
|
59
|
-
|
|
60
|
-
c && /* @__PURE__ */ n("div", { className:
|
|
58
|
+
c ? /* @__PURE__ */ t("div", { className: r["container--wrapper-body"], children: [
|
|
59
|
+
a && /* @__PURE__ */ n("div", { className: l(r["container--icon"], o && r["hidden-icon"]), children: /* @__PURE__ */ n(i, { icon: a }) }),
|
|
60
|
+
c && /* @__PURE__ */ n("div", { className: r["container--content"], children: c })
|
|
61
61
|
] }) : null
|
|
62
62
|
] }),
|
|
63
|
-
!!
|
|
63
|
+
!!s && /* @__PURE__ */ n(
|
|
64
64
|
"div",
|
|
65
65
|
{
|
|
66
|
-
"data-testid": `${
|
|
67
|
-
onClick: () =>
|
|
68
|
-
className:
|
|
66
|
+
"data-testid": `${p}-close-button`,
|
|
67
|
+
onClick: () => s(),
|
|
68
|
+
className: r["container--close-icon"],
|
|
69
69
|
children: /* @__PURE__ */ n(i, { icon: "xmark" })
|
|
70
70
|
}
|
|
71
71
|
)
|
|
72
72
|
] });
|
|
73
73
|
};
|
|
74
74
|
export {
|
|
75
|
-
|
|
75
|
+
f as Alert
|
|
76
76
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
1
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
2
2
|
import { c as f } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { Tooltip as H } from "../Tooltip/Tooltip.js";
|
|
4
4
|
import * as t from "react";
|
|
5
5
|
import '../../assets/SortTooltip.css';const g = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M4.73768 14.6906C4.35893 15.105 3.64205 15.105 3.26299 14.6906L0.541112 11.6878C0.167987 11.28 0.195487 10.6469 0.602643 10.2731C1.00952 9.89969 1.64233 9.92812 2.01577 10.3348L3.00017 11.4406V2.00094C3.00017 1.44781 3.44799 1 4.00017 1C4.55236 1 5.00017 1.44781 5.00017 2.00094V11.4384L6.01267 10.3325C6.3708 9.94219 7.00236 9.88281 7.4258 10.2708C7.83299 10.6443 7.86018 11.2777 7.48733 11.6855L4.73768 14.6906Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M14.0001 13H12.4141L14.7073 10.7069C14.9934 10.4208 15.0788 9.99098 14.9241 9.61691C14.7693 9.24285 14.4032 9.00004 13.972 9.00004H9.97196C9.44696 9.00004 9.00008 9.44691 9.00008 10C9.00008 10.5532 9.4479 11 10.0001 11H11.586L9.2929 13.2932C9.00677 13.5793 8.92133 14.0091 9.07608 14.3832C9.23083 14.7572 9.59696 15 9.97196 15H13.9438C14.5532 15 15.0001 14.5532 15.0001 14C15.0001 13.4469 14.5532 13 14.0001 13ZM15.3938 6.54066L12.8941 1.53754C12.5554 0.855977 11.4441 0.855977 11.1054 1.53754L8.60633 6.54066C8.35927 7.03785 8.55946 7.64191 9.05352 7.89035C9.54946 8.13791 10.1485 7.93651 10.3951 7.44035L10.6186 6.99066H13.3821L13.6056 7.44035C13.7986 7.82879 14.3547 8.18629 14.9472 7.89035C15.4407 7.64379 15.6407 7.03754 15.3938 6.54066ZM11.4938 5.23129L12.0001 4.20941L12.507 5.2291H11.4938V5.23129Z", fill: "#1897F3" })), u = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M0.512792 11.6594C0.139667 11.2516 0.167167 10.6184 0.574323 10.2447C0.766229 10.0688 1.00839 9.98175 1.24964 9.98175C1.52063 9.98175 1.79026 10.0912 1.98745 10.3064L2.99998 11.4406V2.00094C2.99998 1.44781 3.44779 1 3.99998 1C4.55217 1 4.99998 1.44781 4.99998 2.00094V11.4384L6.01248 10.3325C6.38748 9.92812 7.01873 9.89687 7.42498 10.2719C7.83216 10.6453 7.85935 11.2787 7.48651 11.6866L4.76463 14.6894C4.38588 15.1037 3.66901 15.1037 3.28995 14.6894L0.512792 11.6594Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M10.0002 3H11.5862L9.29303 5.29313C9.00691 5.57925 8.92147 6.00906 9.07622 6.38313C9.23097 6.75719 9.59591 7 9.99997 7H13.9718C14.5533 6.97188 15.0002 6.55313 15.0002 6C15.0002 5.44688 14.5524 5 14.0002 5H12.4143L14.7074 2.70688C14.9935 2.42075 15.079 1.99094 14.9242 1.61688C14.7695 1.24281 14.4033 1 13.9721 1H10.0002C9.44709 1 9.00022 1.44719 9.00022 2C9.00022 2.55281 9.44709 3 10.0002 3ZM15.394 13.5406L12.8943 8.5375C12.5555 7.85594 11.4443 7.85594 11.1055 8.5375L8.60584 13.5406C8.35878 14.0378 8.55897 14.6419 9.05303 14.8903C9.54897 15.1379 10.148 14.9365 10.3946 14.4403L10.6182 13.9906H13.3816L13.6052 14.4403C13.7981 14.8288 14.3542 15.1863 14.9467 14.8903C15.4408 14.6438 15.6408 14.0375 15.394 13.5406ZM11.494 12.2313L12.0002 11.2094L12.5071 12.2291H11.494V12.2313Z", fill: "#1897F3" })), l = {
|
|
6
|
-
"sort-tooltip": "_sort-
|
|
7
|
-
"button--selected": "_button--
|
|
6
|
+
"sort-tooltip": "_sort-tooltip_1f1rt_43",
|
|
7
|
+
"button--selected": "_button--selected_1f1rt_105"
|
|
8
8
|
}, b = {
|
|
9
9
|
pt: {
|
|
10
10
|
asc: "Ascendente",
|
|
@@ -16,50 +16,50 @@ import '../../assets/SortTooltip.css';const g = (e) => /* @__PURE__ */ t.createE
|
|
|
16
16
|
}
|
|
17
17
|
}, E = ({
|
|
18
18
|
children: e,
|
|
19
|
-
className:
|
|
19
|
+
className: i,
|
|
20
20
|
language: a,
|
|
21
|
-
onClose:
|
|
21
|
+
onClose: n,
|
|
22
22
|
onSort: C,
|
|
23
23
|
show: L,
|
|
24
24
|
sortType: c,
|
|
25
25
|
t: d,
|
|
26
26
|
...p
|
|
27
27
|
}) => {
|
|
28
|
-
const
|
|
28
|
+
const m = f(l["sort-tooltip"], i), h = d || b[a || "en"], r = (w) => h[w];
|
|
29
29
|
return /* @__PURE__ */ o(
|
|
30
30
|
H,
|
|
31
31
|
{
|
|
32
|
-
className:
|
|
33
|
-
onClose:
|
|
32
|
+
className: m,
|
|
33
|
+
onClose: n,
|
|
34
34
|
open: L,
|
|
35
35
|
position: "bottom-start",
|
|
36
36
|
disableHoverListener: !0,
|
|
37
|
-
content: /* @__PURE__ */
|
|
38
|
-
/* @__PURE__ */ o("li", { children: /* @__PURE__ */
|
|
37
|
+
content: /* @__PURE__ */ s("ul", { children: [
|
|
38
|
+
/* @__PURE__ */ o("li", { children: /* @__PURE__ */ s(
|
|
39
39
|
"button",
|
|
40
40
|
{
|
|
41
41
|
type: "button",
|
|
42
42
|
onClick: () => {
|
|
43
|
-
|
|
43
|
+
n(), C("ASC");
|
|
44
44
|
},
|
|
45
45
|
className: c === "ASC" ? l["button--selected"] : "",
|
|
46
46
|
children: [
|
|
47
47
|
/* @__PURE__ */ o(g, {}),
|
|
48
|
-
|
|
48
|
+
r`asc`
|
|
49
49
|
]
|
|
50
50
|
}
|
|
51
51
|
) }),
|
|
52
|
-
/* @__PURE__ */ o("li", { children: /* @__PURE__ */
|
|
52
|
+
/* @__PURE__ */ o("li", { children: /* @__PURE__ */ s(
|
|
53
53
|
"button",
|
|
54
54
|
{
|
|
55
55
|
type: "button",
|
|
56
56
|
onClick: () => {
|
|
57
|
-
|
|
57
|
+
n(), C("DESC");
|
|
58
58
|
},
|
|
59
59
|
className: c === "DESC" ? l["button--selected"] : "",
|
|
60
60
|
children: [
|
|
61
61
|
/* @__PURE__ */ o(u, {}),
|
|
62
|
-
|
|
62
|
+
r`desc`
|
|
63
63
|
]
|
|
64
64
|
}
|
|
65
65
|
) })
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as m, jsx as a, Fragment as B } from "react/jsx-runtime";
|
|
2
2
|
import * as n from "react";
|
|
3
|
-
import
|
|
4
|
-
import { c as
|
|
5
|
-
import { paginationDefaultTranslations as
|
|
6
|
-
import { sortTooltipDefaultTranslations as
|
|
3
|
+
import b, { useState as C } from "react";
|
|
4
|
+
import { c as u } from "../../clsx-OuTLNxxd.js";
|
|
5
|
+
import { paginationDefaultTranslations as T, Pagination as F } from "../Pagination/Pagination.js";
|
|
6
|
+
import { sortTooltipDefaultTranslations as x, SortTooltip as k } from "../SortTooltip/SortTooltip.js";
|
|
7
7
|
import { TableProvider as D, useTable as H } from "./TableContext.js";
|
|
8
|
-
import '../../assets/Table.css';const N = (l) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("g", { id: "chevron-down" }, /* @__PURE__ */ n.createElement("path", { id: "Vector", d: "M12 17C11.7441 17 11.4881 16.9023 11.2931 16.707L5.29309 10.707C4.90247 10.3164 4.90247 9.68359 5.29309 9.29297C5.68372 8.90234 6.31653 8.90234 6.70715 9.29297L12 14.5875L17.2937 9.29375C17.6843 8.90312 18.3172 8.90312 18.7078 9.29375C19.0984 9.68437 19.0984 10.3172 18.7078 10.7078L12.7078 16.7078C12.5125 16.9031 12.2562 17 12 17Z", fill: "#1897F3" }))), I = (l) => /* @__PURE__ */ n.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ n.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__ */ n.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__ */ n.createElement("defs", null, /* @__PURE__ */ n.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ n.createElement("rect", { width: 7, height: 10, fill: "white" })))), M = "
|
|
8
|
+
import '../../assets/Table.css';const N = (l) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("g", { id: "chevron-down" }, /* @__PURE__ */ n.createElement("path", { id: "Vector", d: "M12 17C11.7441 17 11.4881 16.9023 11.2931 16.707L5.29309 10.707C4.90247 10.3164 4.90247 9.68359 5.29309 9.29297C5.68372 8.90234 6.31653 8.90234 6.70715 9.29297L12 14.5875L17.2937 9.29375C17.6843 8.90312 18.3172 8.90312 18.7078 9.29375C19.0984 9.68437 19.0984 10.3172 18.7078 10.7078L12.7078 16.7078C12.5125 16.9031 12.2562 17 12 17Z", fill: "#1897F3" }))), I = (l) => /* @__PURE__ */ n.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ n.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__ */ n.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__ */ n.createElement("defs", null, /* @__PURE__ */ n.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ n.createElement("rect", { width: 7, height: 10, fill: "white" })))), M = "_table_i0ugw_1", P = "_th__wrapper_i0ugw_45", $ = "_tr_i0ugw_69", O = "_td_i0ugw_73", S = "_fadeIn_i0ugw_1", e = {
|
|
9
9
|
table: M,
|
|
10
|
-
"table--fixed": "_table--
|
|
11
|
-
"table--full-width": "_table--full-
|
|
12
|
-
"table--white-theme": "_table--white-
|
|
13
|
-
"table--transparent-theme": "_table--transparent-
|
|
14
|
-
"cell--left-alignment": "_cell--left-
|
|
15
|
-
"cell--center-alignment": "_cell--center-
|
|
16
|
-
"cell--right-alignment": "_cell--right-
|
|
10
|
+
"table--fixed": "_table--fixed_i0ugw_5",
|
|
11
|
+
"table--full-width": "_table--full-width_i0ugw_8",
|
|
12
|
+
"table--white-theme": "_table--white-theme_i0ugw_11",
|
|
13
|
+
"table--transparent-theme": "_table--transparent-theme_i0ugw_14",
|
|
14
|
+
"cell--left-alignment": "_cell--left-alignment_i0ugw_17",
|
|
15
|
+
"cell--center-alignment": "_cell--center-alignment_i0ugw_21",
|
|
16
|
+
"cell--right-alignment": "_cell--right-alignment_i0ugw_25",
|
|
17
17
|
th__wrapper: P,
|
|
18
|
-
"th__wrapper--pressed": "_th__wrapper--
|
|
19
|
-
"th__wrapper--clickable": "_th__wrapper--
|
|
20
|
-
"th__sort-icon-container": "_th__sort-icon-
|
|
21
|
-
"tr__row-or-cell--disabled": "_tr__row-or-cell--
|
|
18
|
+
"th__wrapper--pressed": "_th__wrapper--pressed_i0ugw_50",
|
|
19
|
+
"th__wrapper--clickable": "_th__wrapper--clickable_i0ugw_56",
|
|
20
|
+
"th__sort-icon-container": "_th__sort-icon-container_i0ugw_60",
|
|
21
|
+
"tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_i0ugw_69",
|
|
22
22
|
tr: $,
|
|
23
23
|
td: O,
|
|
24
|
-
"expand-toggle": "_expand-
|
|
25
|
-
"tr__row-or-cell--clickable": "_tr__row-or-cell--
|
|
26
|
-
"td__row-or-cell--clickable": "_td__row-or-cell--
|
|
27
|
-
"expand-toggle__row-or-cell--clickable": "_expand-toggle__row-or-cell--
|
|
28
|
-
"td__row-or-cell--disabled": "_td__row-or-cell--
|
|
29
|
-
"expand-toggle__row-or-cell--disabled": "_expand-toggle__row-or-cell--
|
|
30
|
-
"td-wrapper": "_td-
|
|
31
|
-
"fade-in": "_fade-
|
|
32
|
-
"tr--last-row": "_tr--last-
|
|
24
|
+
"expand-toggle": "_expand-toggle_i0ugw_74",
|
|
25
|
+
"tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_i0ugw_80",
|
|
26
|
+
"td__row-or-cell--clickable": "_td__row-or-cell--clickable_i0ugw_81",
|
|
27
|
+
"expand-toggle__row-or-cell--clickable": "_expand-toggle__row-or-cell--clickable_i0ugw_82",
|
|
28
|
+
"td__row-or-cell--disabled": "_td__row-or-cell--disabled_i0ugw_86",
|
|
29
|
+
"expand-toggle__row-or-cell--disabled": "_expand-toggle__row-or-cell--disabled_i0ugw_87",
|
|
30
|
+
"td-wrapper": "_td-wrapper_i0ugw_91",
|
|
31
|
+
"fade-in": "_fade-in_i0ugw_102",
|
|
32
|
+
"tr--last-row": "_tr--last-row_i0ugw_120",
|
|
33
33
|
fadeIn: S,
|
|
34
|
-
"expand-toggle--expand-icon": "_expand-toggle--expand-
|
|
34
|
+
"expand-toggle--expand-icon": "_expand-toggle--expand-icon_i0ugw_145"
|
|
35
35
|
}, Z = {
|
|
36
36
|
pt: {
|
|
37
|
-
...
|
|
38
|
-
...
|
|
37
|
+
...T.pt,
|
|
38
|
+
...x.pt
|
|
39
39
|
},
|
|
40
40
|
en: {
|
|
41
|
-
...
|
|
42
|
-
...
|
|
41
|
+
...T.en,
|
|
42
|
+
...x.en
|
|
43
43
|
},
|
|
44
44
|
// example to add a new language translation
|
|
45
45
|
es: {
|
|
@@ -51,118 +51,118 @@ import '../../assets/Table.css';const N = (l) => /* @__PURE__ */ n.createElement
|
|
|
51
51
|
of: "de",
|
|
52
52
|
results: "resultados"
|
|
53
53
|
}
|
|
54
|
-
},
|
|
54
|
+
}, i = ({
|
|
55
55
|
children: l,
|
|
56
56
|
theme: t = "white",
|
|
57
|
-
fullWidth:
|
|
57
|
+
fullWidth: r = !0,
|
|
58
58
|
className: p,
|
|
59
|
-
paginationProps:
|
|
59
|
+
paginationProps: c,
|
|
60
60
|
isFixed: _,
|
|
61
|
-
language:
|
|
62
|
-
translations:
|
|
63
|
-
...
|
|
61
|
+
language: s,
|
|
62
|
+
translations: o,
|
|
63
|
+
...h
|
|
64
64
|
}) => {
|
|
65
|
-
const d =
|
|
65
|
+
const d = u(
|
|
66
66
|
e.table,
|
|
67
|
-
|
|
67
|
+
r && e["table--full-width"],
|
|
68
68
|
_ && e["table--fixed"],
|
|
69
69
|
e[`table--${t}-theme`],
|
|
70
70
|
p
|
|
71
|
-
),
|
|
72
|
-
return /* @__PURE__ */
|
|
73
|
-
/* @__PURE__ */
|
|
74
|
-
|
|
71
|
+
), w = s && Z[s || "en"] || o;
|
|
72
|
+
return /* @__PURE__ */ m(D, { initialTranslations: w, children: [
|
|
73
|
+
/* @__PURE__ */ a("table", { ...h, className: d, children: l }),
|
|
74
|
+
c && /* @__PURE__ */ a(F, { ...c, t: w || T.en })
|
|
75
75
|
] });
|
|
76
|
-
}, j = ({ children: l, ...t }) => /* @__PURE__ */
|
|
76
|
+
}, j = ({ children: l, ...t }) => /* @__PURE__ */ a("thead", { ...t, children: l }), A = ({ children: l, ...t }) => /* @__PURE__ */ a("tbody", { ...t, children: l }), V = ({
|
|
77
77
|
children: l,
|
|
78
78
|
onClick: t,
|
|
79
|
-
disabled:
|
|
79
|
+
disabled: r,
|
|
80
80
|
className: p,
|
|
81
|
-
lastRow:
|
|
81
|
+
lastRow: c,
|
|
82
82
|
expandable: _ = !1,
|
|
83
|
-
expandLabel:
|
|
84
|
-
expandedRows:
|
|
85
|
-
defaultExpanded:
|
|
83
|
+
expandLabel: s,
|
|
84
|
+
expandedRows: o,
|
|
85
|
+
defaultExpanded: h = !1,
|
|
86
86
|
level: d = 0,
|
|
87
|
-
...
|
|
87
|
+
...w
|
|
88
88
|
}) => {
|
|
89
|
-
const [
|
|
90
|
-
|
|
91
|
-
}, v =
|
|
89
|
+
const [f, y] = C(h), E = () => {
|
|
90
|
+
r || y((g) => !g);
|
|
91
|
+
}, v = u(
|
|
92
92
|
e.tr,
|
|
93
|
-
t && !
|
|
93
|
+
t && !r ? e["tr__row-or-cell--clickable"] : r ? e["tr__row-or-cell--disabled"] : "",
|
|
94
94
|
_ && e["tr-expandable"],
|
|
95
95
|
// Optionally remove border bottom on last row
|
|
96
|
-
|
|
96
|
+
c && e["tr--last-row"],
|
|
97
97
|
p
|
|
98
98
|
);
|
|
99
|
-
return /* @__PURE__ */
|
|
100
|
-
/* @__PURE__ */
|
|
101
|
-
_ && /* @__PURE__ */
|
|
102
|
-
|
|
103
|
-
|
|
99
|
+
return /* @__PURE__ */ m(B, { children: [
|
|
100
|
+
/* @__PURE__ */ m("tr", { ...w, className: v, onClick: _ ? E : () => !r && (t == null ? void 0 : t()), children: [
|
|
101
|
+
_ && /* @__PURE__ */ a("td", { colSpan: b.Children.count(l) + 1, style: { paddingLeft: `${d * 16}px` }, children: /* @__PURE__ */ m("div", { className: e["expand-toggle"], children: [
|
|
102
|
+
f ? /* @__PURE__ */ a(N, { width: 24, height: 24, className: e["expand-toggle--expand-icon"] }) : /* @__PURE__ */ a(N, { width: 24, height: 24 }),
|
|
103
|
+
s
|
|
104
104
|
] }) }),
|
|
105
105
|
!_ && l
|
|
106
106
|
] }),
|
|
107
|
-
_ &&
|
|
108
|
-
className:
|
|
107
|
+
_ && f && (o == null ? void 0 : o.map((g, L) => /* @__PURE__ */ a(b.Fragment, { children: b.isValidElement(g) ? b.cloneElement(g, {
|
|
108
|
+
className: u(g.props.className, e["fade-in"]),
|
|
109
109
|
level: d + 1
|
|
110
|
-
}) :
|
|
110
|
+
}) : g }, L)))
|
|
111
111
|
] });
|
|
112
|
-
}, W = ({ children: l, onClick: t, disabled:
|
|
113
|
-
const
|
|
112
|
+
}, W = ({ children: l, onClick: t, disabled: r, className: p, align: c = "left", width: _, ...s }) => {
|
|
113
|
+
const o = u(
|
|
114
114
|
e.td,
|
|
115
|
-
t && !
|
|
116
|
-
e[`cell--${
|
|
115
|
+
t && !r ? e["td__row-or-cell--clickable"] : r ? e["td__row-or-cell--disabled"] : "",
|
|
116
|
+
e[`cell--${c}-alignment`],
|
|
117
117
|
p
|
|
118
118
|
);
|
|
119
|
-
return /* @__PURE__ */
|
|
119
|
+
return /* @__PURE__ */ a("td", { ...s, className: o, style: { width: _ }, onClick: () => !r && (t == null ? void 0 : t()), children: /* @__PURE__ */ a("span", { className: e["td-wrapper"], children: l }) });
|
|
120
120
|
}, q = ({
|
|
121
121
|
children: l,
|
|
122
122
|
onSort: t,
|
|
123
|
-
sortType:
|
|
123
|
+
sortType: r,
|
|
124
124
|
className: p,
|
|
125
|
-
classNameTooltip:
|
|
125
|
+
classNameTooltip: c,
|
|
126
126
|
align: _ = "left",
|
|
127
|
-
width:
|
|
128
|
-
...
|
|
127
|
+
width: s,
|
|
128
|
+
...o
|
|
129
129
|
}) => {
|
|
130
|
-
const { translations:
|
|
130
|
+
const { translations: h } = H(), [d, w] = C(!1), f = u(
|
|
131
131
|
e.th__wrapper,
|
|
132
132
|
d ? e["th__wrapper--pressed"] : "",
|
|
133
133
|
t ? e["th__wrapper--clickable"] : "",
|
|
134
134
|
p
|
|
135
135
|
);
|
|
136
|
-
return /* @__PURE__ */
|
|
136
|
+
return /* @__PURE__ */ a("th", { ...o, className: e[`cell--${_}-alignment`], style: s ? { width: s } : {}, children: /* @__PURE__ */ a("span", { className: f, onClick: t && (() => w(!d)), children: t ? /* @__PURE__ */ m(
|
|
137
137
|
k,
|
|
138
138
|
{
|
|
139
|
-
onClose: () =>
|
|
139
|
+
onClose: () => w(!1),
|
|
140
140
|
onSort: t,
|
|
141
141
|
show: d,
|
|
142
|
-
sortType:
|
|
143
|
-
className:
|
|
144
|
-
t:
|
|
142
|
+
sortType: r,
|
|
143
|
+
className: c,
|
|
144
|
+
t: h,
|
|
145
145
|
children: [
|
|
146
|
-
/* @__PURE__ */
|
|
147
|
-
/* @__PURE__ */
|
|
146
|
+
/* @__PURE__ */ a("span", { children: l }),
|
|
147
|
+
/* @__PURE__ */ a("span", { className: e["th__sort-icon-container"], children: /* @__PURE__ */ a(I, { width: 12, height: 12 }) })
|
|
148
148
|
]
|
|
149
149
|
}
|
|
150
|
-
) : /* @__PURE__ */
|
|
150
|
+
) : /* @__PURE__ */ a("span", { children: l }) }) });
|
|
151
151
|
};
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
152
|
+
i.THead = j;
|
|
153
|
+
i.THead.displayName = "Table.THead";
|
|
154
|
+
i.TBody = A;
|
|
155
|
+
i.TBody.displayName = "Table.TBody";
|
|
156
|
+
i.Tr = V;
|
|
157
|
+
i.Tr.displayName = "Table.Tr";
|
|
158
|
+
i.Td = W;
|
|
159
|
+
i.Td.displayName = "Table.Td";
|
|
160
|
+
i.Th = q;
|
|
161
|
+
i.Th.displayName = "Table.Th";
|
|
162
162
|
export {
|
|
163
163
|
A as TBody,
|
|
164
164
|
j as THead,
|
|
165
|
-
|
|
165
|
+
i as Table,
|
|
166
166
|
W as Td,
|
|
167
167
|
q as Th,
|
|
168
168
|
V as Tr
|
|
@@ -19,7 +19,7 @@ import '../../assets/Tooltip.css';function pt() {
|
|
|
19
19
|
requestedEnter: i
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
const
|
|
22
|
+
const ut = ["children", "className", "enterAnimationName", "enterClassName", "exitAnimationName", "exitClassName"];
|
|
23
23
|
function Y(t) {
|
|
24
24
|
const {
|
|
25
25
|
children: e,
|
|
@@ -28,18 +28,18 @@ function Y(t) {
|
|
|
28
28
|
enterClassName: n,
|
|
29
29
|
exitAnimationName: o,
|
|
30
30
|
exitClassName: c
|
|
31
|
-
} = t, l = rt(t,
|
|
31
|
+
} = t, l = rt(t, ut), {
|
|
32
32
|
requestedEnter: p,
|
|
33
|
-
onExited:
|
|
33
|
+
onExited: h
|
|
34
34
|
} = pt(), s = F.useRef(!0);
|
|
35
35
|
F.useEffect(() => {
|
|
36
36
|
p && s.current && (s.current = !1);
|
|
37
37
|
}, [p]);
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
}, [
|
|
38
|
+
const u = F.useCallback((x) => {
|
|
39
|
+
x.animationName === o ? (h(), s.current = !0) : x.animationName === a && (s.current = !1);
|
|
40
|
+
}, [h, o, a]);
|
|
41
41
|
return /* @__PURE__ */ y("div", st({
|
|
42
|
-
onAnimationEnd:
|
|
42
|
+
onAnimationEnd: u,
|
|
43
43
|
className: X(i, p ? n : c)
|
|
44
44
|
}, l, {
|
|
45
45
|
children: e
|
|
@@ -53,7 +53,7 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
|
|
|
53
53
|
exitAnimationName: O.string,
|
|
54
54
|
exitClassName: O.string
|
|
55
55
|
});
|
|
56
|
-
const
|
|
56
|
+
const mt = {
|
|
57
57
|
left: "right",
|
|
58
58
|
right: "left",
|
|
59
59
|
bottom: "top",
|
|
@@ -71,10 +71,10 @@ function B(t) {
|
|
|
71
71
|
function H(t) {
|
|
72
72
|
return t.split("-")[1];
|
|
73
73
|
}
|
|
74
|
-
function
|
|
74
|
+
function _t(t) {
|
|
75
75
|
return t === "x" ? "y" : "x";
|
|
76
76
|
}
|
|
77
|
-
function
|
|
77
|
+
function ht(t) {
|
|
78
78
|
return t === "y" ? "height" : "width";
|
|
79
79
|
}
|
|
80
80
|
const gt = /* @__PURE__ */ new Set(["top", "bottom"]);
|
|
@@ -82,41 +82,41 @@ function D(t) {
|
|
|
82
82
|
return gt.has(B(t)) ? "y" : "x";
|
|
83
83
|
}
|
|
84
84
|
function dt(t) {
|
|
85
|
-
return
|
|
85
|
+
return _t(D(t));
|
|
86
86
|
}
|
|
87
87
|
function yt(t, e, i) {
|
|
88
88
|
i === void 0 && (i = !1);
|
|
89
|
-
const a = H(t), n = dt(t), o =
|
|
89
|
+
const a = H(t), n = dt(t), o = ht(n);
|
|
90
90
|
let c = n === "x" ? a === (i ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
|
|
91
91
|
return e.reference[o] > e.floating[o] && (c = $(c)), [c, $(c)];
|
|
92
92
|
}
|
|
93
|
-
function
|
|
93
|
+
function xt(t) {
|
|
94
94
|
const e = $(t);
|
|
95
95
|
return [z(t), e, z(e)];
|
|
96
96
|
}
|
|
97
97
|
function z(t) {
|
|
98
98
|
return t.replace(/start|end/g, (e) => ft[e]);
|
|
99
99
|
}
|
|
100
|
-
const K = ["left", "right"], Q = ["right", "left"],
|
|
101
|
-
function
|
|
100
|
+
const K = ["left", "right"], Q = ["right", "left"], bt = ["top", "bottom"], vt = ["bottom", "top"];
|
|
101
|
+
function wt(t, e, i) {
|
|
102
102
|
switch (t) {
|
|
103
103
|
case "top":
|
|
104
104
|
case "bottom":
|
|
105
105
|
return i ? e ? Q : K : e ? K : Q;
|
|
106
106
|
case "left":
|
|
107
107
|
case "right":
|
|
108
|
-
return e ?
|
|
108
|
+
return e ? bt : vt;
|
|
109
109
|
default:
|
|
110
110
|
return [];
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
113
|
function At(t, e, i, a) {
|
|
114
114
|
const n = H(t);
|
|
115
|
-
let o =
|
|
115
|
+
let o = wt(B(t), i === "start", a);
|
|
116
116
|
return n && (o = o.map((c) => c + "-" + n), e && (o = o.concat(o.map(z)))), o;
|
|
117
117
|
}
|
|
118
118
|
function $(t) {
|
|
119
|
-
return t.replace(/left|right|bottom|top/g, (e) =>
|
|
119
|
+
return t.replace(/left|right|bottom|top/g, (e) => mt[e]);
|
|
120
120
|
}
|
|
121
121
|
function Pt(t) {
|
|
122
122
|
return {
|
|
@@ -164,17 +164,17 @@ async function kt(t, e) {
|
|
|
164
164
|
elements: l,
|
|
165
165
|
strategy: p
|
|
166
166
|
} = t, {
|
|
167
|
-
boundary:
|
|
167
|
+
boundary: h = "clippingAncestors",
|
|
168
168
|
rootBoundary: s = "viewport",
|
|
169
|
-
elementContext:
|
|
170
|
-
altBoundary:
|
|
169
|
+
elementContext: u = "floating",
|
|
170
|
+
altBoundary: x = !1,
|
|
171
171
|
padding: S = 0
|
|
172
|
-
} = Z(e, t), r = Nt(S),
|
|
173
|
-
element: (i = await (o.isElement == null ? void 0 : o.isElement(
|
|
174
|
-
boundary:
|
|
172
|
+
} = Z(e, t), r = Nt(S), m = l[x ? u === "floating" ? "reference" : "floating" : u], b = U(await o.getClippingRect({
|
|
173
|
+
element: (i = await (o.isElement == null ? void 0 : o.isElement(m))) == null || i ? m : m.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
|
|
174
|
+
boundary: h,
|
|
175
175
|
rootBoundary: s,
|
|
176
176
|
strategy: p
|
|
177
|
-
})), g =
|
|
177
|
+
})), g = u === "floating" ? {
|
|
178
178
|
x: a,
|
|
179
179
|
y: n,
|
|
180
180
|
width: c.floating.width,
|
|
@@ -185,17 +185,17 @@ async function kt(t, e) {
|
|
|
185
185
|
} : {
|
|
186
186
|
x: 1,
|
|
187
187
|
y: 1
|
|
188
|
-
},
|
|
188
|
+
}, v = U(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
189
189
|
elements: l,
|
|
190
190
|
rect: g,
|
|
191
191
|
offsetParent: P,
|
|
192
192
|
strategy: p
|
|
193
193
|
}) : g);
|
|
194
194
|
return {
|
|
195
|
-
top: (
|
|
196
|
-
bottom: (
|
|
197
|
-
left: (
|
|
198
|
-
right: (
|
|
195
|
+
top: (b.top - v.top + r.top) / d.y,
|
|
196
|
+
bottom: (v.bottom - b.bottom + r.bottom) / d.y,
|
|
197
|
+
left: (b.left - v.left + r.left) / d.x,
|
|
198
|
+
right: (v.right - b.right + r.right) / d.x
|
|
199
199
|
};
|
|
200
200
|
}
|
|
201
201
|
const Ct = function(t) {
|
|
@@ -210,50 +210,50 @@ const Ct = function(t) {
|
|
|
210
210
|
rects: c,
|
|
211
211
|
initialPlacement: l,
|
|
212
212
|
platform: p,
|
|
213
|
-
elements:
|
|
213
|
+
elements: h
|
|
214
214
|
} = e, {
|
|
215
215
|
mainAxis: s = !0,
|
|
216
|
-
crossAxis:
|
|
217
|
-
fallbackPlacements:
|
|
216
|
+
crossAxis: u = !0,
|
|
217
|
+
fallbackPlacements: x,
|
|
218
218
|
fallbackStrategy: S = "bestFit",
|
|
219
219
|
fallbackAxisSideDirection: r = "none",
|
|
220
220
|
flipAlignment: R = !0,
|
|
221
|
-
...
|
|
221
|
+
...m
|
|
222
222
|
} = Z(t, e);
|
|
223
223
|
if ((i = o.arrow) != null && i.alignmentOffset)
|
|
224
224
|
return {};
|
|
225
|
-
const
|
|
226
|
-
!
|
|
227
|
-
const L = [l, ...
|
|
228
|
-
let
|
|
229
|
-
if (s && E.push(M[
|
|
225
|
+
const b = B(n), g = D(l), P = B(l) === l, d = await (p.isRTL == null ? void 0 : p.isRTL(h.floating)), v = x || (P || !R ? [$(l)] : xt(l)), T = r !== "none";
|
|
226
|
+
!x && T && v.push(...At(l, R, r, d));
|
|
227
|
+
const L = [l, ...v], M = await kt(e, m), E = [];
|
|
228
|
+
let w = ((a = o.flip) == null ? void 0 : a.overflows) || [];
|
|
229
|
+
if (s && E.push(M[b]), u) {
|
|
230
230
|
const k = yt(n, c, d);
|
|
231
231
|
E.push(M[k[0]], M[k[1]]);
|
|
232
232
|
}
|
|
233
|
-
if (
|
|
233
|
+
if (w = [...w, {
|
|
234
234
|
placement: n,
|
|
235
235
|
overflows: E
|
|
236
236
|
}], !E.every((k) => k <= 0)) {
|
|
237
237
|
var V, N;
|
|
238
238
|
const k = (((V = o.flip) == null ? void 0 : V.index) || 0) + 1, q = L[k];
|
|
239
|
-
if (q && (!(
|
|
239
|
+
if (q && (!(u === "alignment" ? g !== D(q) : !1) || // We leave the current main axis only if every placement on that axis
|
|
240
240
|
// overflows the main axis.
|
|
241
|
-
|
|
241
|
+
w.every((f) => f.overflows[0] > 0 && D(f.placement) === g)))
|
|
242
242
|
return {
|
|
243
243
|
data: {
|
|
244
244
|
index: k,
|
|
245
|
-
overflows:
|
|
245
|
+
overflows: w
|
|
246
246
|
},
|
|
247
247
|
reset: {
|
|
248
248
|
placement: q
|
|
249
249
|
}
|
|
250
250
|
};
|
|
251
|
-
let j = (N =
|
|
251
|
+
let j = (N = w.filter((C) => C.overflows[0] <= 0).sort((C, f) => C.overflows[1] - f.overflows[1])[0]) == null ? void 0 : N.placement;
|
|
252
252
|
if (!j)
|
|
253
253
|
switch (S) {
|
|
254
254
|
case "bestFit": {
|
|
255
255
|
var W;
|
|
256
|
-
const C = (W =
|
|
256
|
+
const C = (W = w.filter((f) => {
|
|
257
257
|
if (T) {
|
|
258
258
|
const A = D(f.placement);
|
|
259
259
|
return A === g || // Create a bias to the `y` side axis due to horizontal
|
|
@@ -279,38 +279,38 @@ const Ct = function(t) {
|
|
|
279
279
|
return {};
|
|
280
280
|
}
|
|
281
281
|
};
|
|
282
|
-
}, Et = Ct, Ot = "
|
|
283
|
-
"u-typography-h1": "_u-typography-
|
|
284
|
-
"u-typography-h2": "_u-typography-
|
|
285
|
-
"u-typography-h3": "_u-typography-
|
|
286
|
-
"u-typography-h4": "_u-typography-
|
|
287
|
-
"u-typography-h5": "_u-typography-
|
|
288
|
-
"u-typography-h6": "_u-typography-
|
|
289
|
-
"u-typography-base": "_u-typography-
|
|
290
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
291
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
292
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
293
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
294
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
295
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
296
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
297
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
282
|
+
}, Et = Ct, Ot = "_tooltip_1ui81_79", St = "_tooltip__container_1ui81_128", Rt = "_tooltip__title_1ui81_134", Tt = "_tooltip__content_1ui81_141", Mt = "_tooltip__footer_1ui81_148", _ = {
|
|
283
|
+
"u-typography-h1": "_u-typography-h1_1ui81_1",
|
|
284
|
+
"u-typography-h2": "_u-typography-h2_1ui81_8",
|
|
285
|
+
"u-typography-h3": "_u-typography-h3_1ui81_15",
|
|
286
|
+
"u-typography-h4": "_u-typography-h4_1ui81_22",
|
|
287
|
+
"u-typography-h5": "_u-typography-h5_1ui81_29",
|
|
288
|
+
"u-typography-h6": "_u-typography-h6_1ui81_36",
|
|
289
|
+
"u-typography-base": "_u-typography-base_1ui81_43",
|
|
290
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_1ui81_49",
|
|
291
|
+
"u-typography-base--xl": "_u-typography-base--xl_1ui81_53",
|
|
292
|
+
"u-typography-base--lg": "_u-typography-base--lg_1ui81_57",
|
|
293
|
+
"u-typography-base--sm": "_u-typography-base--sm_1ui81_61",
|
|
294
|
+
"u-typography-base--bold": "_u-typography-base--bold_1ui81_65",
|
|
295
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_1ui81_68",
|
|
296
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_1ui81_71",
|
|
297
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1ui81_74",
|
|
298
298
|
tooltip: Ot,
|
|
299
|
-
"tooltip--bottom": "_tooltip--
|
|
300
|
-
"tooltip--top": "_tooltip--
|
|
301
|
-
"tooltip--right": "_tooltip--
|
|
302
|
-
"tooltip--left": "_tooltip--
|
|
299
|
+
"tooltip--bottom": "_tooltip--bottom_1ui81_99",
|
|
300
|
+
"tooltip--top": "_tooltip--top_1ui81_106",
|
|
301
|
+
"tooltip--right": "_tooltip--right_1ui81_113",
|
|
302
|
+
"tooltip--left": "_tooltip--left_1ui81_120",
|
|
303
303
|
tooltip__container: St,
|
|
304
304
|
tooltip__title: Rt,
|
|
305
305
|
tooltip__content: Tt,
|
|
306
306
|
tooltip__footer: Mt,
|
|
307
|
-
"tooltip__footer-button": "_tooltip__footer-
|
|
308
|
-
"tooltip__footer-link": "_tooltip__footer-
|
|
309
|
-
"tooltip--animation": "_tooltip--
|
|
310
|
-
"tooltip--anim-open": "_tooltip--anim-
|
|
311
|
-
"tooltip--open-animation": "_tooltip--open-
|
|
312
|
-
"tooltip--anim-close": "_tooltip--anim-
|
|
313
|
-
"tooltip--close-animation": "_tooltip--close-
|
|
307
|
+
"tooltip__footer-button": "_tooltip__footer-button_1ui81_152",
|
|
308
|
+
"tooltip__footer-link": "_tooltip__footer-link_1ui81_172",
|
|
309
|
+
"tooltip--animation": "_tooltip--animation_1ui81_183",
|
|
310
|
+
"tooltip--anim-open": "_tooltip--anim-open_1ui81_183",
|
|
311
|
+
"tooltip--open-animation": "_tooltip--open-animation_1ui81_1",
|
|
312
|
+
"tooltip--anim-close": "_tooltip--anim-close_1ui81_186",
|
|
313
|
+
"tooltip--close-animation": "_tooltip--close-animation_1ui81_1"
|
|
314
314
|
}, $t = ({
|
|
315
315
|
arialRole: t,
|
|
316
316
|
children: e,
|
|
@@ -321,53 +321,53 @@ const Ct = function(t) {
|
|
|
321
321
|
position: c = "bottom",
|
|
322
322
|
open: l,
|
|
323
323
|
title: p,
|
|
324
|
-
content:
|
|
324
|
+
content: h,
|
|
325
325
|
footer: s,
|
|
326
|
-
onTargetCreated:
|
|
327
|
-
popperZIndex:
|
|
326
|
+
onTargetCreated: u,
|
|
327
|
+
popperZIndex: x = 9999,
|
|
328
328
|
...S
|
|
329
329
|
}) => {
|
|
330
|
-
const r = ot(null), [R,
|
|
331
|
-
let
|
|
330
|
+
const r = ot(null), [R, m] = G(l || !1);
|
|
331
|
+
let b = R;
|
|
332
332
|
const [g, P] = G(c);
|
|
333
333
|
J(() => {
|
|
334
|
-
|
|
334
|
+
m(l || !1);
|
|
335
335
|
}, [l]);
|
|
336
336
|
const d = nt(e) ? e : /* @__PURE__ */ y("span", { children: e });
|
|
337
|
-
!
|
|
338
|
-
const
|
|
339
|
-
o == null || o(), !n &&
|
|
337
|
+
!h && h !== 0 && (b = !1);
|
|
338
|
+
const v = () => {
|
|
339
|
+
o == null || o(), !n && m(!1);
|
|
340
340
|
};
|
|
341
341
|
J(() => {
|
|
342
342
|
if (r != null && r.current) {
|
|
343
343
|
const N = r == null ? void 0 : r.current;
|
|
344
|
-
|
|
344
|
+
u == null || u(N);
|
|
345
345
|
}
|
|
346
346
|
}, [r, n]);
|
|
347
347
|
const T = () => {
|
|
348
|
-
n ||
|
|
348
|
+
n || m(!0);
|
|
349
349
|
}, L = () => {
|
|
350
|
-
n ||
|
|
350
|
+
n || m(!1);
|
|
351
351
|
}, M = {
|
|
352
352
|
padding: g.match(/(bottom|top)/) ? ".25rem 0" : "0 .25rem",
|
|
353
|
-
zIndex:
|
|
354
|
-
}, E = X(
|
|
353
|
+
zIndex: x
|
|
354
|
+
}, E = X(_.tooltip, _[`tooltip--${g}`], i), w = {
|
|
355
355
|
...d.props,
|
|
356
356
|
ref: r,
|
|
357
|
-
onPointerEnter: n ? void 0 : () =>
|
|
358
|
-
onPointerLeave: n ? void 0 : () =>
|
|
357
|
+
onPointerEnter: n ? void 0 : () => m(!0),
|
|
358
|
+
onPointerLeave: n ? void 0 : () => m(!1)
|
|
359
359
|
}, V = () => ({
|
|
360
360
|
name: "currentPlacement",
|
|
361
361
|
fn: (N) => (P(N.placement), N)
|
|
362
362
|
});
|
|
363
363
|
return /* @__PURE__ */ I(et, { children: [
|
|
364
|
-
it(d,
|
|
364
|
+
it(d, w),
|
|
365
365
|
/* @__PURE__ */ y(
|
|
366
366
|
lt,
|
|
367
367
|
{
|
|
368
368
|
disablePortal: !0,
|
|
369
369
|
...S,
|
|
370
|
-
open:
|
|
370
|
+
open: b,
|
|
371
371
|
anchor: r == null ? void 0 : r.current,
|
|
372
372
|
style: M,
|
|
373
373
|
role: t,
|
|
@@ -379,9 +379,9 @@ const Ct = function(t) {
|
|
|
379
379
|
children: /* @__PURE__ */ y(
|
|
380
380
|
Y,
|
|
381
381
|
{
|
|
382
|
-
className:
|
|
383
|
-
enterClassName:
|
|
384
|
-
exitClassName:
|
|
382
|
+
className: _["tooltip--animation"],
|
|
383
|
+
enterClassName: _["tooltip--anim-open"],
|
|
384
|
+
exitClassName: _["tooltip--anim-close"],
|
|
385
385
|
enterAnimationName: "tooltip--open-animation",
|
|
386
386
|
exitAnimationName: "tooltip--close-animation",
|
|
387
387
|
children: /* @__PURE__ */ y(
|
|
@@ -391,16 +391,16 @@ const Ct = function(t) {
|
|
|
391
391
|
style: a,
|
|
392
392
|
onPointerEnter: T,
|
|
393
393
|
onPointerLeave: L,
|
|
394
|
-
children: /* @__PURE__ */ y(ct, { onClickAway:
|
|
395
|
-
p && /* @__PURE__ */ y("div", { className:
|
|
396
|
-
/* @__PURE__ */ y("div", { className:
|
|
397
|
-
s && /* @__PURE__ */ I("div", { className:
|
|
398
|
-
s.type === "button" && s.onClick && /* @__PURE__ */ y("button", { onClick: s.onClick, className:
|
|
394
|
+
children: /* @__PURE__ */ y(ct, { onClickAway: v, children: /* @__PURE__ */ I("div", { className: _.tooltip__container, children: [
|
|
395
|
+
p && /* @__PURE__ */ y("div", { className: _.tooltip__title, children: p }),
|
|
396
|
+
/* @__PURE__ */ y("div", { className: _.tooltip__content, children: h }),
|
|
397
|
+
s && /* @__PURE__ */ I("div", { className: _.tooltip__footer, children: [
|
|
398
|
+
s.type === "button" && s.onClick && /* @__PURE__ */ y("button", { onClick: s.onClick, className: _["tooltip__footer-button"], children: s.label }),
|
|
399
399
|
s.type === "link" && s.href && /* @__PURE__ */ y(
|
|
400
400
|
"a",
|
|
401
401
|
{
|
|
402
402
|
href: s.href,
|
|
403
|
-
className:
|
|
403
|
+
className: _["tooltip__footer-link"],
|
|
404
404
|
target: "_blank",
|
|
405
405
|
rel: "noopener noreferrer",
|
|
406
406
|
children: s.label
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pismo/marola",
|
|
3
3
|
"description": "CDX tribe component library",
|
|
4
|
-
"version": "2.1.
|
|
4
|
+
"version": "2.1.52",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/main.js",
|
|
7
7
|
"types": "dist/main.d.ts",
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"stylelint-config-standard-scss": "^13.1.0",
|
|
90
90
|
"stylelint-prettier": "^5.0.0",
|
|
91
91
|
"typescript": "^5.2.2",
|
|
92
|
-
"vite": "^6.3.
|
|
92
|
+
"vite": "^6.3.6",
|
|
93
93
|
"vite-plugin-dts": "^4.5.3",
|
|
94
94
|
"vite-plugin-lib-inject-css": "^2.2.1",
|
|
95
95
|
"vite-plugin-svgr": "^4.3.0",
|
|
@@ -118,7 +118,10 @@
|
|
|
118
118
|
"rollup": "^4.40.1",
|
|
119
119
|
"send": "^1.2.0",
|
|
120
120
|
"serve-static": "^2.2.0",
|
|
121
|
-
"vite": "^6.3.
|
|
122
|
-
"ws": "^8.18.1"
|
|
121
|
+
"vite": "^6.3.6",
|
|
122
|
+
"ws": "^8.18.1",
|
|
123
|
+
"tmp": "^0.2.5",
|
|
124
|
+
"brace-expansion": "^2.0.2",
|
|
125
|
+
"debug": "^4.4.3"
|
|
123
126
|
}
|
|
124
127
|
}
|