@pismo/marola 0.0.1-alpha.28 → 0.0.1-alpha.30
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/Toggle-BXcLAMNy.js +142 -0
- package/dist/assets/EllipsisTooltip.css +1 -0
- package/dist/assets/Skeleton.css +1 -1
- package/dist/assets/Toggle.css +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.d.ts +7 -0
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +23 -0
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +31 -0
- package/dist/components/Icon/Icon.d.ts +1 -1
- package/dist/components/Icon/Icon.js +21 -14
- package/dist/components/PageHeader/PageHeader.js +24 -23
- package/dist/components/Skeleton/Skeleton.js +12 -12
- package/dist/components/ToggleGroup/Toggle.js +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +6 -2
- package/dist/components/Tooltip/Tooltip.js +66 -64
- package/dist/components/Tooltip/Tooltip.stories.d.ts +3 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +66 -64
- package/package.json +2 -2
- package/dist/Toggle-BnPepwWO.js +0 -143
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import './assets/Toggle.css';
|
|
2
|
+
import { jsx as p, jsxs as u } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as d, cloneElement as m } from "react";
|
|
4
|
+
import { c as n } from "./clsx-DB4S2d7J.js";
|
|
5
|
+
import "./components/Button/Button.js";
|
|
6
|
+
import { Icon as b } from "./components/Icon/Icon.js";
|
|
7
|
+
import "./components/Dialog/Backdrop.js";
|
|
8
|
+
import { Typography as k } from "./components/Typography/Typography.js";
|
|
9
|
+
import "./components/IconButton/IconButton.js";
|
|
10
|
+
import "./components/Select/Select.js";
|
|
11
|
+
import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
|
|
12
|
+
import "./components/Table/Table.js";
|
|
13
|
+
import "./components/Tabs/Tabs.js";
|
|
14
|
+
import { s as h } from "./Group-B3p31ftp.js";
|
|
15
|
+
import "./contexts/SnackbarProvider/SnackbarProvider.js";
|
|
16
|
+
import { B as x } from "./Button-2b1peDFT.js";
|
|
17
|
+
const C = "_chip_ccpk4_60", N = "_chip__adornment_ccpk4_114", v = "_chip__remove_ccpk4_119", s = {
|
|
18
|
+
"u-typography-h1": "_u-typography-h1_ccpk4_1",
|
|
19
|
+
"u-typography-h2": "_u-typography-h2_ccpk4_8",
|
|
20
|
+
"u-typography-h3": "_u-typography-h3_ccpk4_15",
|
|
21
|
+
"u-typography-h4": "_u-typography-h4_ccpk4_22",
|
|
22
|
+
"u-typography-h5": "_u-typography-h5_ccpk4_29",
|
|
23
|
+
"u-typography-h6": "_u-typography-h6_ccpk4_36",
|
|
24
|
+
"u-typography-base": "_u-typography-base_ccpk4_43",
|
|
25
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_ccpk4_48",
|
|
26
|
+
"u-typography-base--xl": "_u-typography-base--xl_ccpk4_52",
|
|
27
|
+
"u-typography-base--lg": "_u-typography-base--lg_ccpk4_56",
|
|
28
|
+
"u-typography-base--sm": "_u-typography-base--sm_ccpk4_60",
|
|
29
|
+
chip: C,
|
|
30
|
+
"u-typography-base--bold": "_u-typography-base--bold_ccpk4_64",
|
|
31
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_ccpk4_67",
|
|
32
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_ccpk4_70",
|
|
33
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_ccpk4_73",
|
|
34
|
+
"chip--button": "_chip--button_ccpk4_89",
|
|
35
|
+
"chip--outlined": "_chip--outlined_ccpk4_102",
|
|
36
|
+
"chip--contained": "_chip--contained_ccpk4_108",
|
|
37
|
+
chip__adornment: N,
|
|
38
|
+
chip__remove: v,
|
|
39
|
+
"chip__remove--disabled": "_chip__remove--disabled_ccpk4_130",
|
|
40
|
+
"chip-loading": "_chip-loading_ccpk4_134"
|
|
41
|
+
}, T = d((a, t) => {
|
|
42
|
+
const { children: c, onClickContent: e, disabled: r, className: i, variant: l } = a;
|
|
43
|
+
let o = n(
|
|
44
|
+
s.chip,
|
|
45
|
+
{ [s["chip--outlined"]]: l === "outlined" },
|
|
46
|
+
{ [s["chip--contained"]]: l === "contained" },
|
|
47
|
+
i
|
|
48
|
+
);
|
|
49
|
+
return e ? (o += ` ${s["chip--button"]}`, /* @__PURE__ */ p(
|
|
50
|
+
x,
|
|
51
|
+
{
|
|
52
|
+
onClick: e,
|
|
53
|
+
disabled: r,
|
|
54
|
+
"data-testid": a["data-testid"],
|
|
55
|
+
ref: t,
|
|
56
|
+
className: o,
|
|
57
|
+
children: c
|
|
58
|
+
}
|
|
59
|
+
)) : /* @__PURE__ */ p("span", { "data-testid": a["data-testid"], ref: t, className: o, children: c });
|
|
60
|
+
}), A = (a) => {
|
|
61
|
+
const { icon: t, disabled: c = !1, className: e } = a;
|
|
62
|
+
if (t) {
|
|
63
|
+
const r = n(s.chip__adornment, e), i = c ? m(t, { color: "rgb(var(--gray-95-rgb), 0.4)" }) : t;
|
|
64
|
+
return /* @__PURE__ */ p("span", { className: r, children: i });
|
|
65
|
+
}
|
|
66
|
+
return null;
|
|
67
|
+
}, G = d((a, t) => {
|
|
68
|
+
const {
|
|
69
|
+
label: c,
|
|
70
|
+
className: e,
|
|
71
|
+
onClickContent: r,
|
|
72
|
+
leftAdornment: i,
|
|
73
|
+
loading: l = !1,
|
|
74
|
+
disabled: o = !1,
|
|
75
|
+
variant: g = "default",
|
|
76
|
+
onClickRemove: y
|
|
77
|
+
} = a;
|
|
78
|
+
return l ? /* @__PURE__ */ p(
|
|
79
|
+
f,
|
|
80
|
+
{
|
|
81
|
+
className: n(s["chip-loading"], a["className-skeleton"]),
|
|
82
|
+
"data-testid": a["data-testid-skeleton"]
|
|
83
|
+
}
|
|
84
|
+
) : /* @__PURE__ */ u(
|
|
85
|
+
T,
|
|
86
|
+
{
|
|
87
|
+
ref: t,
|
|
88
|
+
"data-testid": a["data-testid"],
|
|
89
|
+
onClickContent: r,
|
|
90
|
+
disabled: o,
|
|
91
|
+
className: e,
|
|
92
|
+
variant: g,
|
|
93
|
+
children: [
|
|
94
|
+
i && /* @__PURE__ */ p(A, { ...i, disabled: o }),
|
|
95
|
+
c,
|
|
96
|
+
y && /* @__PURE__ */ p(
|
|
97
|
+
"span",
|
|
98
|
+
{
|
|
99
|
+
className: n(s.chip__remove, { [s["chip__remove--disabled"]]: o }),
|
|
100
|
+
role: "button",
|
|
101
|
+
tabIndex: o ? -1 : 0,
|
|
102
|
+
"aria-label": "remove",
|
|
103
|
+
onClick: (_) => {
|
|
104
|
+
_ == null || _.stopPropagation(), _ == null || _.nativeEvent.stopImmediatePropagation(), y();
|
|
105
|
+
},
|
|
106
|
+
"aria-disabled": o,
|
|
107
|
+
children: /* @__PURE__ */ p(b, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
|
|
108
|
+
}
|
|
109
|
+
)
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
);
|
|
113
|
+
}), H = d((a, t) => {
|
|
114
|
+
const { text: c, isSelected: e = !1, value: r, onChange: i } = a;
|
|
115
|
+
return /* @__PURE__ */ u(
|
|
116
|
+
"label",
|
|
117
|
+
{
|
|
118
|
+
className: n([h.toggle__label], { [h["toggle__label--selected"]]: e }),
|
|
119
|
+
"data-testid": a["data-testid"],
|
|
120
|
+
children: [
|
|
121
|
+
/* @__PURE__ */ p(
|
|
122
|
+
"input",
|
|
123
|
+
{
|
|
124
|
+
className: n([h.toggle__input]),
|
|
125
|
+
type: "radio",
|
|
126
|
+
ref: t,
|
|
127
|
+
value: r.toString(),
|
|
128
|
+
onChange: () => i(r),
|
|
129
|
+
role: "radio",
|
|
130
|
+
checked: e,
|
|
131
|
+
"aria-checked": e
|
|
132
|
+
}
|
|
133
|
+
),
|
|
134
|
+
/* @__PURE__ */ p(k, { bold: !0, children: c })
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
);
|
|
138
|
+
});
|
|
139
|
+
export {
|
|
140
|
+
G as C,
|
|
141
|
+
H as T
|
|
142
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._ellipsis-tooltip_krf68_1{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:var(--line-clamp, 1);-webkit-box-orient:vertical}
|
package/dist/assets/Skeleton.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._skeleton_dtmoz_1{display:block;width:100%;height:1.25rem;content:" ";background-image:linear-gradient(.25turn,transparent,var(--gray-5),transparent),linear-gradient(var(--gray-10),var(--gray-10));background-repeat:no-repeat;background-position:200% 0,0 0;background-size:200% auto;border-radius:var(--border-radius);animation:_skeletonLoading_dtmoz_1 1.5s infinite}._skeleton_dtmoz_1._skeleton--circle-type_dtmoz_13{border-radius:50%}._skeleton--table-type_dtmoz_17{display:table;width:100%;border-spacing:0}._skeleton--table-type_dtmoz_17 thead tr{background-color:var(--gray-10)}._skeleton--table-type_dtmoz_17 th ._skeleton_dtmoz_1{height:.5rem;background:var(--white-100);animation:none}._skeleton--table-type_dtmoz_17 td ._skeleton_dtmoz_1{height:.804rem}._skeleton--table-type_dtmoz_17 thead tr th:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}._skeleton--table-type_dtmoz_17 thead tr th:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}._skeleton--table-type_dtmoz_17 thead,._skeleton--table-type_dtmoz_17 tr,._skeleton--table-type_dtmoz_17 td,._skeleton--table-type_dtmoz_17 tbody{display:inherit;border:none}._skeleton--table-type_dtmoz_17 thead{display:table-header-group}._skeleton--table-type_dtmoz_17 tbody{display:table-row-group}._skeleton--table-type_dtmoz_17 tr{display:table-row}._skeleton--table-type_dtmoz_17 td,._skeleton--table-type_dtmoz_17 th{display:table-cell;padding:1.6621rem 1rem;border:none}._skeleton--table-type_dtmoz_17 tr:nth-child(2n){background:inherit}._skeleton--table-type_dtmoz_17 tr+tr td{border-top:1px solid var(--gray-10)}@keyframes _skeletonLoading_dtmoz_1{to{background-position:-100% 0,0 0}}
|
package/dist/assets/Toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_ccpk4_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_ccpk4_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_ccpk4_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_ccpk4_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_ccpk4_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_ccpk4_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_ccpk4_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_ccpk4_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_ccpk4_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_ccpk4_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_ccpk4_60,._chip_ccpk4_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_ccpk4_64,._chip_ccpk4_60{font-weight:var(--base-bold)}._u-typography-base--strikethrough_ccpk4_67{text-decoration:line-through}._u-typography-base--underlined_ccpk4_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_ccpk4_73{text-decoration:underline line-through}._chip_ccpk4_60{display:flex;align-items:center;width:fit-content;padding:.375rem .5rem;background-color:var(--cream);border-width:1px;border-radius:calc(var(--border-radius-soft) * 4)}._chip_ccpk4_60:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_ccpk4_89{cursor:pointer;border-color:transparent}._chip--button_ccpk4_89:disabled{cursor:initial}._chip--button_ccpk4_89:focus-visible{outline:none}._chip--button_ccpk4_89:focus{outline:2px solid var(--black-100)}._chip--outlined_ccpk4_102{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_ccpk4_108{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_ccpk4_114{display:flex;align-items:center;margin-right:.5rem}._chip__remove_ccpk4_119{display:flex;margin-left:.5rem}._chip__remove_ccpk4_119:focus-visible{outline:none}._chip__remove_ccpk4_119:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_ccpk4_130{cursor:default}._chip-loading_ccpk4_134{display:inline-flex;width:6rem;height:2rem;border-radius:4rem}
|
|
@@ -3,7 +3,7 @@ import "react";
|
|
|
3
3
|
import "../../clsx-DB4S2d7J.js";
|
|
4
4
|
import "../Icon/Icon.js";
|
|
5
5
|
import "../Button/Button.js";
|
|
6
|
-
import { C as j } from "../../Toggle-
|
|
6
|
+
import { C as j } from "../../Toggle-BXcLAMNy.js";
|
|
7
7
|
import "../Dialog/Backdrop.js";
|
|
8
8
|
import "../Typography/Typography.js";
|
|
9
9
|
import "../IconButton/IconButton.js";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TooltipProps } from '../Tooltip/Tooltip';
|
|
2
|
+
|
|
3
|
+
export type EllipsisTooltipProps = Omit<TooltipProps, 'onTargetCreated'> & {
|
|
4
|
+
lineClamp?: number;
|
|
5
|
+
};
|
|
6
|
+
declare const EllipsisTooltip: ({ lineClamp, children, className, disableHoverListener, ...rest }: EllipsisTooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { EllipsisTooltip };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import '../../assets/EllipsisTooltip.css';
|
|
2
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
3
|
+
import { useState as h } from "react";
|
|
4
|
+
import { c as d } from "../../clsx-DB4S2d7J.js";
|
|
5
|
+
import { Tooltip as g } from "../Tooltip/Tooltip.js";
|
|
6
|
+
const H = {
|
|
7
|
+
"ellipsis-tooltip": "_ellipsis-tooltip_krf68_1"
|
|
8
|
+
}, S = ({
|
|
9
|
+
lineClamp: s = 1,
|
|
10
|
+
children: e,
|
|
11
|
+
className: i,
|
|
12
|
+
disableHoverListener: o,
|
|
13
|
+
...r
|
|
14
|
+
}) => {
|
|
15
|
+
const [c, a] = h(!1), p = (t) => {
|
|
16
|
+
const m = t.scrollWidth > t.clientWidth, f = t.scrollHeight > t.clientHeight;
|
|
17
|
+
a(m || f);
|
|
18
|
+
}, n = typeof o == "boolean" ? o : !c;
|
|
19
|
+
return /* @__PURE__ */ l(g, { className: d(i), ...r, onTargetCreated: p, disableHoverListener: n, children: /* @__PURE__ */ l("span", { style: { "--line-clamp": s }, className: H["ellipsis-tooltip"], children: e }) });
|
|
20
|
+
};
|
|
21
|
+
export {
|
|
22
|
+
S as EllipsisTooltip
|
|
23
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { EllipsisTooltipProps } from './EllipsisTooltip.tsx';
|
|
2
|
+
import { StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: ({ lineClamp, children, className, disableHoverListener, ...rest }: EllipsisTooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
tags: string[];
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
};
|
|
11
|
+
decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
12
|
+
style?: import('react').CSSProperties | undefined;
|
|
13
|
+
title: import('react').ReactNode;
|
|
14
|
+
className?: string | undefined;
|
|
15
|
+
children: import('react').ReactNode;
|
|
16
|
+
'data-testid'?: string | undefined;
|
|
17
|
+
open?: boolean | undefined;
|
|
18
|
+
onClose?: (() => void) | undefined;
|
|
19
|
+
theme?: "black" | "white" | undefined;
|
|
20
|
+
position?: import('@floating-ui/utils').Placement | undefined;
|
|
21
|
+
padding?: "small" | "normal" | undefined;
|
|
22
|
+
arialRole?: import('react').AriaRole | undefined;
|
|
23
|
+
disableHoverListener?: boolean | undefined;
|
|
24
|
+
lineClamp?: number | undefined;
|
|
25
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
26
|
+
};
|
|
27
|
+
export default meta;
|
|
28
|
+
type Story = StoryObj<typeof meta>;
|
|
29
|
+
export declare const Simple: Story;
|
|
30
|
+
export declare const OneLineEllipsis: Story;
|
|
31
|
+
export declare const TwoLinesEllipsis: Story;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const FamilyAndIcons: {
|
|
2
|
-
readonly 'fa/duotone': readonly ["arrow-down-arrow-up", "calendar-days", "circle-arrow-right", "circle-exclamation", "circle-xmark", "eye-slash", "folder-magnifying-glass", "lock-keyhole", "magnifying-glass", "xmark", "warehouse-full", "rectangle-history", "account-group", "arrow-left"];
|
|
2
|
+
readonly 'fa/duotone': readonly ["arrow-down-arrow-up", "calendar-days", "circle-arrow-right", "circle-exclamation", "circle-xmark", "eye-slash", "folder-magnifying-glass", "lock-keyhole", "magnifying-glass", "xmark", "warehouse-full", "rectangle-history", "account-group", "arrow-left", "trash"];
|
|
3
3
|
readonly pi: readonly ["logo"];
|
|
4
4
|
};
|
|
5
5
|
export type IconFamilies = keyof typeof FamilyAndIcons;
|
|
@@ -66,7 +66,12 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16",
|
|
|
66
66
|
.fa-secondary {
|
|
67
67
|
opacity: .4
|
|
68
68
|
}
|
|
69
|
-
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z" })), E = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2882_20246)" }, /* @__PURE__ */ e.createElement("path", { d: "M14 5C15.1031 5 16 5.89688 16 7V14C16 15.1031 15.1031 16 14 16H2C0.895313 16 0 15.1031 0 14V7C0 5.89688 0.895313 5 2 5H14Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M13.75 4H2.25C1.83594 4 1.5 3.66563 1.5 3.25C1.5 2.83594 1.83594 2.5 2.25 2.5H13.75C14.1656 2.5 14.5 2.83594 14.5 3.25C14.5 3.66563 14.1656 4 13.75 4ZM12.25 1.5H3.75C3.33438 1.5 3 1.16406 3 0.75C3 0.335938 3.33438 0 3.75 0H12.25C12.6656 0 13 0.335938 13 0.75C13 1.16406 12.6656 1.5 12.25 1.5Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2882_20246" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white" })))), v = (t) => /* @__PURE__ */ e.createElement("svg", {
|
|
69
|
+
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z" })), E = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2882_20246)" }, /* @__PURE__ */ e.createElement("path", { d: "M14 5C15.1031 5 16 5.89688 16 7V14C16 15.1031 15.1031 16 14 16H2C0.895313 16 0 15.1031 0 14V7C0 5.89688 0.895313 5 2 5H14Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M13.75 4H2.25C1.83594 4 1.5 3.66563 1.5 3.25C1.5 2.83594 1.83594 2.5 2.25 2.5H13.75C14.1656 2.5 14.5 2.83594 14.5 3.25C14.5 3.66563 14.1656 4 13.75 4ZM12.25 1.5H3.75C3.33438 1.5 3 1.16406 3 0.75C3 0.335938 3.33438 0 3.75 0H12.25C12.6656 0 13 0.335938 13 0.75C13 1.16406 12.6656 1.5 12.25 1.5Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2882_20246" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white" })))), v = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/duotone/trash", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
70
|
+
fill: "currentcolor",
|
|
71
|
+
color: "currentcolor",
|
|
72
|
+
width: "1em",
|
|
73
|
+
height: "1em"
|
|
74
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M284.2 0C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M32 96H416L394.6 466.8C393.1 492.2 372.1 512 346.7 512H101.3C75.87 512 54.86 492.2 53.39 466.8L32 96z" })), M = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2882_20237)" }, /* @__PURE__ */ e.createElement("path", { d: "M1.25719 3.49676L9.62813 0.148412C9.86563 0.0530684 10.1344 0.0530684 10.3719 0.148412L18.7437 3.49676C19.5031 3.79988 20 4.53738 20 5.35301V15.2499C20 15.6655 19.6656 15.9999 19.25 15.9999H17.75C17.3344 15.9999 17 15.6655 17 15.2499V6.97176C17 6.44676 16.5531 5.97176 16 5.97176H4C3.44688 5.97176 3 6.44676 3 6.97176V15.2499C3 15.6655 2.66406 15.9999 2.25 15.9999H0.75C0.335938 15.9999 0 15.6655 0 15.2499V5.35301C0 4.53738 0.497813 3.79988 1.25719 3.49676Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M4 7.75C4 7.33437 4.33437 7 4.75 7H9.25C9.66563 7 10 7.33437 10 7.75V10.25C10 10.6656 9.66563 11 9.25 11H4.75C4.33437 11 4 10.6656 4 10.25V7.75ZM11 12.75C11 12.3344 11.3344 12 11.75 12H15.25C15.6656 12 16 12.3344 16 12.75V15.25C16 15.6656 15.6656 16 15.25 16H11.75C11.3344 16 11 15.6656 11 15.25V12.75ZM9.25 12C9.66563 12 10 12.3344 10 12.75V15.25C10 15.6656 9.66563 16 9.25 16H4.75C4.33437 16 4 15.6656 4 15.25V12.75C4 12.3344 4.33437 12 4.75 12H9.25Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2882_20237" }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 16, fill: "white" })))), H = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", "data-waves-icon": "fa/duotone/xmark", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
70
75
|
fill: "currentcolor",
|
|
71
76
|
color: "currentcolor",
|
|
72
77
|
width: "1em",
|
|
@@ -75,12 +80,12 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16",
|
|
|
75
80
|
.fa-secondary {
|
|
76
81
|
opacity: .4
|
|
77
82
|
}
|
|
78
|
-
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" })),
|
|
83
|
+
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" })), L = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 664 652", xmlns: "http://www.w3.org/2000/svg", "data-waves-icon": "pi/logo", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
79
84
|
fill: "currentcolor",
|
|
80
85
|
color: "currentcolor",
|
|
81
86
|
width: "1em",
|
|
82
87
|
height: "1em"
|
|
83
|
-
}, ...t }, /* @__PURE__ */ e.createElement("path", { d: "M391.42 125.965C448.039 184.645 504.938 243.615 565.81 185.331C583.085 168.806 588.671 138.702 583.932 117.95C552.33 -20.4551 366.687 -26.094 284.964 44.5249L285.069 45.0613C321.006 52.9875 356.159 89.4202 391.42 125.965Z" }), /* @__PURE__ */ e.createElement("path", { d: "M522.431 495.702C448.189 455.82 486.69 383.483 525.002 311.503C548.862 266.674 572.648 221.983 569.081 185.356L569.559 185.09C661.976 240.991 713.98 419.291 592.114 492.115C573.842 503.035 543.486 507.025 522.431 495.702V495.702Z" }), /* @__PURE__ */ e.createElement("path", { d: "M213.844 550.355C228.833 467.423 309.526 481.686 389.823 495.879C439.831 504.719 489.685 513.531 523.417 498.82L523.818 499.192C499.211 604.36 345.708 708.916 238.789 615.519C222.757 601.516 209.582 573.878 213.844 550.355Z" }), /* @__PURE__ */ e.createElement("path", { d: "M284.035 48.1638C320.656 124.068 246.989 159.959 173.686 195.673C128.033 217.916 82.5196 240.09 63.8762 271.819L63.3335 271.753C21.4251 172.207 84.1548 -2.6076 225.552 10.1071C246.753 12.0131 273.657 26.6279 284.035 48.1638Z" }), /* @__PURE__ */ e.createElement("path", { d: "M172.699 424.293C161.384 343.54 150.014 262.389 66.5079 273.761C42.819 276.977 20.6057 298.048 12.2415 317.622C-43.5448 448.169 103.33 561.849 210.954 552.754L211.185 552.258C186.77 524.722 179.745 474.585 172.699 424.293Z" })),
|
|
88
|
+
}, ...t }, /* @__PURE__ */ e.createElement("path", { d: "M391.42 125.965C448.039 184.645 504.938 243.615 565.81 185.331C583.085 168.806 588.671 138.702 583.932 117.95C552.33 -20.4551 366.687 -26.094 284.964 44.5249L285.069 45.0613C321.006 52.9875 356.159 89.4202 391.42 125.965Z" }), /* @__PURE__ */ e.createElement("path", { d: "M522.431 495.702C448.189 455.82 486.69 383.483 525.002 311.503C548.862 266.674 572.648 221.983 569.081 185.356L569.559 185.09C661.976 240.991 713.98 419.291 592.114 492.115C573.842 503.035 543.486 507.025 522.431 495.702V495.702Z" }), /* @__PURE__ */ e.createElement("path", { d: "M213.844 550.355C228.833 467.423 309.526 481.686 389.823 495.879C439.831 504.719 489.685 513.531 523.417 498.82L523.818 499.192C499.211 604.36 345.708 708.916 238.789 615.519C222.757 601.516 209.582 573.878 213.844 550.355Z" }), /* @__PURE__ */ e.createElement("path", { d: "M284.035 48.1638C320.656 124.068 246.989 159.959 173.686 195.673C128.033 217.916 82.5196 240.09 63.8762 271.819L63.3335 271.753C21.4251 172.207 84.1548 -2.6076 225.552 10.1071C246.753 12.0131 273.657 26.6279 284.035 48.1638Z" }), /* @__PURE__ */ e.createElement("path", { d: "M172.699 424.293C161.384 343.54 150.014 262.389 66.5079 273.761C42.819 276.977 20.6057 298.048 12.2415 317.622C-43.5448 448.169 103.33 561.849 210.954 552.754L211.185 552.258C186.77 524.722 179.745 474.585 172.699 424.293Z" })), x = {
|
|
84
89
|
// icon family / icon name
|
|
85
90
|
// fa/duotone / eye-slash
|
|
86
91
|
"fa/duotone/arrow-down-arrow-up": i,
|
|
@@ -92,13 +97,14 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16",
|
|
|
92
97
|
"fa/duotone/folder-magnifying-glass": u,
|
|
93
98
|
"fa/duotone/lock-keyhole": p,
|
|
94
99
|
"fa/duotone/magnifying-glass": y,
|
|
95
|
-
"fa/duotone/xmark":
|
|
96
|
-
"fa/duotone/warehouse-full":
|
|
100
|
+
"fa/duotone/xmark": H,
|
|
101
|
+
"fa/duotone/warehouse-full": M,
|
|
97
102
|
"fa/duotone/rectangle-history": E,
|
|
98
103
|
"fa/duotone/account-group": C,
|
|
99
104
|
"fa/duotone/arrow-left": m,
|
|
100
|
-
"
|
|
101
|
-
|
|
105
|
+
"fa/duotone/trash": v,
|
|
106
|
+
"pi/logo": L
|
|
107
|
+
}, S = {
|
|
102
108
|
"fa/duotone": [
|
|
103
109
|
"arrow-down-arrow-up",
|
|
104
110
|
"calendar-days",
|
|
@@ -113,17 +119,18 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16",
|
|
|
113
119
|
"warehouse-full",
|
|
114
120
|
"rectangle-history",
|
|
115
121
|
"account-group",
|
|
116
|
-
"arrow-left"
|
|
122
|
+
"arrow-left",
|
|
123
|
+
"trash"
|
|
117
124
|
],
|
|
118
125
|
pi: ["logo"]
|
|
119
|
-
},
|
|
120
|
-
const r = `${t ?? "fa/duotone"}/${
|
|
126
|
+
}, V = ({ iconFamily: t, icon: c, size: l, color: n }) => {
|
|
127
|
+
const r = `${t ?? "fa/duotone"}/${c}`, a = x[r] ?? /* @__PURE__ */ s("span", { title: r, children: [
|
|
121
128
|
"ERROR ICON ",
|
|
122
|
-
/* @__PURE__ */ o(
|
|
129
|
+
/* @__PURE__ */ o(V, { icon: "circle-exclamation" })
|
|
123
130
|
] });
|
|
124
|
-
return
|
|
131
|
+
return a && /* @__PURE__ */ o(a, { style: { color: n, height: l, width: l } });
|
|
125
132
|
};
|
|
126
133
|
export {
|
|
127
|
-
|
|
128
|
-
|
|
134
|
+
S as FamilyAndIcons,
|
|
135
|
+
V as Icon
|
|
129
136
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../../assets/PageHeader.css';
|
|
2
|
-
import { jsx as t, jsxs as
|
|
2
|
+
import { jsx as t, jsxs as o } from "react/jsx-runtime";
|
|
3
3
|
import { useMemo as k } from "react";
|
|
4
|
-
import { c as
|
|
4
|
+
import { c as s } from "../../clsx-DB4S2d7J.js";
|
|
5
5
|
import { Icon as N } from "../Icon/Icon.js";
|
|
6
6
|
import { IconButton as f } from "../IconButton/IconButton.js";
|
|
7
7
|
const x = "_title_z7ezb_22", L = "_subtitle_z7ezb_43", a = {
|
|
@@ -31,9 +31,9 @@ const x = "_title_z7ezb_22", L = "_subtitle_z7ezb_43", a = {
|
|
|
31
31
|
"page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_z7ezb_108",
|
|
32
32
|
"page-header__main-right-content": "_page-header__main-right-content_z7ezb_131"
|
|
33
33
|
}, w = ({
|
|
34
|
-
title:
|
|
35
|
-
subtitle:
|
|
36
|
-
rightChildren:
|
|
34
|
+
title: b,
|
|
35
|
+
subtitle: c,
|
|
36
|
+
rightChildren: h,
|
|
37
37
|
bottomChildren: n,
|
|
38
38
|
classNameWrapper: i,
|
|
39
39
|
classNameTitle: l,
|
|
@@ -41,25 +41,26 @@ const x = "_title_z7ezb_22", L = "_subtitle_z7ezb_43", a = {
|
|
|
41
41
|
"data-testid-wrapper": y,
|
|
42
42
|
"data-testid-title": u,
|
|
43
43
|
"data-testid-subtitle": z,
|
|
44
|
-
...
|
|
44
|
+
...d
|
|
45
45
|
}) => {
|
|
46
|
-
const e =
|
|
47
|
-
const
|
|
48
|
-
return e.backLinkText && e.onBackLinkClick &&
|
|
46
|
+
const e = d, m = k(() => {
|
|
47
|
+
const _ = [];
|
|
48
|
+
return e.backLinkText && e.onBackLinkClick && _.push({
|
|
49
49
|
label: e.backLinkText,
|
|
50
50
|
className: e.classNameBackLink,
|
|
51
51
|
"data-testid": e["data-testid-backLink"],
|
|
52
52
|
onClick: e.onBackLinkClick
|
|
53
|
-
}), e.breadcrumb &&
|
|
53
|
+
}), e.breadcrumb && _.push(...e.breadcrumb), /* @__PURE__ */ t("div", { className: a["page-header__top-content"], children: /* @__PURE__ */ t("div", { className: a["page-header__breadcrumb"], children: _.map((r, p) => /* @__PURE__ */ t(
|
|
54
54
|
f,
|
|
55
55
|
{
|
|
56
|
-
icon:
|
|
57
|
-
onClick: () =>
|
|
58
|
-
className:
|
|
59
|
-
"data-testid":
|
|
60
|
-
disabled:
|
|
61
|
-
children:
|
|
62
|
-
}
|
|
56
|
+
icon: p === 0 ? /* @__PURE__ */ t(N, { icon: "arrow-left" }) : /* @__PURE__ */ t("span", { className: a["page-header__breadcrumb__separator"], children: "/" }),
|
|
57
|
+
onClick: () => r.onClick && r.onClick(),
|
|
58
|
+
className: r.className,
|
|
59
|
+
"data-testid": r["data-testid"],
|
|
60
|
+
disabled: _.length === 1 ? !1 : p === _.length - 1,
|
|
61
|
+
children: r.label
|
|
62
|
+
},
|
|
63
|
+
`${r.label}_${p}`
|
|
63
64
|
)) }) });
|
|
64
65
|
}, [
|
|
65
66
|
e.breadcrumb,
|
|
@@ -68,14 +69,14 @@ const x = "_title_z7ezb_22", L = "_subtitle_z7ezb_43", a = {
|
|
|
68
69
|
e["data-testid-backLink"],
|
|
69
70
|
e.onBackLinkClick
|
|
70
71
|
]);
|
|
71
|
-
return /* @__PURE__ */
|
|
72
|
+
return /* @__PURE__ */ o("div", { className: s([a["page-header"], i]), "data-testid": y, ...d, children: [
|
|
72
73
|
m,
|
|
73
|
-
/* @__PURE__ */
|
|
74
|
-
/* @__PURE__ */
|
|
75
|
-
/* @__PURE__ */ t("h1", { className:
|
|
76
|
-
/* @__PURE__ */ t("h2", { className:
|
|
74
|
+
/* @__PURE__ */ o("div", { className: a["page-header__main-content"], children: [
|
|
75
|
+
/* @__PURE__ */ o("div", { className: a["page-header__main-left-content"], children: [
|
|
76
|
+
/* @__PURE__ */ t("h1", { className: s(a.title, l), "data-testid": u, children: b }),
|
|
77
|
+
/* @__PURE__ */ t("h2", { className: s(a.subtitle, g), "data-testid": z, children: c })
|
|
77
78
|
] }),
|
|
78
|
-
|
|
79
|
+
h && /* @__PURE__ */ t("div", { className: a["page-header__main-right-content"], children: h })
|
|
79
80
|
] }),
|
|
80
81
|
n && /* @__PURE__ */ t("div", { className: a["page-header__bottom-content"], children: n })
|
|
81
82
|
] });
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import '../../assets/Skeleton.css';
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as t, jsxs as w } from "react/jsx-runtime";
|
|
3
3
|
import { c as r } from "../../clsx-DB4S2d7J.js";
|
|
4
|
-
const N = "
|
|
4
|
+
const N = "_skeleton_dtmoz_1", b = "_skeletonLoading_dtmoz_1", o = {
|
|
5
5
|
skeleton: N,
|
|
6
|
-
"skeleton--table-type": "_skeleton--table-type_1lho5_1",
|
|
7
6
|
skeletonLoading: b,
|
|
8
|
-
"skeleton--circle-type": "_skeleton--circle-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
/* @__PURE__ */
|
|
7
|
+
"skeleton--circle-type": "_skeleton--circle-type_dtmoz_13",
|
|
8
|
+
"skeleton--table-type": "_skeleton--table-type_dtmoz_17"
|
|
9
|
+
}, i = (e) => /* @__PURE__ */ t("div", { ...e, className: r(o.skeleton, e.className) }), $ = ({ size: e = "4rem", ...l }) => {
|
|
10
|
+
const s = r(o.skeleton, o["skeleton--circle-type"], l.className);
|
|
11
|
+
return /* @__PURE__ */ t("div", { ...l, style: { width: e, height: e }, className: s });
|
|
12
|
+
}, d = (e = 30) => `${Math.floor(Math.random() * (100 - e + 1) + e)}%`, C = ({ columns: e = 5, rows: l = 5, autoWidth: s = !0, ...c }) => {
|
|
13
|
+
const m = r(o["skeleton--table-type"], c.className), a = `${100 / e}%`, h = /* @__PURE__ */ t("tr", { children: new Array(e).fill(null).map((y, n) => /* @__PURE__ */ t("th", { style: { width: a }, children: /* @__PURE__ */ t(i, { style: { width: s ? d(50) : "100%" } }) }, `row-columns-${n}`)) }), k = new Array(l).fill(null).map((y, n) => /* @__PURE__ */ t("tr", { children: new Array(e).fill(null).map((f, _) => /* @__PURE__ */ t("td", { style: { width: a }, children: /* @__PURE__ */ t(i, { style: { width: s ? d() : "100%" } }) }, `row-${n}-cell-${_}`)) }, `row-${n}`));
|
|
14
|
+
return /* @__PURE__ */ w("table", { ...c, className: m, children: [
|
|
15
|
+
/* @__PURE__ */ t("thead", { children: h }),
|
|
16
|
+
/* @__PURE__ */ t("tbody", { children: k })
|
|
17
17
|
] });
|
|
18
18
|
};
|
|
19
19
|
export {
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../clsx-DB4S2d7J.js";
|
|
4
4
|
import "../Button/Button.js";
|
|
5
|
-
import { T } from "../../Toggle-
|
|
5
|
+
import { T } from "../../Toggle-BXcLAMNy.js";
|
|
6
6
|
import "../Dialog/Backdrop.js";
|
|
7
7
|
import "../Typography/Typography.js";
|
|
8
8
|
import "../IconButton/IconButton.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PopupPlacement } from '@mui/base';
|
|
2
|
-
import { AriaRole, ReactNode } from 'react';
|
|
2
|
+
import { AriaRole, CSSProperties, ReactNode } from 'react';
|
|
3
3
|
|
|
4
4
|
export type TooltipProps = {
|
|
5
5
|
/** Tooltip reference element. */
|
|
@@ -22,8 +22,12 @@ export type TooltipProps = {
|
|
|
22
22
|
arialRole?: AriaRole;
|
|
23
23
|
/** Additional classnames to be applied to the tooltip */
|
|
24
24
|
className?: string;
|
|
25
|
+
/** Additional styles to be applied to the tooltip */
|
|
26
|
+
style?: CSSProperties;
|
|
25
27
|
/** Test id */
|
|
26
28
|
'data-testid'?: string;
|
|
29
|
+
/** Function thats return the HTML Element of target. Important to EllipsisTooltip knows if the node needs or not the ellipsis */
|
|
30
|
+
onTargetCreated?: (e: HTMLElement) => void;
|
|
27
31
|
};
|
|
28
|
-
declare const Tooltip: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, padding, position, open: openProp, theme, title, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare const Tooltip: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, padding, position, open: openProp, theme, title, onTargetCreated, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
33
|
export { Tooltip };
|
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
import '../../assets/Tooltip.css';
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as a, jsxs as v, Fragment as P } from "react/jsx-runtime";
|
|
3
3
|
import * as u from "react";
|
|
4
|
-
import { useRef as
|
|
5
|
-
import { T as
|
|
6
|
-
import { _ as
|
|
7
|
-
import { c as
|
|
8
|
-
import { C as
|
|
9
|
-
function
|
|
10
|
-
const
|
|
11
|
-
if (!
|
|
4
|
+
import { useRef as R, useState as T, useEffect as E, isValidElement as q, cloneElement as M } from "react";
|
|
5
|
+
import { T as O, P as V } from "../../Popup-B6ZSGIEI.js";
|
|
6
|
+
import { _ as $, b as z, P as l } from "../../index-CH45lKw7.js";
|
|
7
|
+
import { c as D } from "../../clsx-DB4S2d7J.js";
|
|
8
|
+
import { C as F } from "../../ClickAwayListener-BSW-Nd-y.js";
|
|
9
|
+
function I() {
|
|
10
|
+
const e = u.useContext(O);
|
|
11
|
+
if (!e)
|
|
12
12
|
throw new Error("Missing transition context");
|
|
13
13
|
const {
|
|
14
|
-
registerTransition:
|
|
14
|
+
registerTransition: o,
|
|
15
15
|
requestedEnter: r,
|
|
16
|
-
onExited:
|
|
17
|
-
} =
|
|
18
|
-
return u.useEffect(() =>
|
|
19
|
-
onExited:
|
|
16
|
+
onExited: n
|
|
17
|
+
} = e;
|
|
18
|
+
return u.useEffect(() => o(), [o]), {
|
|
19
|
+
onExited: n,
|
|
20
20
|
requestedEnter: r
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
|
-
const
|
|
24
|
-
function
|
|
23
|
+
const W = ["children", "className", "enterAnimationName", "enterClassName", "exitAnimationName", "exitClassName"];
|
|
24
|
+
function b(e) {
|
|
25
25
|
const {
|
|
26
|
-
children:
|
|
26
|
+
children: o,
|
|
27
27
|
className: r,
|
|
28
|
-
enterAnimationName:
|
|
28
|
+
enterAnimationName: n,
|
|
29
29
|
enterClassName: c,
|
|
30
30
|
exitAnimationName: _,
|
|
31
31
|
exitClassName: f
|
|
32
|
-
} =
|
|
32
|
+
} = e, p = $(e, W), {
|
|
33
33
|
requestedEnter: d,
|
|
34
|
-
onExited:
|
|
35
|
-
} =
|
|
34
|
+
onExited: s
|
|
35
|
+
} = I(), i = u.useRef(!0);
|
|
36
36
|
u.useEffect(() => {
|
|
37
|
-
d &&
|
|
37
|
+
d && i.current && (i.current = !1);
|
|
38
38
|
}, [d]);
|
|
39
|
-
const
|
|
40
|
-
|
|
41
|
-
}, [
|
|
42
|
-
return /* @__PURE__ */
|
|
43
|
-
onAnimationEnd:
|
|
44
|
-
className:
|
|
39
|
+
const N = u.useCallback((t) => {
|
|
40
|
+
t.animationName === _ ? (s(), i.current = !0) : t.animationName === n && (i.current = !1);
|
|
41
|
+
}, [s, _, n]);
|
|
42
|
+
return /* @__PURE__ */ a("div", z({
|
|
43
|
+
onAnimationEnd: N,
|
|
44
|
+
className: D(r, d ? c : f)
|
|
45
45
|
}, p, {
|
|
46
|
-
children:
|
|
46
|
+
children: o
|
|
47
47
|
}));
|
|
48
48
|
}
|
|
49
|
-
process.env.NODE_ENV !== "production" && (
|
|
49
|
+
process.env.NODE_ENV !== "production" && (b.propTypes = {
|
|
50
50
|
children: l.node,
|
|
51
51
|
className: l.string,
|
|
52
52
|
enterAnimationName: l.string,
|
|
@@ -54,8 +54,8 @@ process.env.NODE_ENV !== "production" && (g.propTypes = {
|
|
|
54
54
|
exitAnimationName: l.string,
|
|
55
55
|
exitClassName: l.string
|
|
56
56
|
});
|
|
57
|
-
const
|
|
58
|
-
tooltip:
|
|
57
|
+
const B = "_tooltip_1dujm_1", m = {
|
|
58
|
+
tooltip: B,
|
|
59
59
|
"tooltip--small-padding": "_tooltip--small-padding_1dujm_5",
|
|
60
60
|
"tooltip--normal-padding": "_tooltip--normal-padding_1dujm_8",
|
|
61
61
|
"tooltip--white-theme": "_tooltip--white-theme_1dujm_11",
|
|
@@ -65,69 +65,71 @@ const W = "_tooltip_1dujm_1", m = {
|
|
|
65
65
|
"tooltip--open-animation": "_tooltip--open-animation_1dujm_1",
|
|
66
66
|
"tooltip--anim-close": "_tooltip--anim-close_1dujm_23",
|
|
67
67
|
"tooltip--close-animation": "_tooltip--close-animation_1dujm_1"
|
|
68
|
-
},
|
|
69
|
-
arialRole:
|
|
70
|
-
children:
|
|
68
|
+
}, X = ({
|
|
69
|
+
arialRole: e,
|
|
70
|
+
children: o,
|
|
71
71
|
className: r,
|
|
72
|
-
disableHoverListener:
|
|
72
|
+
disableHoverListener: n,
|
|
73
73
|
onClose: c,
|
|
74
74
|
padding: _ = "small",
|
|
75
75
|
position: f = "bottom",
|
|
76
76
|
open: p,
|
|
77
77
|
theme: d = "black",
|
|
78
|
-
title:
|
|
79
|
-
|
|
78
|
+
title: s,
|
|
79
|
+
onTargetCreated: i,
|
|
80
|
+
...N
|
|
80
81
|
}) => {
|
|
81
|
-
const t =
|
|
82
|
-
let j =
|
|
82
|
+
const t = R(null), [y, h] = T(p || !1);
|
|
83
|
+
let j = y;
|
|
83
84
|
E(() => {
|
|
84
|
-
|
|
85
|
+
h(p || !1);
|
|
85
86
|
}, [p]);
|
|
86
|
-
const
|
|
87
|
-
!
|
|
88
|
-
const
|
|
89
|
-
c == null || c(), !
|
|
87
|
+
const A = q(o) ? o : /* @__PURE__ */ a("span", { children: o });
|
|
88
|
+
!s && s !== 0 && (j = !1);
|
|
89
|
+
const k = () => {
|
|
90
|
+
c == null || c(), !n && h(!1);
|
|
90
91
|
};
|
|
91
92
|
E(() => {
|
|
92
|
-
var
|
|
93
|
+
var C;
|
|
93
94
|
if (t != null && t.current) {
|
|
94
|
-
|
|
95
|
-
x
|
|
95
|
+
i == null || i(t == null ? void 0 : t.current);
|
|
96
|
+
const x = (C = t == null ? void 0 : t.current) == null ? void 0 : C.parentElement;
|
|
97
|
+
x && (n || (x.onpointerenter = () => h(!0), x.onpointerleave = () => h(!1)));
|
|
96
98
|
}
|
|
97
|
-
}, [t,
|
|
98
|
-
const
|
|
99
|
+
}, [t, n]);
|
|
100
|
+
const w = {
|
|
99
101
|
padding: f.match(/(bottom|top)/) ? ".25rem 0" : "0 .25rem",
|
|
100
102
|
zIndex: 1
|
|
101
|
-
},
|
|
103
|
+
}, S = [
|
|
102
104
|
m.tooltip,
|
|
103
105
|
m[`tooltip--${d}-theme`],
|
|
104
106
|
m[`tooltip--${_}-padding`],
|
|
105
107
|
r || ""
|
|
106
|
-
].join(" ").trim(),
|
|
107
|
-
...
|
|
108
|
+
].join(" ").trim(), g = {
|
|
109
|
+
...A.props,
|
|
108
110
|
ref: t
|
|
109
111
|
};
|
|
110
|
-
return /* @__PURE__ */
|
|
111
|
-
|
|
112
|
-
/* @__PURE__ */
|
|
113
|
-
|
|
112
|
+
return /* @__PURE__ */ v(P, { children: [
|
|
113
|
+
M(A, g),
|
|
114
|
+
/* @__PURE__ */ a(
|
|
115
|
+
V,
|
|
114
116
|
{
|
|
115
|
-
...
|
|
117
|
+
...N,
|
|
116
118
|
open: j,
|
|
117
119
|
anchor: t == null ? void 0 : t.current,
|
|
118
120
|
disablePortal: !0,
|
|
119
|
-
style:
|
|
120
|
-
role:
|
|
121
|
+
style: w,
|
|
122
|
+
role: e,
|
|
121
123
|
placement: f,
|
|
122
|
-
children: /* @__PURE__ */
|
|
123
|
-
|
|
124
|
+
children: /* @__PURE__ */ a(
|
|
125
|
+
b,
|
|
124
126
|
{
|
|
125
127
|
className: m["tooltip--animation"],
|
|
126
128
|
enterClassName: m["tooltip--anim-open"],
|
|
127
129
|
exitClassName: m["tooltip--anim-close"],
|
|
128
130
|
enterAnimationName: "tooltip--open-animation",
|
|
129
131
|
exitAnimationName: "tooltip--close-animation",
|
|
130
|
-
children: /* @__PURE__ */
|
|
132
|
+
children: /* @__PURE__ */ a("div", { className: S, children: /* @__PURE__ */ a(F, { onClickAway: k, children: /* @__PURE__ */ a("div", { children: s }) }) })
|
|
131
133
|
}
|
|
132
134
|
)
|
|
133
135
|
}
|
|
@@ -135,5 +137,5 @@ const W = "_tooltip_1dujm_1", m = {
|
|
|
135
137
|
] });
|
|
136
138
|
};
|
|
137
139
|
export {
|
|
138
|
-
|
|
140
|
+
X as Tooltip
|
|
139
141
|
};
|
|
@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
3
3
|
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, padding, position, open: openProp, theme, title, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
component: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, padding, position, open: openProp, theme, title, onTargetCreated, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
tags: string[];
|
|
8
8
|
parameters: {
|
|
9
9
|
layout: string;
|
|
@@ -19,7 +19,9 @@ declare const meta: {
|
|
|
19
19
|
position?: import('@floating-ui/utils').Placement | undefined;
|
|
20
20
|
arialRole?: import('react').AriaRole | undefined;
|
|
21
21
|
className?: string | undefined;
|
|
22
|
+
style?: import('react').CSSProperties | undefined;
|
|
22
23
|
'data-testid'?: string | undefined;
|
|
24
|
+
onTargetCreated?: ((e: HTMLElement) => void) | undefined;
|
|
23
25
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
24
26
|
};
|
|
25
27
|
export default meta;
|
package/dist/main.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export * from './components/Button/Button';
|
|
|
7
7
|
export * from './components/Checkbox/Checkbox';
|
|
8
8
|
export * from './components/Chip/Chip';
|
|
9
9
|
export * from './components/Dialog/Dialog';
|
|
10
|
+
export * from './components/EllipsisTooltip/EllipsisTooltip';
|
|
10
11
|
export * from './components/Icon/Icon';
|
|
11
12
|
export * from './components/IconButton/IconButton';
|
|
12
13
|
export * from './components/Input/Input';
|
package/dist/main.js
CHANGED
|
@@ -1,76 +1,78 @@
|
|
|
1
1
|
import { Advice as e } from "./components/Advice/Advice.js";
|
|
2
2
|
import { Button as p } from "./components/Button/Button.js";
|
|
3
3
|
import { Checkbox as f } from "./components/Checkbox/Checkbox.js";
|
|
4
|
-
import { C as m, T as n } from "./Toggle-
|
|
4
|
+
import { C as m, T as n } from "./Toggle-BXcLAMNy.js";
|
|
5
5
|
import { Dialog as i } from "./components/Dialog/Dialog.js";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import { default as co } from "./components/Dialog/
|
|
28
|
-
import { default as So } from "./components/Dialog/
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
6
|
+
import { EllipsisTooltip as s } from "./components/EllipsisTooltip/EllipsisTooltip.js";
|
|
7
|
+
import { FamilyAndIcons as g, Icon as S } from "./components/Icon/Icon.js";
|
|
8
|
+
import { IconButton as d } from "./components/IconButton/IconButton.js";
|
|
9
|
+
import { Input as k } from "./components/Input/Input.js";
|
|
10
|
+
import { InputSearch as I } from "./components/InputSearch/InputSearch.js";
|
|
11
|
+
import { LoadingSpinner as y } from "./components/LoadingSpinner/LoadingSpinner.js";
|
|
12
|
+
import { PageHeader as P } from "./components/PageHeader/PageHeader.js";
|
|
13
|
+
import { Pagination as B, paginationDefaultTranslations as G } from "./components/Pagination/Pagination.js";
|
|
14
|
+
import { Select as H, SelectOption as E } from "./components/Select/Select.js";
|
|
15
|
+
import { Skeleton as L, SkeletonCircle as O, SkeletonTable as j } from "./components/Skeleton/Skeleton.js";
|
|
16
|
+
import { Snackbar as w } from "./components/Snackbar/Snackbar.js";
|
|
17
|
+
import { SortTooltip as J, sortTooltipDefaultTranslations as K } from "./components/SortTooltip/SortTooltip.js";
|
|
18
|
+
import { Stepper as N } from "./components/Stepper/Stepper.js";
|
|
19
|
+
import { TBody as R, THead as U, Table as V, Td as W, Th as X, Tr as Y } from "./components/Table/Table.js";
|
|
20
|
+
import { Tabs as _ } from "./components/Tabs/Tabs.js";
|
|
21
|
+
import { TextDisplay as oo } from "./components/TextDisplay/TextDisplay.js";
|
|
22
|
+
import { Toggle as eo } from "./components/Toggle/Toggle.js";
|
|
23
|
+
import { G as po } from "./Group-B3p31ftp.js";
|
|
24
|
+
import { Tooltip as fo } from "./components/Tooltip/Tooltip.js";
|
|
25
|
+
import { Typography as mo } from "./components/Typography/Typography.js";
|
|
26
|
+
import { SnackbarContext as lo, SnackbarProvider as io, useSnackbar as To } from "./contexts/SnackbarProvider/SnackbarProvider.js";
|
|
27
|
+
import { default as co } from "./components/Dialog/DialogTitle.js";
|
|
28
|
+
import { default as So } from "./components/Dialog/Content.js";
|
|
29
|
+
import { default as bo } from "./components/Dialog/Actions.js";
|
|
30
|
+
import { Tab as Co } from "./components/Tabs/Tab.js";
|
|
31
|
+
import { TabPanel as ho } from "./components/Tabs/TabPanel.js";
|
|
31
32
|
export {
|
|
32
|
-
|
|
33
|
+
bo as Actions,
|
|
33
34
|
e as Advice,
|
|
34
35
|
p as Button,
|
|
35
36
|
f as Checkbox,
|
|
36
37
|
m as Chip,
|
|
37
|
-
|
|
38
|
+
So as Content,
|
|
38
39
|
i as Dialog,
|
|
39
|
-
|
|
40
|
-
s as
|
|
41
|
-
|
|
42
|
-
S as
|
|
43
|
-
d as
|
|
44
|
-
k as
|
|
45
|
-
I as
|
|
46
|
-
y as
|
|
47
|
-
P as
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
L as
|
|
52
|
-
O as
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
N as
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
Co as
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
eo as
|
|
40
|
+
co as DialogTitle,
|
|
41
|
+
s as EllipsisTooltip,
|
|
42
|
+
g as FamilyAndIcons,
|
|
43
|
+
S as Icon,
|
|
44
|
+
d as IconButton,
|
|
45
|
+
k as Input,
|
|
46
|
+
I as InputSearch,
|
|
47
|
+
y as LoadingSpinner,
|
|
48
|
+
P as PageHeader,
|
|
49
|
+
B as Pagination,
|
|
50
|
+
H as Select,
|
|
51
|
+
E as SelectOption,
|
|
52
|
+
L as Skeleton,
|
|
53
|
+
O as SkeletonCircle,
|
|
54
|
+
j as SkeletonTable,
|
|
55
|
+
w as Snackbar,
|
|
56
|
+
lo as SnackbarContext,
|
|
57
|
+
io as SnackbarProvider,
|
|
58
|
+
J as SortTooltip,
|
|
59
|
+
N as Stepper,
|
|
60
|
+
R as TBody,
|
|
61
|
+
U as THead,
|
|
62
|
+
Co as Tab,
|
|
63
|
+
ho as TabPanel,
|
|
64
|
+
V as Table,
|
|
65
|
+
_ as Tabs,
|
|
66
|
+
W as Td,
|
|
67
|
+
oo as TextDisplay,
|
|
68
|
+
X as Th,
|
|
69
|
+
eo as Toggle,
|
|
70
|
+
po as ToggleGroup,
|
|
69
71
|
n as ToggleGroupItem,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
72
|
+
fo as Tooltip,
|
|
73
|
+
Y as Tr,
|
|
74
|
+
mo as Typography,
|
|
75
|
+
G as paginationDefaultTranslations,
|
|
76
|
+
K as sortTooltipDefaultTranslations,
|
|
77
|
+
To as useSnackbar
|
|
76
78
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pismo/marola",
|
|
3
3
|
"description": "CDX tribe component library",
|
|
4
|
-
"version": "0.0.1-alpha.
|
|
4
|
+
"version": "0.0.1-alpha.30",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/main.js",
|
|
7
7
|
"types": "dist/main.d.ts",
|
|
@@ -91,4 +91,4 @@
|
|
|
91
91
|
"@mui/base": "^5.0.0-beta.40",
|
|
92
92
|
"@mui/material": "^5.15.15"
|
|
93
93
|
}
|
|
94
|
-
}
|
|
94
|
+
}
|
package/dist/Toggle-BnPepwWO.js
DELETED
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import './assets/Toggle.css';
|
|
2
|
-
import { jsx as r, jsxs as y } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef as u, cloneElement as g } from "react";
|
|
4
|
-
import { c as l } from "./clsx-DB4S2d7J.js";
|
|
5
|
-
import "./components/Button/Button.js";
|
|
6
|
-
import { Icon as b } from "./components/Icon/Icon.js";
|
|
7
|
-
import "./components/Dialog/Backdrop.js";
|
|
8
|
-
import { Typography as f } from "./components/Typography/Typography.js";
|
|
9
|
-
import "./components/IconButton/IconButton.js";
|
|
10
|
-
import "./components/Select/Select.js";
|
|
11
|
-
import { Skeleton as k } from "./components/Skeleton/Skeleton.js";
|
|
12
|
-
import "./components/Table/Table.js";
|
|
13
|
-
import "./components/Tabs/Tabs.js";
|
|
14
|
-
import { s as c } from "./Group-B3p31ftp.js";
|
|
15
|
-
import "./contexts/SnackbarProvider/SnackbarProvider.js";
|
|
16
|
-
import { B as x } from "./Button-2b1peDFT.js";
|
|
17
|
-
const C = "_chip_16u49_60", N = "_chip__adornment_16u49_114", v = "_chip__remove_16u49_119", T = "_chip__skeleton_16u49_133", _ = {
|
|
18
|
-
"u-typography-h1": "_u-typography-h1_16u49_1",
|
|
19
|
-
"u-typography-h2": "_u-typography-h2_16u49_8",
|
|
20
|
-
"u-typography-h3": "_u-typography-h3_16u49_15",
|
|
21
|
-
"u-typography-h4": "_u-typography-h4_16u49_22",
|
|
22
|
-
"u-typography-h5": "_u-typography-h5_16u49_29",
|
|
23
|
-
"u-typography-h6": "_u-typography-h6_16u49_36",
|
|
24
|
-
"u-typography-base": "_u-typography-base_16u49_43",
|
|
25
|
-
"u-typography-base--xxl": "_u-typography-base--xxl_16u49_48",
|
|
26
|
-
"u-typography-base--xl": "_u-typography-base--xl_16u49_52",
|
|
27
|
-
"u-typography-base--lg": "_u-typography-base--lg_16u49_56",
|
|
28
|
-
"u-typography-base--sm": "_u-typography-base--sm_16u49_60",
|
|
29
|
-
chip: C,
|
|
30
|
-
"u-typography-base--bold": "_u-typography-base--bold_16u49_64",
|
|
31
|
-
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_16u49_67",
|
|
32
|
-
"u-typography-base--underlined": "_u-typography-base--underlined_16u49_70",
|
|
33
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_16u49_73",
|
|
34
|
-
"chip--button": "_chip--button_16u49_89",
|
|
35
|
-
"chip--outlined": "_chip--outlined_16u49_102",
|
|
36
|
-
"chip--contained": "_chip--contained_16u49_108",
|
|
37
|
-
chip__adornment: N,
|
|
38
|
-
chip__remove: v,
|
|
39
|
-
"chip__remove--disabled": "_chip__remove--disabled_16u49_130",
|
|
40
|
-
chip__skeleton: T
|
|
41
|
-
}, R = u((t, e) => {
|
|
42
|
-
const { children: i, onClickContent: a, disabled: s, className: p, variant: h } = t;
|
|
43
|
-
let o = l(
|
|
44
|
-
_.chip,
|
|
45
|
-
{ [_["chip--outlined"]]: h === "outlined" },
|
|
46
|
-
{ [_["chip--contained"]]: h === "contained" },
|
|
47
|
-
p
|
|
48
|
-
);
|
|
49
|
-
return a ? (o += ` ${_["chip--button"]}`, /* @__PURE__ */ r(
|
|
50
|
-
x,
|
|
51
|
-
{
|
|
52
|
-
onClick: a,
|
|
53
|
-
disabled: s,
|
|
54
|
-
"data-testid": t["data-testid"],
|
|
55
|
-
ref: e,
|
|
56
|
-
className: o,
|
|
57
|
-
children: i
|
|
58
|
-
}
|
|
59
|
-
)) : /* @__PURE__ */ r("span", { "data-testid": t["data-testid"], ref: e, className: o, children: i });
|
|
60
|
-
}), A = (t) => {
|
|
61
|
-
const { icon: e, disabled: i = !1, className: a } = t;
|
|
62
|
-
if (e) {
|
|
63
|
-
const s = l(_.chip__adornment, a), p = i ? g(e, { color: "rgb(var(--gray-95-rgb), 0.4)" }) : e;
|
|
64
|
-
return /* @__PURE__ */ r("span", { className: s, children: p });
|
|
65
|
-
}
|
|
66
|
-
return null;
|
|
67
|
-
}, H = u((t, e) => {
|
|
68
|
-
const {
|
|
69
|
-
label: i,
|
|
70
|
-
className: a,
|
|
71
|
-
onClickContent: s,
|
|
72
|
-
leftAdornment: p,
|
|
73
|
-
loading: h = !1,
|
|
74
|
-
disabled: o = !1,
|
|
75
|
-
variant: m = "default",
|
|
76
|
-
onClickRemove: d
|
|
77
|
-
} = t;
|
|
78
|
-
return h ? /* @__PURE__ */ r(
|
|
79
|
-
k,
|
|
80
|
-
{
|
|
81
|
-
className: t["className-skeleton"],
|
|
82
|
-
style: { width: "6rem", height: "2rem", borderRadius: "4rem", display: "inline-flex" },
|
|
83
|
-
"data-testid": t["data-testid-skeleton"]
|
|
84
|
-
}
|
|
85
|
-
) : /* @__PURE__ */ y(
|
|
86
|
-
R,
|
|
87
|
-
{
|
|
88
|
-
ref: e,
|
|
89
|
-
"data-testid": t["data-testid"],
|
|
90
|
-
onClickContent: s,
|
|
91
|
-
disabled: o,
|
|
92
|
-
className: a,
|
|
93
|
-
variant: m,
|
|
94
|
-
children: [
|
|
95
|
-
p && /* @__PURE__ */ r(A, { ...p, disabled: o }),
|
|
96
|
-
i,
|
|
97
|
-
d && /* @__PURE__ */ r(
|
|
98
|
-
"span",
|
|
99
|
-
{
|
|
100
|
-
className: l(_.chip__remove, { [_["chip__remove--disabled"]]: o }),
|
|
101
|
-
role: "button",
|
|
102
|
-
tabIndex: o ? -1 : 0,
|
|
103
|
-
"aria-label": "remove",
|
|
104
|
-
onClick: (n) => {
|
|
105
|
-
n == null || n.stopPropagation(), n == null || n.nativeEvent.stopImmediatePropagation(), d();
|
|
106
|
-
},
|
|
107
|
-
"aria-disabled": o,
|
|
108
|
-
children: /* @__PURE__ */ r(b, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
|
|
109
|
-
}
|
|
110
|
-
)
|
|
111
|
-
]
|
|
112
|
-
}
|
|
113
|
-
);
|
|
114
|
-
}), J = u((t, e) => {
|
|
115
|
-
const { text: i, isSelected: a = !1, value: s, onChange: p } = t;
|
|
116
|
-
return /* @__PURE__ */ y(
|
|
117
|
-
"label",
|
|
118
|
-
{
|
|
119
|
-
className: l([c.toggle__label], { [c["toggle__label--selected"]]: a }),
|
|
120
|
-
"data-testid": t["data-testid"],
|
|
121
|
-
children: [
|
|
122
|
-
/* @__PURE__ */ r(
|
|
123
|
-
"input",
|
|
124
|
-
{
|
|
125
|
-
className: l([c.toggle__input]),
|
|
126
|
-
type: "radio",
|
|
127
|
-
ref: e,
|
|
128
|
-
value: s.toString(),
|
|
129
|
-
onChange: () => p(s),
|
|
130
|
-
role: "radio",
|
|
131
|
-
checked: a,
|
|
132
|
-
"aria-checked": a
|
|
133
|
-
}
|
|
134
|
-
),
|
|
135
|
-
/* @__PURE__ */ r(f, { bold: !0, children: i })
|
|
136
|
-
]
|
|
137
|
-
}
|
|
138
|
-
);
|
|
139
|
-
});
|
|
140
|
-
export {
|
|
141
|
-
H as C,
|
|
142
|
-
J as T
|
|
143
|
-
};
|