analytica-frontend-lib 1.0.30 → 1.0.31
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/index.css +15 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +32 -4
- package/dist/index.d.ts +32 -4
- package/dist/index.js +46 -21
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +40 -16
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +15 -0
- package/dist/styles.css.map +1 -1
- package/package.json +2 -1
package/dist/index.mjs
CHANGED
|
@@ -1013,6 +1013,29 @@ var Toaster = () => {
|
|
|
1013
1013
|
};
|
|
1014
1014
|
var Toaster_default = Toaster;
|
|
1015
1015
|
|
|
1016
|
+
// src/components/Divider/Divider.tsx
|
|
1017
|
+
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
1018
|
+
var Divider = ({
|
|
1019
|
+
orientation = "horizontal",
|
|
1020
|
+
className = "",
|
|
1021
|
+
...props
|
|
1022
|
+
}) => {
|
|
1023
|
+
const baseClasses = "bg-border-200 border-0";
|
|
1024
|
+
const orientationClasses = {
|
|
1025
|
+
horizontal: "w-full h-px",
|
|
1026
|
+
vertical: "h-full w-px"
|
|
1027
|
+
};
|
|
1028
|
+
return /* @__PURE__ */ jsx14(
|
|
1029
|
+
"hr",
|
|
1030
|
+
{
|
|
1031
|
+
className: `${baseClasses} ${orientationClasses[orientation]} ${className}`,
|
|
1032
|
+
"aria-orientation": orientation,
|
|
1033
|
+
...props
|
|
1034
|
+
}
|
|
1035
|
+
);
|
|
1036
|
+
};
|
|
1037
|
+
var Divider_default = Divider;
|
|
1038
|
+
|
|
1016
1039
|
// src/components/Input/Input.tsx
|
|
1017
1040
|
import { WarningCircle as WarningCircle3, Eye, EyeSlash } from "phosphor-react";
|
|
1018
1041
|
import {
|
|
@@ -1021,7 +1044,7 @@ import {
|
|
|
1021
1044
|
useId as useId3,
|
|
1022
1045
|
useMemo
|
|
1023
1046
|
} from "react";
|
|
1024
|
-
import { jsx as
|
|
1047
|
+
import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1025
1048
|
var SIZE_CLASSES5 = {
|
|
1026
1049
|
small: "text-sm",
|
|
1027
1050
|
medium: "text-md",
|
|
@@ -1060,7 +1083,7 @@ var getPasswordToggleConfig = (type, disabled, readOnly, showPassword, iconRight
|
|
|
1060
1083
|
let actualIconRight = iconRight;
|
|
1061
1084
|
let ariaLabel;
|
|
1062
1085
|
if (shouldShowPasswordToggle) {
|
|
1063
|
-
actualIconRight = showPassword ? /* @__PURE__ */
|
|
1086
|
+
actualIconRight = showPassword ? /* @__PURE__ */ jsx15(EyeSlash, {}) : /* @__PURE__ */ jsx15(Eye, {});
|
|
1064
1087
|
ariaLabel = showPassword ? "Ocultar senha" : "Mostrar senha";
|
|
1065
1088
|
}
|
|
1066
1089
|
return { shouldShowPasswordToggle, actualIconRight, ariaLabel };
|
|
@@ -1113,7 +1136,7 @@ var Input = forwardRef7(
|
|
|
1113
1136
|
iconRight
|
|
1114
1137
|
);
|
|
1115
1138
|
return /* @__PURE__ */ jsxs10("div", { className: `${containerClassName}`, children: [
|
|
1116
|
-
label && /* @__PURE__ */
|
|
1139
|
+
label && /* @__PURE__ */ jsx15(
|
|
1117
1140
|
"label",
|
|
1118
1141
|
{
|
|
1119
1142
|
htmlFor: inputId,
|
|
@@ -1122,14 +1145,14 @@ var Input = forwardRef7(
|
|
|
1122
1145
|
}
|
|
1123
1146
|
),
|
|
1124
1147
|
/* @__PURE__ */ jsxs10("div", { className: "relative", children: [
|
|
1125
|
-
iconLeft && /* @__PURE__ */
|
|
1148
|
+
iconLeft && /* @__PURE__ */ jsx15("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ jsx15(
|
|
1126
1149
|
"span",
|
|
1127
1150
|
{
|
|
1128
1151
|
className: `${iconSize} text-text-400 flex items-center justify-center`,
|
|
1129
1152
|
children: iconLeft
|
|
1130
1153
|
}
|
|
1131
1154
|
) }),
|
|
1132
|
-
/* @__PURE__ */
|
|
1155
|
+
/* @__PURE__ */ jsx15(
|
|
1133
1156
|
"input",
|
|
1134
1157
|
{
|
|
1135
1158
|
ref,
|
|
@@ -1142,14 +1165,14 @@ var Input = forwardRef7(
|
|
|
1142
1165
|
...props
|
|
1143
1166
|
}
|
|
1144
1167
|
),
|
|
1145
|
-
actualIconRight && (shouldShowPasswordToggle ? /* @__PURE__ */
|
|
1168
|
+
actualIconRight && (shouldShowPasswordToggle ? /* @__PURE__ */ jsx15(
|
|
1146
1169
|
"button",
|
|
1147
1170
|
{
|
|
1148
1171
|
type: "button",
|
|
1149
1172
|
className: "absolute right-3 top-1/2 transform -translate-y-1/2 cursor-pointer border-0 bg-transparent p-0",
|
|
1150
1173
|
onClick: togglePasswordVisibility,
|
|
1151
1174
|
"aria-label": ariaLabel,
|
|
1152
|
-
children: /* @__PURE__ */
|
|
1175
|
+
children: /* @__PURE__ */ jsx15(
|
|
1153
1176
|
"span",
|
|
1154
1177
|
{
|
|
1155
1178
|
className: `${iconSize} text-text-400 flex items-center justify-center hover:text-text-600 transition-colors`,
|
|
@@ -1157,7 +1180,7 @@ var Input = forwardRef7(
|
|
|
1157
1180
|
}
|
|
1158
1181
|
)
|
|
1159
1182
|
}
|
|
1160
|
-
) : /* @__PURE__ */
|
|
1183
|
+
) : /* @__PURE__ */ jsx15("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ jsx15(
|
|
1161
1184
|
"span",
|
|
1162
1185
|
{
|
|
1163
1186
|
className: `${iconSize} text-text-400 flex items-center justify-center`,
|
|
@@ -1166,9 +1189,9 @@ var Input = forwardRef7(
|
|
|
1166
1189
|
) }))
|
|
1167
1190
|
] }),
|
|
1168
1191
|
/* @__PURE__ */ jsxs10("div", { className: "mt-1.5 gap-1.5", children: [
|
|
1169
|
-
helperText && /* @__PURE__ */
|
|
1192
|
+
helperText && /* @__PURE__ */ jsx15("p", { className: "text-sm text-text-500", children: helperText }),
|
|
1170
1193
|
errorMessage && /* @__PURE__ */ jsxs10("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
|
|
1171
|
-
/* @__PURE__ */
|
|
1194
|
+
/* @__PURE__ */ jsx15(WarningCircle3, { size: 16 }),
|
|
1172
1195
|
" ",
|
|
1173
1196
|
errorMessage
|
|
1174
1197
|
] })
|
|
@@ -1189,7 +1212,7 @@ import {
|
|
|
1189
1212
|
useRef,
|
|
1190
1213
|
useMemo as useMemo2
|
|
1191
1214
|
} from "react";
|
|
1192
|
-
import { jsx as
|
|
1215
|
+
import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
1193
1216
|
var DropdownMenuContext = createContext(
|
|
1194
1217
|
void 0
|
|
1195
1218
|
);
|
|
@@ -1252,14 +1275,14 @@ var DropdownMenu = ({ children, open, onOpenChange }) => {
|
|
|
1252
1275
|
() => ({ open: currentOpen, setOpen }),
|
|
1253
1276
|
[currentOpen, setOpen]
|
|
1254
1277
|
);
|
|
1255
|
-
return /* @__PURE__ */
|
|
1278
|
+
return /* @__PURE__ */ jsx16(DropdownMenuContext.Provider, { value, children: /* @__PURE__ */ jsx16("div", { className: "relative", ref: menuRef, children }) });
|
|
1256
1279
|
};
|
|
1257
1280
|
var DropdownMenuTrigger = forwardRef8(({ className, children, onClick, ...props }, ref) => {
|
|
1258
1281
|
const context = useContext(DropdownMenuContext);
|
|
1259
1282
|
if (!context)
|
|
1260
1283
|
throw new Error("DropdownMenuTrigger must be used within a DropdownMenu");
|
|
1261
1284
|
const { open, setOpen } = context;
|
|
1262
|
-
return /* @__PURE__ */
|
|
1285
|
+
return /* @__PURE__ */ jsx16(
|
|
1263
1286
|
"button",
|
|
1264
1287
|
{
|
|
1265
1288
|
ref,
|
|
@@ -1291,7 +1314,7 @@ var ALIGN_CLASSES = {
|
|
|
1291
1314
|
center: "left-1/2 -translate-x-1/2",
|
|
1292
1315
|
end: "right-0"
|
|
1293
1316
|
};
|
|
1294
|
-
var MenuLabel = forwardRef8(({ className, inset, ...props }, ref) => /* @__PURE__ */
|
|
1317
|
+
var MenuLabel = forwardRef8(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx16(
|
|
1295
1318
|
"fieldset",
|
|
1296
1319
|
{
|
|
1297
1320
|
ref,
|
|
@@ -1326,7 +1349,7 @@ var MenuContent = forwardRef8(
|
|
|
1326
1349
|
const horizontal = ALIGN_CLASSES[align];
|
|
1327
1350
|
return `absolute ${vertical} ${horizontal}`;
|
|
1328
1351
|
};
|
|
1329
|
-
return /* @__PURE__ */
|
|
1352
|
+
return /* @__PURE__ */ jsx16(
|
|
1330
1353
|
"div",
|
|
1331
1354
|
{
|
|
1332
1355
|
ref,
|
|
@@ -1401,7 +1424,7 @@ var MenuItem = forwardRef8(
|
|
|
1401
1424
|
}
|
|
1402
1425
|
);
|
|
1403
1426
|
MenuItem.displayName = "MenuItem";
|
|
1404
|
-
var MenuSeparator = forwardRef8(({ className, ...props }, ref) => /* @__PURE__ */
|
|
1427
|
+
var MenuSeparator = forwardRef8(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
|
|
1405
1428
|
"div",
|
|
1406
1429
|
{
|
|
1407
1430
|
ref,
|
|
@@ -1416,6 +1439,7 @@ export {
|
|
|
1416
1439
|
Badge_default as Badge,
|
|
1417
1440
|
Button_default as Button,
|
|
1418
1441
|
CheckBox_default as CheckBox,
|
|
1442
|
+
Divider_default as Divider,
|
|
1419
1443
|
DropdownMenu_default as DropdownMenu,
|
|
1420
1444
|
MenuContent as DropdownMenuContent,
|
|
1421
1445
|
MenuItem as DropdownMenuItem,
|