@candidhealth/react-vitals 1.0.0-alpha.13 → 1.0.0-alpha.14
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.d.mts +751 -60
- package/dist/index.d.ts +751 -60
- package/dist/index.js +257 -423
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +247 -405
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -71,7 +71,6 @@ __export(index_exports, {
|
|
|
71
71
|
HeaderTile: () => HeaderTile,
|
|
72
72
|
HeaderTileGroup: () => HeaderTileGroup,
|
|
73
73
|
Icon: () => Icon,
|
|
74
|
-
IndeterminateCheckbox: () => IndeterminateCheckbox,
|
|
75
74
|
Input: () => Input,
|
|
76
75
|
InputBox: () => InputBox,
|
|
77
76
|
Label: () => Label,
|
|
@@ -88,7 +87,6 @@ __export(index_exports, {
|
|
|
88
87
|
RadioButtonGroup: () => RadioButtonGroup,
|
|
89
88
|
RadioButtonItem: () => RadioButtonItem,
|
|
90
89
|
ScreenHeightPageContainer: () => ScreenHeightPageContainer,
|
|
91
|
-
ScrollTabsLayout: () => ScrollTabsLayout,
|
|
92
90
|
Select: () => Select,
|
|
93
91
|
SelectListItem: () => SelectListItem,
|
|
94
92
|
SelectWithUnselect: () => SelectWithUnselect,
|
|
@@ -98,10 +96,7 @@ __export(index_exports, {
|
|
|
98
96
|
Switch: () => Switch,
|
|
99
97
|
TabGroup: () => TabGroup,
|
|
100
98
|
Table: () => Table,
|
|
101
|
-
TableCheckboxSkeleton: () => TableCheckboxSkeleton,
|
|
102
|
-
TableSkeleton: () => TableSkeleton,
|
|
103
99
|
Tabs: () => Tabs,
|
|
104
|
-
TabsSkeleton: () => TabsSkeleton,
|
|
105
100
|
TabsTrigger: () => TabsTrigger,
|
|
106
101
|
Tag: () => Tag,
|
|
107
102
|
Text: () => Text,
|
|
@@ -124,9 +119,6 @@ __export(index_exports, {
|
|
|
124
119
|
useDrawer: () => useDrawer,
|
|
125
120
|
useDrawerResize: () => useDrawerResize,
|
|
126
121
|
useForm: () => useForm,
|
|
127
|
-
useIntersectionObserver: () => useIntersectionObserver,
|
|
128
|
-
useIsHovered: () => useIsHovered,
|
|
129
|
-
useOverflowObserver: () => useOverflowObserver,
|
|
130
122
|
useSwitchId: () => useSwitchId,
|
|
131
123
|
useTable: () => useTable,
|
|
132
124
|
useUncontrolledField: () => useUncontrolledField,
|
|
@@ -673,18 +665,6 @@ var Checkbox = (0, import_react4.forwardRef)(({ className, hasError, ...rest },
|
|
|
673
665
|
ref
|
|
674
666
|
}
|
|
675
667
|
));
|
|
676
|
-
var IndeterminateCheckbox = ({
|
|
677
|
-
indeterminate = false,
|
|
678
|
-
...rest
|
|
679
|
-
}) => {
|
|
680
|
-
const ref = (0, import_react4.useRef)(null);
|
|
681
|
-
(0, import_react4.useEffect)(() => {
|
|
682
|
-
if (ref.current) {
|
|
683
|
-
ref.current.indeterminate = indeterminate;
|
|
684
|
-
}
|
|
685
|
-
}, [indeterminate]);
|
|
686
|
-
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Checkbox, { ref, ...rest });
|
|
687
|
-
};
|
|
688
668
|
|
|
689
669
|
// src/core/collapsible/Collapsible.tsx
|
|
690
670
|
var import_sharp_solid_svg_icons2 = require("@fortawesome/sharp-solid-svg-icons");
|
|
@@ -3242,63 +3222,14 @@ var Drawer = (0, import_react31.forwardRef)(
|
|
|
3242
3222
|
|
|
3243
3223
|
// src/core/drawer/DrawerHeader.tsx
|
|
3244
3224
|
var import_sharp_solid_svg_icons15 = require("@fortawesome/sharp-solid-svg-icons");
|
|
3245
|
-
var
|
|
3225
|
+
var import_tailwind_merge28 = require("tailwind-merge");
|
|
3246
3226
|
|
|
3247
3227
|
// src/core/skeleton/Skeleton.tsx
|
|
3248
3228
|
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
3249
3229
|
var Skeleton = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: twMerge("animate-skeleton-pulse rounded-lg bg-surface-dark", className) });
|
|
3250
3230
|
|
|
3251
|
-
// src/core/skeleton/TabsSkeleton/TabsSkeleton.tsx
|
|
3252
|
-
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3253
|
-
var TabsSkeleton = ({ numTabs = 3, className, tabClassName = "h-8 w-32" }) => {
|
|
3254
|
-
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: twMerge("flex gap-4", className), children: Array.from({ length: numTabs }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Skeleton, { className: tabClassName }, index)) });
|
|
3255
|
-
};
|
|
3256
|
-
|
|
3257
|
-
// src/core/skeleton/TableSkeleton/TableSkeleton.tsx
|
|
3258
|
-
var import_tailwind_merge28 = require("tailwind-merge");
|
|
3259
|
-
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3260
|
-
var TableSkeleton = ({
|
|
3261
|
-
numTableCols = 4,
|
|
3262
|
-
numTableRows = 3,
|
|
3263
|
-
className,
|
|
3264
|
-
rowHeight,
|
|
3265
|
-
hasBorder = false
|
|
3266
|
-
}) => {
|
|
3267
|
-
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("table", { className: (0, import_tailwind_merge28.twJoin)("flex w-full flex-col gap-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("tbody", { className: (0, import_tailwind_merge28.twJoin)("flex flex-col", rowHeight === void 0 && "gap-4"), children: Array.from({ length: numTableRows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3268
|
-
"tr",
|
|
3269
|
-
{
|
|
3270
|
-
className: (0, import_tailwind_merge28.twJoin)("flex gap-4", hasBorder && "px-2 not-last:border-b"),
|
|
3271
|
-
style: rowHeight ? { height: rowHeight } : void 0,
|
|
3272
|
-
children: Array.from({ length: numTableCols }).map((_2, index2) => {
|
|
3273
|
-
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("td", { className: "flex grow items-center px-1", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Skeleton, { className: (0, import_tailwind_merge28.twJoin)("w-full", rowHeight ? "h-3" : "h-6") }, index2) }, index2);
|
|
3274
|
-
})
|
|
3275
|
-
},
|
|
3276
|
-
index
|
|
3277
|
-
)) }) });
|
|
3278
|
-
};
|
|
3279
|
-
|
|
3280
|
-
// src/core/skeleton/TableSkeleton/TableCheckboxSkeleton.tsx
|
|
3281
|
-
var import_tailwind_merge29 = require("tailwind-merge");
|
|
3282
|
-
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
3283
|
-
var TableCheckboxSkeleton = ({
|
|
3284
|
-
numTableRows = 3,
|
|
3285
|
-
className,
|
|
3286
|
-
rowHeight,
|
|
3287
|
-
hasBorder = false
|
|
3288
|
-
}) => {
|
|
3289
|
-
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("table", { className: (0, import_tailwind_merge29.twJoin)("flex w-full flex-col gap-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("tbody", { className: (0, import_tailwind_merge29.twJoin)("flex flex-col", rowHeight === void 0 && "gap-4"), children: Array.from({ length: numTableRows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3290
|
-
"tr",
|
|
3291
|
-
{
|
|
3292
|
-
className: (0, import_tailwind_merge29.twJoin)("flex gap-4", hasBorder && "px-2 not-last:border-b"),
|
|
3293
|
-
style: rowHeight ? { height: rowHeight } : void 0,
|
|
3294
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("td", { className: "flex grow items-center px-1", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Skeleton, { className: (0, import_tailwind_merge29.twJoin)("w-full rounded-none", rowHeight ? "h-3" : "h-6") }, index) }, index)
|
|
3295
|
-
},
|
|
3296
|
-
index
|
|
3297
|
-
)) }) });
|
|
3298
|
-
};
|
|
3299
|
-
|
|
3300
3231
|
// src/core/drawer/DrawerHeader.tsx
|
|
3301
|
-
var
|
|
3232
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3302
3233
|
var DrawerHeader = ({
|
|
3303
3234
|
resource,
|
|
3304
3235
|
pagination,
|
|
@@ -3309,117 +3240,117 @@ var DrawerHeader = ({
|
|
|
3309
3240
|
label
|
|
3310
3241
|
}) => {
|
|
3311
3242
|
const { onClose } = useDrawer();
|
|
3312
|
-
return /* @__PURE__ */ (0,
|
|
3313
|
-
/* @__PURE__ */ (0,
|
|
3314
|
-
/* @__PURE__ */ (0,
|
|
3315
|
-
/* @__PURE__ */ (0,
|
|
3316
|
-
/* @__PURE__ */ (0,
|
|
3243
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "z-1 flex w-full flex-col items-stretch shadow", children: [
|
|
3244
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex justify-between px-8 py-1 shadow-sm", children: [
|
|
3245
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex items-center gap-1.5 text-base text-muted", children: resource && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
|
|
3246
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Icon, { icon: resource.icon || import_sharp_solid_svg_icons15.faBookmark }),
|
|
3247
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { children: resource.name })
|
|
3317
3248
|
] }) }),
|
|
3318
|
-
/* @__PURE__ */ (0,
|
|
3319
|
-
pagination && /* @__PURE__ */ (0,
|
|
3249
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
3250
|
+
pagination && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex gap-1", children: [
|
|
3320
3251
|
pagination.extra,
|
|
3321
|
-
/* @__PURE__ */ (0,
|
|
3322
|
-
/* @__PURE__ */ (0,
|
|
3252
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { size: "sm", onClick: pagination.onPrevious, disabled: !pagination.hasPrevious, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Icon, { icon: import_sharp_solid_svg_icons15.faChevronUp }) }),
|
|
3253
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { size: "sm", onClick: pagination.onNext, disabled: !pagination.hasNext, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Icon, { icon: import_sharp_solid_svg_icons15.faChevronDown }) })
|
|
3323
3254
|
] }),
|
|
3324
|
-
closeAction ?? /* @__PURE__ */ (0,
|
|
3255
|
+
closeAction ?? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { size: "xs", variant: "transparent", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-xl text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Icon, { icon: import_sharp_solid_svg_icons15.faClose }) }) })
|
|
3325
3256
|
] })
|
|
3326
3257
|
] }),
|
|
3327
|
-
/* @__PURE__ */ (0,
|
|
3328
|
-
/* @__PURE__ */ (0,
|
|
3329
|
-
/* @__PURE__ */ (0,
|
|
3330
|
-
subtitle && /* @__PURE__ */ (0,
|
|
3258
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2 px-8 py-2", children: [
|
|
3259
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex min-w-0 shrink grow flex-col", children: [
|
|
3260
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Text, { variant: "title-1", className: (0, import_tailwind_merge28.twJoin)(typeof title === "string" && "truncate"), children: title }),
|
|
3261
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-base font-light", children: subtitle })
|
|
3331
3262
|
] }),
|
|
3332
|
-
label && /* @__PURE__ */ (0,
|
|
3333
|
-
/* @__PURE__ */ (0,
|
|
3263
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex items-center gap-2", children: label }),
|
|
3264
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex shrink-0 items-center gap-2", children: actions })
|
|
3334
3265
|
] })
|
|
3335
3266
|
] });
|
|
3336
3267
|
};
|
|
3337
|
-
var DrawerHeaderSkeleton = () => /* @__PURE__ */ (0,
|
|
3338
|
-
/* @__PURE__ */ (0,
|
|
3339
|
-
/* @__PURE__ */ (0,
|
|
3340
|
-
/* @__PURE__ */ (0,
|
|
3268
|
+
var DrawerHeaderSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "space-y-2 px-8 py-2", children: [
|
|
3269
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex justify-between", children: [
|
|
3270
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Skeleton, { className: "h-6 w-36" }),
|
|
3271
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Skeleton, { className: "h-6 w-16" })
|
|
3341
3272
|
] }),
|
|
3342
|
-
/* @__PURE__ */ (0,
|
|
3273
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Skeleton, { className: "h-8 w-28" })
|
|
3343
3274
|
] });
|
|
3344
3275
|
|
|
3345
3276
|
// src/core/empty-state/EmptyState.tsx
|
|
3346
3277
|
var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
|
|
3347
3278
|
var import_sharp_solid_svg_icons16 = require("@fortawesome/sharp-solid-svg-icons");
|
|
3348
3279
|
var import_react32 = require("react");
|
|
3349
|
-
var
|
|
3280
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3350
3281
|
var EmptyState = (0, import_react32.forwardRef)(
|
|
3351
|
-
({ icon = import_sharp_solid_svg_icons16.faCircleDashed, title, description }, ref) => /* @__PURE__ */ (0,
|
|
3352
|
-
/* @__PURE__ */ (0,
|
|
3353
|
-
/* @__PURE__ */ (0,
|
|
3354
|
-
title && /* @__PURE__ */ (0,
|
|
3355
|
-
description && /* @__PURE__ */ (0,
|
|
3282
|
+
({ icon = import_sharp_solid_svg_icons16.faCircleDashed, title, description }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 p-4", ref, children: [
|
|
3283
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_fontawesome3.FontAwesomeIcon, { className: "text-muted ring-transparent", icon, size: "2x" }),
|
|
3284
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex max-w-prose flex-col text-center", children: [
|
|
3285
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { variant: "title-3", className: "text-muted", children: title }),
|
|
3286
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { variant: "footnote", className: "leading-5 text-muted", children: description })
|
|
3356
3287
|
] })
|
|
3357
3288
|
] })
|
|
3358
3289
|
);
|
|
3359
3290
|
|
|
3360
3291
|
// src/core/header-tile/HeaderTile.tsx
|
|
3361
|
-
var
|
|
3362
|
-
var
|
|
3363
|
-
var HeaderTileSimple = ({ title, content, className, grouped }) => /* @__PURE__ */ (0,
|
|
3292
|
+
var import_tailwind_merge29 = require("tailwind-merge");
|
|
3293
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
3294
|
+
var HeaderTileSimple = ({ title, content, className, grouped }) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
3364
3295
|
"div",
|
|
3365
3296
|
{
|
|
3366
|
-
className: (0,
|
|
3297
|
+
className: (0, import_tailwind_merge29.twJoin)(
|
|
3367
3298
|
"flex h-18.5 w-fit flex-col items-start justify-between px-3 py-1.5",
|
|
3368
3299
|
!grouped && "rounded-md border border-surface-neutral",
|
|
3369
3300
|
className
|
|
3370
3301
|
),
|
|
3371
3302
|
children: [
|
|
3372
|
-
/* @__PURE__ */ (0,
|
|
3373
|
-
typeof content === "string" ? /* @__PURE__ */ (0,
|
|
3303
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Text, { variant: "label", className: "text-neutral", children: title }),
|
|
3304
|
+
typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Text, { className: "text-neutral", children: content }) : content
|
|
3374
3305
|
]
|
|
3375
3306
|
}
|
|
3376
3307
|
);
|
|
3377
|
-
var HeaderTileWithPopover = ({ title, content, popover, className, grouped }) => /* @__PURE__ */ (0,
|
|
3378
|
-
/* @__PURE__ */ (0,
|
|
3308
|
+
var HeaderTileWithPopover = ({ title, content, popover, className, grouped }) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "w-fit", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Popover.Root, { children: [
|
|
3309
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3379
3310
|
Popover.Trigger,
|
|
3380
3311
|
{
|
|
3381
3312
|
variant: "transparent",
|
|
3382
3313
|
soften: "none",
|
|
3383
|
-
className: (0,
|
|
3314
|
+
className: (0, import_tailwind_merge29.twJoin)(
|
|
3384
3315
|
"flex h-18.5! w-fit justify-start px-3 py-1.5 transition-all duration-150 ease-in-out hover:shadow-md",
|
|
3385
3316
|
!grouped && "rounded-md border border-surface-neutral",
|
|
3386
3317
|
className
|
|
3387
3318
|
),
|
|
3388
|
-
children: /* @__PURE__ */ (0,
|
|
3389
|
-
/* @__PURE__ */ (0,
|
|
3390
|
-
typeof content === "string" ? /* @__PURE__ */ (0,
|
|
3319
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex h-full flex-col items-start justify-between", children: [
|
|
3320
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Text, { variant: "label", as: "span", className: "text-neutral", children: title }),
|
|
3321
|
+
typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Text, { as: "span", className: "text-neutral", children: content }) : content
|
|
3391
3322
|
] })
|
|
3392
3323
|
}
|
|
3393
3324
|
),
|
|
3394
|
-
popover && /* @__PURE__ */ (0,
|
|
3325
|
+
popover && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Popover.Body, { contentClassName: "max-w-150 min-w-60 p-3", children: popover })
|
|
3395
3326
|
] }) });
|
|
3396
3327
|
var HeaderTile = (props) => {
|
|
3397
3328
|
if (props.popover) {
|
|
3398
|
-
return /* @__PURE__ */ (0,
|
|
3329
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(HeaderTileWithPopover, { ...props });
|
|
3399
3330
|
}
|
|
3400
|
-
return /* @__PURE__ */ (0,
|
|
3331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(HeaderTileSimple, { ...props });
|
|
3401
3332
|
};
|
|
3402
3333
|
|
|
3403
3334
|
// src/core/header-tile/HeaderTileGroup.tsx
|
|
3404
|
-
var
|
|
3405
|
-
var
|
|
3406
|
-
var HeaderTileGroup = ({ children, className }) => /* @__PURE__ */ (0,
|
|
3335
|
+
var import_tailwind_merge30 = require("tailwind-merge");
|
|
3336
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
3337
|
+
var HeaderTileGroup = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
3407
3338
|
"div",
|
|
3408
3339
|
{
|
|
3409
|
-
className: (0,
|
|
3340
|
+
className: (0, import_tailwind_merge30.twJoin)(
|
|
3410
3341
|
"flex w-fit items-center divide-x divide-surface-neutral rounded-md border border-surface-neutral",
|
|
3411
3342
|
className
|
|
3412
3343
|
),
|
|
3413
3344
|
children
|
|
3414
3345
|
}
|
|
3415
3346
|
);
|
|
3416
|
-
HeaderTileGroup.Tile = (props) => /* @__PURE__ */ (0,
|
|
3347
|
+
HeaderTileGroup.Tile = (props) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(HeaderTile, { ...props, grouped: true });
|
|
3417
3348
|
|
|
3418
3349
|
// src/core/label/Label.tsx
|
|
3419
3350
|
var React12 = __toESM(require("react"), 1);
|
|
3420
3351
|
|
|
3421
3352
|
// src/core/label/labelStyles.ts
|
|
3422
|
-
var
|
|
3353
|
+
var import_tailwind_merge31 = require("tailwind-merge");
|
|
3423
3354
|
var sizeStyles3 = {
|
|
3424
3355
|
xs: "px-1 text-xs gap-0.5 h-4 rounded-md",
|
|
3425
3356
|
sm: "h-5 gap-0.5 px-1 text-sm rounded-md",
|
|
@@ -3448,33 +3379,33 @@ var colorStyles2 = {
|
|
|
3448
3379
|
disabled: "bg-gray-700 text-gray-50 border border-gray-600"
|
|
3449
3380
|
}
|
|
3450
3381
|
};
|
|
3451
|
-
var labelStyles = ({ intent = "default", size = "sm", variant = "default" }) => (0,
|
|
3382
|
+
var labelStyles = ({ intent = "default", size = "sm", variant = "default" }) => (0, import_tailwind_merge31.twJoin)(
|
|
3452
3383
|
"inline-flex w-fit shrink-0 items-center justify-center truncate font-normal break-all",
|
|
3453
3384
|
sizeStyles3[size],
|
|
3454
3385
|
colorStyles2[variant][intent]
|
|
3455
3386
|
);
|
|
3456
3387
|
|
|
3457
3388
|
// src/core/label/Label.tsx
|
|
3458
|
-
var
|
|
3389
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
3459
3390
|
var LabelImpl2 = ({ children, intent, size, variant, ...rest }, ref) => {
|
|
3460
|
-
return /* @__PURE__ */ (0,
|
|
3391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { ref, className: labelStyles({ intent, size, variant }), ...rest, children });
|
|
3461
3392
|
};
|
|
3462
3393
|
var Label = React12.forwardRef(LabelImpl2);
|
|
3463
3394
|
|
|
3464
3395
|
// src/core/layouts/PageContainer.tsx
|
|
3465
3396
|
var import_react33 = require("react");
|
|
3466
|
-
var
|
|
3397
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
3467
3398
|
var RESPONSIVE_PADDING = "px-4 md:px-8 lg:px-12 xl:px-16";
|
|
3468
3399
|
var PageContainer = (0, import_react33.forwardRef)(
|
|
3469
|
-
({ children, className }, ref) => /* @__PURE__ */ (0,
|
|
3400
|
+
({ children, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { ref, className: twMerge("h-full w-full overflow-y-auto pt-8", className, RESPONSIVE_PADDING), children })
|
|
3470
3401
|
);
|
|
3471
3402
|
var ScreenHeightPageContainer = (0, import_react33.forwardRef)(
|
|
3472
|
-
({ children, className }, ref) => /* @__PURE__ */ (0,
|
|
3403
|
+
({ children, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3473
3404
|
"div",
|
|
3474
3405
|
{
|
|
3475
3406
|
ref,
|
|
3476
3407
|
className: twMerge("flex h-screen w-full flex-col overflow-y-hidden", className, RESPONSIVE_PADDING),
|
|
3477
|
-
children: /* @__PURE__ */ (0,
|
|
3408
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex h-screen w-full flex-1 flex-col overflow-y-hidden pt-8 pb-4", children })
|
|
3478
3409
|
}
|
|
3479
3410
|
)
|
|
3480
3411
|
);
|
|
@@ -3482,21 +3413,21 @@ var ScreenHeightPageContainer = (0, import_react33.forwardRef)(
|
|
|
3482
3413
|
// src/core/menu/Menu.tsx
|
|
3483
3414
|
var import_sharp_solid_svg_icons17 = require("@fortawesome/sharp-solid-svg-icons");
|
|
3484
3415
|
var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
|
|
3485
|
-
var
|
|
3486
|
-
var
|
|
3416
|
+
var import_tailwind_merge32 = require("tailwind-merge");
|
|
3417
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
3487
3418
|
var MenuTrigger = ({ children, ...rest }) => {
|
|
3488
3419
|
if (children == null) {
|
|
3489
|
-
return /* @__PURE__ */ (0,
|
|
3420
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Button, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Icon, { icon: import_sharp_solid_svg_icons17.faEllipsis }) }) });
|
|
3490
3421
|
}
|
|
3491
3422
|
if (typeof children === "string") {
|
|
3492
|
-
return /* @__PURE__ */ (0,
|
|
3493
|
-
/* @__PURE__ */ (0,
|
|
3494
|
-
/* @__PURE__ */ (0,
|
|
3423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Button, { ...rest, children: [
|
|
3424
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children }),
|
|
3425
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(DropdownChevron, {})
|
|
3495
3426
|
] }) });
|
|
3496
3427
|
}
|
|
3497
|
-
return /* @__PURE__ */ (0,
|
|
3428
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Button, { ...rest, children }) });
|
|
3498
3429
|
};
|
|
3499
|
-
var MenuContent = ({ children, unrestrictedHeight = false, ...props }) => /* @__PURE__ */ (0,
|
|
3430
|
+
var MenuContent = ({ children, unrestrictedHeight = false, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3500
3431
|
import_react_dropdown_menu.Content,
|
|
3501
3432
|
{
|
|
3502
3433
|
collisionPadding: 8,
|
|
@@ -3504,15 +3435,15 @@ var MenuContent = ({ children, unrestrictedHeight = false, ...props }) => /* @__
|
|
|
3504
3435
|
align: "end",
|
|
3505
3436
|
className: "z-100 min-w-48 rounded-lg bg-white p-1.5 shadow-lg",
|
|
3506
3437
|
...props,
|
|
3507
|
-
children: /* @__PURE__ */ (0,
|
|
3438
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: (0, import_tailwind_merge32.twJoin)("overflow-y-auto", !unrestrictedHeight && "max-h-[252px]"), children })
|
|
3508
3439
|
}
|
|
3509
3440
|
) });
|
|
3510
|
-
var MenuItem = ({ loading, disabled, size = "default", ...rest }) => /* @__PURE__ */ (0,
|
|
3441
|
+
var MenuItem = ({ loading, disabled, size = "default", ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3511
3442
|
import_react_dropdown_menu.Item,
|
|
3512
3443
|
{
|
|
3513
3444
|
"data-loading": loading || void 0,
|
|
3514
3445
|
disabled: loading || disabled,
|
|
3515
|
-
className: (0,
|
|
3446
|
+
className: (0, import_tailwind_merge32.twJoin)(
|
|
3516
3447
|
"on-menu-item-active group flex w-full cursor-pointer items-center rounded-md p-2 text-neutral outline-hidden select-none data-disabled:cursor-not-allowed data-disabled:text-placeholder data-highlighted:bg-surface-neutral data-loading:bg-transparent data-loading:text-placeholder",
|
|
3517
3448
|
size === "default" ? "gap-1.5 text-sm" : "gap-2 text-base"
|
|
3518
3449
|
),
|
|
@@ -3521,31 +3452,31 @@ var MenuItem = ({ loading, disabled, size = "default", ...rest }) => /* @__PURE_
|
|
|
3521
3452
|
);
|
|
3522
3453
|
var MenuItemWithDisabledTooltip = ({ tooltip, onSelect, ...props }) => {
|
|
3523
3454
|
if (!props.disabled || !tooltip) {
|
|
3524
|
-
return /* @__PURE__ */ (0,
|
|
3455
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(MenuItem, { ...props, onSelect });
|
|
3525
3456
|
}
|
|
3526
|
-
return /* @__PURE__ */ (0,
|
|
3457
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3527
3458
|
Tooltip,
|
|
3528
3459
|
{
|
|
3529
|
-
trigger: /* @__PURE__ */ (0,
|
|
3460
|
+
trigger: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(MenuItem, { ...props }) }),
|
|
3530
3461
|
content: tooltip,
|
|
3531
3462
|
side: "left"
|
|
3532
3463
|
}
|
|
3533
3464
|
);
|
|
3534
3465
|
};
|
|
3535
|
-
var MenuRoot = (props) => /* @__PURE__ */ (0,
|
|
3536
|
-
var MenuSeparator = () => /* @__PURE__ */ (0,
|
|
3466
|
+
var MenuRoot = (props) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_dropdown_menu.Root, { modal: false, ...props });
|
|
3467
|
+
var MenuSeparator = () => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_dropdown_menu.Separator, { className: "my-[5px] h-px bg-surface-dark" });
|
|
3537
3468
|
var Menu = ({ children, trigger, align, variant = "default", triggerSize, ...rest }) => {
|
|
3538
3469
|
switch (variant) {
|
|
3539
3470
|
case "minimal":
|
|
3540
|
-
return /* @__PURE__ */ (0,
|
|
3541
|
-
/* @__PURE__ */ (0,
|
|
3542
|
-
/* @__PURE__ */ (0,
|
|
3471
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(MenuRoot, { ...rest, children: [
|
|
3472
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(MenuTrigger, { ...rest, size: triggerSize || "xs", variant: "transparent", children: trigger }),
|
|
3473
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(MenuContent, { align, children })
|
|
3543
3474
|
] });
|
|
3544
3475
|
case "default":
|
|
3545
3476
|
default:
|
|
3546
|
-
return /* @__PURE__ */ (0,
|
|
3547
|
-
/* @__PURE__ */ (0,
|
|
3548
|
-
/* @__PURE__ */ (0,
|
|
3477
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(MenuRoot, { ...rest, children: [
|
|
3478
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(MenuTrigger, { size: triggerSize, ...rest, children: trigger }),
|
|
3479
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(MenuContent, { align, children })
|
|
3549
3480
|
] });
|
|
3550
3481
|
}
|
|
3551
3482
|
};
|
|
@@ -3558,33 +3489,33 @@ Menu.ItemWithDisabledToolTip = MenuItemWithDisabledTooltip;
|
|
|
3558
3489
|
Menu.Separator = MenuSeparator;
|
|
3559
3490
|
|
|
3560
3491
|
// src/core/modal/components/ModalActions.tsx
|
|
3561
|
-
var
|
|
3492
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
3562
3493
|
var ModalActions = ({ children }) => {
|
|
3563
3494
|
if (children == null) {
|
|
3564
3495
|
return null;
|
|
3565
3496
|
}
|
|
3566
|
-
return /* @__PURE__ */ (0,
|
|
3497
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "sticky bottom-0 z-2 flex items-center justify-end gap-x-2 overflow-clip rounded-b-xl bg-white/80 px-8 pt-2 pb-6 backdrop-blur-sm", children });
|
|
3567
3498
|
};
|
|
3568
3499
|
|
|
3569
3500
|
// src/core/modal/components/ModalBody.tsx
|
|
3570
|
-
var
|
|
3501
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
3571
3502
|
var ModalBody = ({ children }) => {
|
|
3572
3503
|
if (children == null) {
|
|
3573
3504
|
return null;
|
|
3574
3505
|
}
|
|
3575
|
-
return /* @__PURE__ */ (0,
|
|
3506
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "px-8 py-1.5", children });
|
|
3576
3507
|
};
|
|
3577
3508
|
|
|
3578
3509
|
// src/core/modal/components/ModalCloseButton.tsx
|
|
3579
3510
|
var import_react_dialog = require("@radix-ui/react-dialog");
|
|
3580
|
-
var
|
|
3581
|
-
var ModalCloseButton = (props) => /* @__PURE__ */ (0,
|
|
3511
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
3512
|
+
var ModalCloseButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { ...props }) });
|
|
3582
3513
|
|
|
3583
3514
|
// src/core/modal/components/ModalContent.tsx
|
|
3584
3515
|
var import_react_dialog2 = require("@radix-ui/react-dialog");
|
|
3585
3516
|
var import_react34 = require("react");
|
|
3586
|
-
var
|
|
3587
|
-
var
|
|
3517
|
+
var import_tailwind_merge33 = require("tailwind-merge");
|
|
3518
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
3588
3519
|
var preventDismiss = (e) => e.preventDefault();
|
|
3589
3520
|
var handleDismiss = (dismissible) => {
|
|
3590
3521
|
if (dismissible) {
|
|
@@ -3601,22 +3532,22 @@ var ModalContent = (0, import_react34.forwardRef)(
|
|
|
3601
3532
|
dismissible = true,
|
|
3602
3533
|
fullscreen,
|
|
3603
3534
|
...rest
|
|
3604
|
-
}, ref) => /* @__PURE__ */ (0,
|
|
3535
|
+
}, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_dialog2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3605
3536
|
import_react_dialog2.Overlay,
|
|
3606
3537
|
{
|
|
3607
3538
|
className: "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-fade-in-custom-easing",
|
|
3608
|
-
children: /* @__PURE__ */ (0,
|
|
3539
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3609
3540
|
import_react_dialog2.Content,
|
|
3610
3541
|
{
|
|
3611
3542
|
...rest,
|
|
3612
3543
|
ref,
|
|
3613
|
-
className: (0,
|
|
3544
|
+
className: (0, import_tailwind_merge33.twJoin)(
|
|
3614
3545
|
fullscreen ? "h-[calc(100vh-1rem)] w-[calc(100vw-1rem)]" : `max-h-[calc(100vh-2rem)] w-[clamp(100vw-2rem,100%,100vw-2rem)] ${maxWidthClassName}`,
|
|
3615
3546
|
`fixed top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col rounded-xl bg-white shadow-lg focus:outline-hidden data-[state=open]:animate-fade-in-subtle-movement ${overflowYClassName}`
|
|
3616
3547
|
),
|
|
3617
3548
|
onPointerDownOutside: fullscreen ? handleDismiss() : onDismiss ?? handleDismiss(dismissible),
|
|
3618
3549
|
onEscapeKeyDown: fullscreen ? handleDismiss() : onDismiss ?? handleDismiss(dismissible),
|
|
3619
|
-
children: /* @__PURE__ */ (0,
|
|
3550
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "relative flex h-full min-w-0 flex-1 flex-col", children })
|
|
3620
3551
|
}
|
|
3621
3552
|
)
|
|
3622
3553
|
}
|
|
@@ -3625,28 +3556,28 @@ var ModalContent = (0, import_react34.forwardRef)(
|
|
|
3625
3556
|
|
|
3626
3557
|
// src/core/modal/components/ModalDescription.tsx
|
|
3627
3558
|
var import_react_dialog3 = require("@radix-ui/react-dialog");
|
|
3628
|
-
var
|
|
3559
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
3629
3560
|
var ModalDescription = ({ children }) => {
|
|
3630
3561
|
if (children == null) {
|
|
3631
3562
|
return null;
|
|
3632
3563
|
}
|
|
3633
|
-
return /* @__PURE__ */ (0,
|
|
3564
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_dialog3.Description, { className: "pb-3 text-base/6 font-normal text-neutral", children });
|
|
3634
3565
|
};
|
|
3635
3566
|
|
|
3636
3567
|
// src/core/modal/components/ModalErrorCallout.tsx
|
|
3637
|
-
var
|
|
3568
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
3638
3569
|
var ModalErrorCallout = ({ children }) => {
|
|
3639
3570
|
if (!children) {
|
|
3640
3571
|
return null;
|
|
3641
3572
|
}
|
|
3642
|
-
return /* @__PURE__ */ (0,
|
|
3573
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "sticky top-14 z-10 px-5", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Callout, { intent: "danger", children }) });
|
|
3643
3574
|
};
|
|
3644
3575
|
|
|
3645
3576
|
// src/core/modal/components/ModalRoot.tsx
|
|
3646
3577
|
var import_react_dialog4 = require("@radix-ui/react-dialog");
|
|
3647
|
-
var
|
|
3578
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
3648
3579
|
var ModalRoot = (props) => {
|
|
3649
|
-
return /* @__PURE__ */ (0,
|
|
3580
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_dialog4.Root, { ...props });
|
|
3650
3581
|
};
|
|
3651
3582
|
|
|
3652
3583
|
// src/core/modal/components/ModalTitle.tsx
|
|
@@ -3655,28 +3586,28 @@ var import_react_dialog6 = require("@radix-ui/react-dialog");
|
|
|
3655
3586
|
// src/core/modal/components/ModalCloseX.tsx
|
|
3656
3587
|
var import_sharp_solid_svg_icons18 = require("@fortawesome/sharp-solid-svg-icons");
|
|
3657
3588
|
var import_react_dialog5 = require("@radix-ui/react-dialog");
|
|
3658
|
-
var
|
|
3659
|
-
var ModalCloseX = () => /* @__PURE__ */ (0,
|
|
3589
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
3590
|
+
var ModalCloseX = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "absolute top-2.5 right-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_dialog5.Close, { asChild: true, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "px-0.5 text-xl text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Icon, { icon: import_sharp_solid_svg_icons18.faClose }) }) }) }) });
|
|
3660
3591
|
|
|
3661
3592
|
// src/core/modal/components/ModalTitle.tsx
|
|
3662
|
-
var
|
|
3593
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
3663
3594
|
var ModalTitle = ({ children, showX = true }) => {
|
|
3664
3595
|
if (children == null) {
|
|
3665
3596
|
return null;
|
|
3666
3597
|
}
|
|
3667
|
-
return /* @__PURE__ */ (0,
|
|
3668
|
-
/* @__PURE__ */ (0,
|
|
3669
|
-
showX && /* @__PURE__ */ (0,
|
|
3598
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "sticky top-0 z-2 overflow-clip rounded-t-xl bg-white/80 px-8 pt-8 pb-1.5 backdrop-blur-sm", children: [
|
|
3599
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_dialog6.Title, { className: "text-xl font-semibold text-dark", children }),
|
|
3600
|
+
showX && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ModalCloseX, {})
|
|
3670
3601
|
] });
|
|
3671
3602
|
};
|
|
3672
3603
|
|
|
3673
3604
|
// src/core/modal/components/ModalTriggerButton.tsx
|
|
3674
3605
|
var import_react_dialog7 = require("@radix-ui/react-dialog");
|
|
3675
|
-
var
|
|
3676
|
-
var ModalTriggerButton = (props) => /* @__PURE__ */ (0,
|
|
3606
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
3607
|
+
var ModalTriggerButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_dialog7.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { ...props }) });
|
|
3677
3608
|
|
|
3678
3609
|
// src/core/modal/Modal.tsx
|
|
3679
|
-
var
|
|
3610
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
3680
3611
|
var ModalBodyImpl = ({
|
|
3681
3612
|
children,
|
|
3682
3613
|
title,
|
|
@@ -3684,14 +3615,14 @@ var ModalBodyImpl = ({
|
|
|
3684
3615
|
description,
|
|
3685
3616
|
actions,
|
|
3686
3617
|
showX = true
|
|
3687
|
-
}) => /* @__PURE__ */ (0,
|
|
3688
|
-
/* @__PURE__ */ (0,
|
|
3689
|
-
/* @__PURE__ */ (0,
|
|
3690
|
-
(description || children) && /* @__PURE__ */ (0,
|
|
3691
|
-
/* @__PURE__ */ (0,
|
|
3618
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
|
|
3619
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalTitle, { showX, children: title }),
|
|
3620
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalErrorCallout, { children: error }),
|
|
3621
|
+
(description || children) && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ModalBody, { children: [
|
|
3622
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalDescription, { children: description }),
|
|
3692
3623
|
children
|
|
3693
3624
|
] }),
|
|
3694
|
-
/* @__PURE__ */ (0,
|
|
3625
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalActions, { children: actions })
|
|
3695
3626
|
] });
|
|
3696
3627
|
var Modal = ({
|
|
3697
3628
|
children,
|
|
@@ -3705,7 +3636,7 @@ var Modal = ({
|
|
|
3705
3636
|
description,
|
|
3706
3637
|
actions,
|
|
3707
3638
|
...rest
|
|
3708
|
-
}) => /* @__PURE__ */ (0,
|
|
3639
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
3709
3640
|
ModalRoot,
|
|
3710
3641
|
{
|
|
3711
3642
|
open: isOpen,
|
|
@@ -3718,7 +3649,7 @@ var Modal = ({
|
|
|
3718
3649
|
},
|
|
3719
3650
|
children: [
|
|
3720
3651
|
trigger,
|
|
3721
|
-
/* @__PURE__ */ (0,
|
|
3652
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalContent, { "aria-describedby": description || void 0, ...rest, children: children !== void 0 ? children : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalBodyImpl, { title, error, description, actions, children: content }) })
|
|
3722
3653
|
]
|
|
3723
3654
|
}
|
|
3724
3655
|
);
|
|
@@ -3731,8 +3662,8 @@ var React13 = __toESM(require("react"), 1);
|
|
|
3731
3662
|
|
|
3732
3663
|
// src/core/modal/FullscreenModalHeader.tsx
|
|
3733
3664
|
var import_react_dialog8 = require("@radix-ui/react-dialog");
|
|
3734
|
-
var
|
|
3735
|
-
var
|
|
3665
|
+
var import_tailwind_merge34 = require("tailwind-merge");
|
|
3666
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
3736
3667
|
var FullscreenModalHeader = ({
|
|
3737
3668
|
className,
|
|
3738
3669
|
title,
|
|
@@ -3740,22 +3671,22 @@ var FullscreenModalHeader = ({
|
|
|
3740
3671
|
leftSlot,
|
|
3741
3672
|
rightSlot
|
|
3742
3673
|
}) => {
|
|
3743
|
-
return /* @__PURE__ */ (0,
|
|
3744
|
-
/* @__PURE__ */ (0,
|
|
3674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: (0, import_tailwind_merge34.twJoin)("flex items-center justify-between gap-4", className), children: [
|
|
3675
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-1 items-center gap-4", children: [
|
|
3745
3676
|
leftSlot,
|
|
3746
|
-
/* @__PURE__ */ (0,
|
|
3747
|
-
/* @__PURE__ */ (0,
|
|
3748
|
-
description && /* @__PURE__ */ (0,
|
|
3677
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
3678
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_dialog8.Title, { className: "text-2xl font-medium text-neutral", children: title }),
|
|
3679
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "text-base/6 text-muted", children: description })
|
|
3749
3680
|
] })
|
|
3750
3681
|
] }),
|
|
3751
|
-
/* @__PURE__ */ (0,
|
|
3682
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex gap-2", children: rightSlot })
|
|
3752
3683
|
] });
|
|
3753
3684
|
};
|
|
3754
3685
|
|
|
3755
3686
|
// src/core/modal/FullscreenModal.tsx
|
|
3756
|
-
var
|
|
3687
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
3757
3688
|
var FullscreenModal = React13.forwardRef(
|
|
3758
|
-
({ children, trigger, isOpen, onClose, onOpenChange, fullscreen = true, showX = false, title, ...rest }, ref) => /* @__PURE__ */ (0,
|
|
3689
|
+
({ children, trigger, isOpen, onClose, onOpenChange, fullscreen = true, showX = false, title, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
3759
3690
|
ModalRoot,
|
|
3760
3691
|
{
|
|
3761
3692
|
open: isOpen,
|
|
@@ -3768,7 +3699,7 @@ var FullscreenModal = React13.forwardRef(
|
|
|
3768
3699
|
},
|
|
3769
3700
|
children: [
|
|
3770
3701
|
trigger,
|
|
3771
|
-
/* @__PURE__ */ (0,
|
|
3702
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalContent, { fullscreen, ...rest, ref, children: title ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Modal.Body, { title, showX, children }) : children })
|
|
3772
3703
|
]
|
|
3773
3704
|
}
|
|
3774
3705
|
)
|
|
@@ -3780,15 +3711,15 @@ var FullscreenModalNamespace = Object.assign(FullscreenModal, {
|
|
|
3780
3711
|
});
|
|
3781
3712
|
|
|
3782
3713
|
// src/core/modal/AlertModal.tsx
|
|
3783
|
-
var
|
|
3784
|
-
var ModalBodyImpl2 = ({ children, title, error, description, actions }) => /* @__PURE__ */ (0,
|
|
3785
|
-
/* @__PURE__ */ (0,
|
|
3786
|
-
/* @__PURE__ */ (0,
|
|
3787
|
-
(description || children) && /* @__PURE__ */ (0,
|
|
3788
|
-
/* @__PURE__ */ (0,
|
|
3714
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
3715
|
+
var ModalBodyImpl2 = ({ children, title, error, description, actions }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
|
|
3716
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalTitle, { showX: false, children: title }),
|
|
3717
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalErrorCallout, { children: error }),
|
|
3718
|
+
(description || children) && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(ModalBody, { children: [
|
|
3719
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalDescription, { children: description }),
|
|
3789
3720
|
children
|
|
3790
3721
|
] }),
|
|
3791
|
-
/* @__PURE__ */ (0,
|
|
3722
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalActions, { children: actions })
|
|
3792
3723
|
] });
|
|
3793
3724
|
var AlertModal = ({
|
|
3794
3725
|
children,
|
|
@@ -3802,7 +3733,7 @@ var AlertModal = ({
|
|
|
3802
3733
|
description,
|
|
3803
3734
|
actions,
|
|
3804
3735
|
...rest
|
|
3805
|
-
}) => /* @__PURE__ */ (0,
|
|
3736
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
3806
3737
|
ModalRoot,
|
|
3807
3738
|
{
|
|
3808
3739
|
open: isOpen,
|
|
@@ -3815,7 +3746,7 @@ var AlertModal = ({
|
|
|
3815
3746
|
},
|
|
3816
3747
|
children: [
|
|
3817
3748
|
trigger,
|
|
3818
|
-
/* @__PURE__ */ (0,
|
|
3749
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalContent, { ...rest, dismissible: false, children: children !== void 0 ? children : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalBodyImpl2, { title, error, description, actions, children: content }) })
|
|
3819
3750
|
]
|
|
3820
3751
|
}
|
|
3821
3752
|
);
|
|
@@ -3826,20 +3757,20 @@ AlertModal.CloseButton = ModalCloseButton;
|
|
|
3826
3757
|
// src/core/phone-number/PhoneNumber.tsx
|
|
3827
3758
|
var import_style = require("react-international-phone/style.css");
|
|
3828
3759
|
var import_react_international_phone = require("react-international-phone");
|
|
3829
|
-
var
|
|
3830
|
-
var
|
|
3760
|
+
var import_tailwind_merge35 = require("tailwind-merge");
|
|
3761
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
3831
3762
|
var PhoneNumber = ({
|
|
3832
3763
|
hasError,
|
|
3833
3764
|
onChange,
|
|
3834
3765
|
...props
|
|
3835
3766
|
}) => {
|
|
3836
|
-
return /* @__PURE__ */ (0,
|
|
3767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
3837
3768
|
import_react_international_phone.PhoneInput,
|
|
3838
3769
|
{
|
|
3839
3770
|
defaultCountry: props.defaultCountry ?? "us",
|
|
3840
3771
|
disableDialCodeAndPrefix: true,
|
|
3841
3772
|
showDisabledDialCodeAndPrefix: true,
|
|
3842
|
-
inputClassName: (0,
|
|
3773
|
+
inputClassName: (0, import_tailwind_merge35.twJoin)(
|
|
3843
3774
|
"flex-1 placeholder:text-placeholder",
|
|
3844
3775
|
hasError ? "border-red-300!" : "border-surface-neutral!"
|
|
3845
3776
|
),
|
|
@@ -3851,26 +3782,26 @@ var PhoneNumber = ({
|
|
|
3851
3782
|
};
|
|
3852
3783
|
|
|
3853
3784
|
// src/core/stepper/Stepper.tsx
|
|
3854
|
-
var
|
|
3855
|
-
var
|
|
3856
|
-
var StepItem = ({ label, step, isActive }) => /* @__PURE__ */ (0,
|
|
3857
|
-
/* @__PURE__ */ (0,
|
|
3785
|
+
var import_tailwind_merge36 = require("tailwind-merge");
|
|
3786
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
3787
|
+
var StepItem = ({ label, step, isActive }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
3788
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
3858
3789
|
"div",
|
|
3859
3790
|
{
|
|
3860
|
-
className: (0,
|
|
3791
|
+
className: (0, import_tailwind_merge36.twJoin)(
|
|
3861
3792
|
"flex size-6 items-center justify-center rounded-full",
|
|
3862
3793
|
isActive ? "bg-button-primary" : "bg-button-primary-disabled"
|
|
3863
3794
|
),
|
|
3864
|
-
children: /* @__PURE__ */ (0,
|
|
3795
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { className: "text-white", children: step })
|
|
3865
3796
|
}
|
|
3866
3797
|
),
|
|
3867
|
-
/* @__PURE__ */ (0,
|
|
3798
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { variant: "body-1", className: isActive ? "text-primary" : "text-indigo-200", children: label })
|
|
3868
3799
|
] });
|
|
3869
|
-
var Stepper = ({ steps, currentStep, className }) => /* @__PURE__ */ (0,
|
|
3800
|
+
var Stepper = ({ steps, currentStep, className }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: twMerge("flex items-center justify-center gap-5", className), children: steps.map((label, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(StepItem, { label, step: index + 1, isActive: index === currentStep }, label)) });
|
|
3870
3801
|
|
|
3871
3802
|
// src/core/table/Table.tsx
|
|
3872
3803
|
var import_react36 = require("react");
|
|
3873
|
-
var
|
|
3804
|
+
var import_tailwind_merge39 = require("tailwind-merge");
|
|
3874
3805
|
|
|
3875
3806
|
// src/core/utils/useIntersectionObserver.ts
|
|
3876
3807
|
var import_react35 = require("react");
|
|
@@ -3904,7 +3835,7 @@ var useIntersectionObserver = (options = {}) => {
|
|
|
3904
3835
|
var import_sharp_solid_svg_icons19 = require("@fortawesome/sharp-solid-svg-icons");
|
|
3905
3836
|
|
|
3906
3837
|
// src/core/table/TableRow.tsx
|
|
3907
|
-
var
|
|
3838
|
+
var import_tailwind_merge37 = require("tailwind-merge");
|
|
3908
3839
|
|
|
3909
3840
|
// src/core/table/utils.ts
|
|
3910
3841
|
var import_react_table = require("@tanstack/react-table");
|
|
@@ -3987,7 +3918,7 @@ var handleHeaderStyle = handleStyle;
|
|
|
3987
3918
|
var handleCellStyle = handleStyle;
|
|
3988
3919
|
|
|
3989
3920
|
// src/core/table/TableRow.tsx
|
|
3990
|
-
var
|
|
3921
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
3991
3922
|
var TableRow = ({ table, rowClassName, cellClassName, row }) => {
|
|
3992
3923
|
const hasRowClick = !!table.options.meta?.onRowClick;
|
|
3993
3924
|
const isStaticSubRow = !!table.options.meta?.staticSubRows;
|
|
@@ -3997,18 +3928,18 @@ var TableRow = ({ table, rowClassName, cellClassName, row }) => {
|
|
|
3997
3928
|
}
|
|
3998
3929
|
};
|
|
3999
3930
|
const cells = row.getVisibleCells();
|
|
4000
|
-
return /* @__PURE__ */ (0,
|
|
3931
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
4001
3932
|
"tr",
|
|
4002
3933
|
{
|
|
4003
3934
|
"data-active": table.options.meta?.activeRowId === row.id ? "" : void 0,
|
|
4004
3935
|
"data-clickable": !isStaticSubRow && (hasRowClick || row.getCanExpand()) ? "" : void 0,
|
|
4005
3936
|
"data-depth": isStaticSubRow ? row.depth : void 0,
|
|
4006
3937
|
onClick: !isStaticSubRow && row.getCanExpand() ? row.getToggleExpandedHandler() : void 0,
|
|
4007
|
-
className: (0,
|
|
3938
|
+
className: (0, import_tailwind_merge37.twJoin)(
|
|
4008
3939
|
"data-active:bg-indigo-100 data-clickable:hover:cursor-pointer data-clickable:hover:bg-surface-primary data-active:data-clickable:hover:bg-indigo-200",
|
|
4009
3940
|
rowClassName
|
|
4010
3941
|
),
|
|
4011
|
-
children: cells.map((cell) => /* @__PURE__ */ (0,
|
|
3942
|
+
children: cells.map((cell) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
4012
3943
|
"td",
|
|
4013
3944
|
{
|
|
4014
3945
|
onClickCapture: hasRowClick ? (ev) => onRowClick(ev, row) : void 0,
|
|
@@ -4023,40 +3954,40 @@ var TableRow = ({ table, rowClassName, cellClassName, row }) => {
|
|
|
4023
3954
|
};
|
|
4024
3955
|
|
|
4025
3956
|
// src/core/table/TableBody.tsx
|
|
4026
|
-
var
|
|
3957
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
4027
3958
|
var TableBody = ({ table, loading, rootClassName, afterRows, ...props }) => {
|
|
4028
3959
|
const { rows } = table.getRowModel();
|
|
4029
3960
|
if (rows.length === 0) {
|
|
4030
3961
|
if (loading) {
|
|
4031
3962
|
const colCount = table.getAllLeafColumns().length;
|
|
4032
|
-
return /* @__PURE__ */ (0,
|
|
3963
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("tbody", { className: rootClassName, children: Array.from({ length: 20 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4033
3964
|
"tr",
|
|
4034
3965
|
{
|
|
4035
3966
|
className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200",
|
|
4036
|
-
children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ (0,
|
|
3967
|
+
children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Skeleton, { className: "h-3 w-full" }) }, j))
|
|
4037
3968
|
},
|
|
4038
3969
|
`skeleton-${i}`
|
|
4039
3970
|
)) });
|
|
4040
3971
|
}
|
|
4041
|
-
return /* @__PURE__ */ (0,
|
|
4042
|
-
/* @__PURE__ */ (0,
|
|
3972
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("tbody", { className: rootClassName, children: [
|
|
3973
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(EmptyRowsTd, { colSpan: table.getAllLeafColumns().length, emptyText: table.options.meta?.emptyText }) }),
|
|
4043
3974
|
afterRows
|
|
4044
3975
|
] });
|
|
4045
3976
|
}
|
|
4046
|
-
return /* @__PURE__ */ (0,
|
|
4047
|
-
rows.map((row) => /* @__PURE__ */ (0,
|
|
3977
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("tbody", { className: rootClassName, children: [
|
|
3978
|
+
rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TableRow, { ...props, table, row }, row.id)),
|
|
4048
3979
|
afterRows
|
|
4049
3980
|
] });
|
|
4050
3981
|
};
|
|
4051
|
-
var EmptyRowsTd = ({ emptyText = "No rows found", ...props }) => /* @__PURE__ */ (0,
|
|
4052
|
-
/* @__PURE__ */ (0,
|
|
4053
|
-
/* @__PURE__ */ (0,
|
|
3982
|
+
var EmptyRowsTd = ({ emptyText = "No rows found", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("td", { ...props, className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("p", { className: "flex h-full min-h-12 w-full items-center justify-center gap-2 text-2xl/none text-placeholder", children: [
|
|
3983
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Icon, { icon: import_sharp_solid_svg_icons19.faTable }) }),
|
|
3984
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-base/none font-medium", children: emptyText })
|
|
4054
3985
|
] }) });
|
|
4055
3986
|
|
|
4056
3987
|
// src/core/table/TableHeader.tsx
|
|
4057
3988
|
var import_sharp_solid_svg_icons20 = require("@fortawesome/sharp-solid-svg-icons");
|
|
4058
|
-
var
|
|
4059
|
-
var
|
|
3989
|
+
var import_tailwind_merge38 = require("tailwind-merge");
|
|
3990
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
4060
3991
|
var TableHeader = ({
|
|
4061
3992
|
table,
|
|
4062
3993
|
variant,
|
|
@@ -4064,7 +3995,7 @@ var TableHeader = ({
|
|
|
4064
3995
|
rowClassName,
|
|
4065
3996
|
cellClassName
|
|
4066
3997
|
}) => {
|
|
4067
|
-
return /* @__PURE__ */ (0,
|
|
3998
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("thead", { className: rootClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("tr", { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
4068
3999
|
Th,
|
|
4069
4000
|
{
|
|
4070
4001
|
scope: "col",
|
|
@@ -4087,14 +4018,14 @@ var Th = ({
|
|
|
4087
4018
|
const isLastInRow = header.index === header.headerGroup.headers.length - 1;
|
|
4088
4019
|
const canResize = !isLastInRow && !!header.getContext().table.options.columnResizeMode && header.column.getCanResize();
|
|
4089
4020
|
const isSubtable = variant === "subtable";
|
|
4090
|
-
const resizeHandle = canResize && /* @__PURE__ */ (0,
|
|
4021
|
+
const resizeHandle = canResize && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
4091
4022
|
"div",
|
|
4092
4023
|
{
|
|
4093
4024
|
onMouseDown: header.getResizeHandler(),
|
|
4094
4025
|
onTouchStart: header.getResizeHandler(),
|
|
4095
4026
|
onClick: (e) => e.stopPropagation(),
|
|
4096
4027
|
"data-resizing": header.column.getIsResizing() ? "" : void 0,
|
|
4097
|
-
className: (0,
|
|
4028
|
+
className: (0, import_tailwind_merge38.twJoin)(
|
|
4098
4029
|
"absolute top-0 right-0 bottom-0 z-10 w-1 cursor-col-resize touch-none select-none",
|
|
4099
4030
|
"after:pointer-events-none after:absolute after:top-0 after:right-0 after:h-screen after:w-0.5 after:transition-colors after:duration-150 after:content-['']",
|
|
4100
4031
|
isSubtable ? "hover:after:bg-indigo-600 data-resizing:after:bg-indigo-600" : "group-hover:after:bg-gray-200 hover:after:bg-indigo-600 data-resizing:after:bg-indigo-600"
|
|
@@ -4102,54 +4033,54 @@ var Th = ({
|
|
|
4102
4033
|
}
|
|
4103
4034
|
);
|
|
4104
4035
|
if (header.column.getIsSorted()) {
|
|
4105
|
-
return /* @__PURE__ */ (0,
|
|
4036
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
4106
4037
|
"th",
|
|
4107
4038
|
{
|
|
4108
4039
|
...props,
|
|
4109
4040
|
"data-clickable": "ok",
|
|
4110
4041
|
onClick: header.column.getToggleSortingHandler(),
|
|
4111
|
-
className: (0,
|
|
4042
|
+
className: (0, import_tailwind_merge38.twJoin)(props.className, canResize && "group relative"),
|
|
4112
4043
|
children: [
|
|
4113
4044
|
children,
|
|
4114
|
-
/* @__PURE__ */ (0,
|
|
4045
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ml-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SortIcon, { dir: header.column.getIsSorted() }) }),
|
|
4115
4046
|
resizeHandle
|
|
4116
4047
|
]
|
|
4117
4048
|
}
|
|
4118
4049
|
);
|
|
4119
4050
|
}
|
|
4120
4051
|
if (header.column.getCanSort()) {
|
|
4121
|
-
return /* @__PURE__ */ (0,
|
|
4052
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
4122
4053
|
"th",
|
|
4123
4054
|
{
|
|
4124
4055
|
...props,
|
|
4125
4056
|
"data-clickable": "ok",
|
|
4126
4057
|
onClick: header.column.getToggleSortingHandler(),
|
|
4127
|
-
className: (0,
|
|
4058
|
+
className: (0, import_tailwind_merge38.twJoin)(props.className, canResize && "group relative"),
|
|
4128
4059
|
children: [
|
|
4129
4060
|
children,
|
|
4130
|
-
/* @__PURE__ */ (0,
|
|
4061
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "invisible ml-1.5 group-hover:visible", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SortIcon, { dir: header.column.getNextSortingOrder() }) }),
|
|
4131
4062
|
resizeHandle
|
|
4132
4063
|
]
|
|
4133
4064
|
}
|
|
4134
4065
|
);
|
|
4135
4066
|
}
|
|
4136
|
-
return /* @__PURE__ */ (0,
|
|
4067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("th", { ...props, className: (0, import_tailwind_merge38.twJoin)(props.className, canResize && "group relative"), children: [
|
|
4137
4068
|
children,
|
|
4138
4069
|
resizeHandle
|
|
4139
4070
|
] });
|
|
4140
4071
|
};
|
|
4141
4072
|
var SortIcon = ({ dir }) => {
|
|
4142
4073
|
if (dir === "asc") {
|
|
4143
|
-
return /* @__PURE__ */ (0,
|
|
4074
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { icon: import_sharp_solid_svg_icons20.faArrowUpWideShort });
|
|
4144
4075
|
}
|
|
4145
4076
|
if (dir === "desc") {
|
|
4146
|
-
return /* @__PURE__ */ (0,
|
|
4077
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { icon: import_sharp_solid_svg_icons20.faArrowDownWideShort });
|
|
4147
4078
|
}
|
|
4148
4079
|
return null;
|
|
4149
4080
|
};
|
|
4150
4081
|
|
|
4151
4082
|
// src/core/table/Table.tsx
|
|
4152
|
-
var
|
|
4083
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
4153
4084
|
var tableVariants = {
|
|
4154
4085
|
default: "default",
|
|
4155
4086
|
seamless: "seamless",
|
|
@@ -4214,63 +4145,63 @@ var Table = ({ variant = "default", loading: loadingProp, ...props }) => {
|
|
|
4214
4145
|
const tableElementRef = props.table.options.meta?.tableElementRef ?? null;
|
|
4215
4146
|
switch (variant) {
|
|
4216
4147
|
case tableVariants.transparent:
|
|
4217
|
-
return /* @__PURE__ */ (0,
|
|
4148
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative mb-auto min-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
4218
4149
|
"table",
|
|
4219
4150
|
{
|
|
4220
4151
|
ref: tableElementRef,
|
|
4221
4152
|
"data-ui": uiLoading,
|
|
4222
4153
|
style: resizeStyle,
|
|
4223
|
-
className: (0,
|
|
4154
|
+
className: (0, import_tailwind_merge39.twJoin)(
|
|
4224
4155
|
"min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
|
|
4225
4156
|
resizeStyle && "overflow-clip"
|
|
4226
4157
|
),
|
|
4227
4158
|
children: [
|
|
4228
|
-
/* @__PURE__ */ (0,
|
|
4229
|
-
/* @__PURE__ */ (0,
|
|
4159
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
|
|
4160
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
|
|
4230
4161
|
]
|
|
4231
4162
|
}
|
|
4232
4163
|
) });
|
|
4233
4164
|
case tableVariants.subtable:
|
|
4234
|
-
return /* @__PURE__ */ (0,
|
|
4235
|
-
showLoadingBar && /* @__PURE__ */ (0,
|
|
4236
|
-
/* @__PURE__ */ (0,
|
|
4165
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "relative mb-auto min-w-full", children: [
|
|
4166
|
+
showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(LoadingBar, { className: "absolute top-0 right-0 left-0 z-10 h-1 rounded-none" }),
|
|
4167
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
4237
4168
|
"table",
|
|
4238
4169
|
{
|
|
4239
4170
|
ref: tableElementRef,
|
|
4240
4171
|
"data-ui": uiLoading,
|
|
4241
4172
|
style: resizeStyle,
|
|
4242
|
-
className: (0,
|
|
4173
|
+
className: (0, import_tailwind_merge39.twJoin)(
|
|
4243
4174
|
"min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
|
|
4244
4175
|
resizeStyle && "overflow-clip"
|
|
4245
4176
|
),
|
|
4246
4177
|
children: [
|
|
4247
|
-
/* @__PURE__ */ (0,
|
|
4248
|
-
/* @__PURE__ */ (0,
|
|
4178
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
|
|
4179
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
|
|
4249
4180
|
]
|
|
4250
4181
|
}
|
|
4251
4182
|
)
|
|
4252
4183
|
] });
|
|
4253
4184
|
case tableVariants.seamless:
|
|
4254
|
-
return /* @__PURE__ */ (0,
|
|
4185
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4255
4186
|
"div",
|
|
4256
4187
|
{
|
|
4257
|
-
className: (0,
|
|
4188
|
+
className: (0, import_tailwind_merge39.twJoin)(
|
|
4258
4189
|
"relative mb-auto rounded-md border bg-white",
|
|
4259
4190
|
loading && coreRows.length === 0 ? "overflow-hidden" : "overflow-auto"
|
|
4260
4191
|
),
|
|
4261
|
-
children: /* @__PURE__ */ (0,
|
|
4192
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
4262
4193
|
"table",
|
|
4263
4194
|
{
|
|
4264
4195
|
ref: tableElementRef,
|
|
4265
4196
|
"data-ui": uiLoading,
|
|
4266
4197
|
style: resizeStyle,
|
|
4267
|
-
className: (0,
|
|
4198
|
+
className: (0, import_tailwind_merge39.twJoin)(
|
|
4268
4199
|
"relative min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
|
|
4269
4200
|
resizeStyle && "overflow-clip"
|
|
4270
4201
|
),
|
|
4271
4202
|
children: [
|
|
4272
|
-
/* @__PURE__ */ (0,
|
|
4273
|
-
/* @__PURE__ */ (0,
|
|
4203
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
|
|
4204
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
|
|
4274
4205
|
]
|
|
4275
4206
|
}
|
|
4276
4207
|
)
|
|
@@ -4278,7 +4209,7 @@ var Table = ({ variant = "default", loading: loadingProp, ...props }) => {
|
|
|
4278
4209
|
);
|
|
4279
4210
|
case tableVariants.default:
|
|
4280
4211
|
default:
|
|
4281
|
-
return /* @__PURE__ */ (0,
|
|
4212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DefaultTable, { ...props, loading, fetching });
|
|
4282
4213
|
}
|
|
4283
4214
|
};
|
|
4284
4215
|
var DefaultTable = ({ table, loading, fetching }) => {
|
|
@@ -4295,37 +4226,37 @@ var DefaultTable = ({ table, loading, fetching }) => {
|
|
|
4295
4226
|
infiniteScroll.fetchNextPage();
|
|
4296
4227
|
}
|
|
4297
4228
|
}, [entry?.isIntersecting, infiniteScroll]);
|
|
4298
|
-
const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0,
|
|
4299
|
-
return /* @__PURE__ */ (0,
|
|
4229
|
+
const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("tr", { className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200", children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Skeleton, { className: "h-3 w-full" }) }, j)) }, `skeleton-${i}`)) : null;
|
|
4230
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
4300
4231
|
"div",
|
|
4301
4232
|
{
|
|
4302
|
-
className: (0,
|
|
4233
|
+
className: (0, import_tailwind_merge39.twJoin)(
|
|
4303
4234
|
"relative mb-auto rounded-md border bg-white",
|
|
4304
|
-
coreRows.length === 0 ? (0,
|
|
4235
|
+
coreRows.length === 0 ? (0, import_tailwind_merge39.twJoin)("h-full min-h-0", loading ? "overflow-hidden" : "overflow-auto") : "max-h-full min-h-0 overflow-auto"
|
|
4305
4236
|
),
|
|
4306
4237
|
children: [
|
|
4307
|
-
showLoadingBar && /* @__PURE__ */ (0,
|
|
4308
|
-
/* @__PURE__ */ (0,
|
|
4238
|
+
showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(LoadingBar, { className: "sticky top-0 right-0 left-0 z-10 -mb-1 h-1 rounded-none" }),
|
|
4239
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
4309
4240
|
"table",
|
|
4310
4241
|
{
|
|
4311
4242
|
ref: tableElementRef,
|
|
4312
4243
|
"data-ui": uiLoading,
|
|
4313
4244
|
style: resizeStyle,
|
|
4314
|
-
className: (0,
|
|
4245
|
+
className: (0, import_tailwind_merge39.twJoin)(
|
|
4315
4246
|
"relative min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
|
|
4316
4247
|
coreRows.length === 0 && !loading && "h-full",
|
|
4317
4248
|
resizeStyle && "overflow-clip"
|
|
4318
4249
|
),
|
|
4319
4250
|
children: [
|
|
4320
|
-
/* @__PURE__ */ (0,
|
|
4321
|
-
/* @__PURE__ */ (0,
|
|
4251
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableHeader, { table, variant: "default", ...headerClassNames("default") }),
|
|
4252
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4322
4253
|
TableBody,
|
|
4323
4254
|
{
|
|
4324
4255
|
table,
|
|
4325
4256
|
...bodyClassNames("default"),
|
|
4326
4257
|
loading,
|
|
4327
|
-
afterRows: /* @__PURE__ */ (0,
|
|
4328
|
-
infiniteScroll?.hasNextPage && /* @__PURE__ */ (0,
|
|
4258
|
+
afterRows: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
|
|
4259
|
+
infiniteScroll?.hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("tr", { ref: sentinelRef, "aria-hidden": "true", style: { height: 0, border: "none", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { colSpan: colCount, style: { height: 0, border: "none", padding: 0 } }) }),
|
|
4329
4260
|
skeletonRows
|
|
4330
4261
|
] })
|
|
4331
4262
|
}
|
|
@@ -4341,8 +4272,8 @@ var DefaultTable = ({ table, loading, fetching }) => {
|
|
|
4341
4272
|
// src/core/table/VirtualizedTable.tsx
|
|
4342
4273
|
var import_react_virtual = require("@tanstack/react-virtual");
|
|
4343
4274
|
var import_react37 = require("react");
|
|
4344
|
-
var
|
|
4345
|
-
var
|
|
4275
|
+
var import_tailwind_merge40 = require("tailwind-merge");
|
|
4276
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
4346
4277
|
var DEFAULT_ROW_HEIGHT = 37;
|
|
4347
4278
|
var DEFAULT_OVERSCAN = 5;
|
|
4348
4279
|
var VirtualizedTable = ({
|
|
@@ -4378,48 +4309,48 @@ var VirtualizedTable = ({
|
|
|
4378
4309
|
infiniteScroll.fetchNextPage();
|
|
4379
4310
|
}
|
|
4380
4311
|
}, [virtualRows, rows.length, infiniteScroll]);
|
|
4381
|
-
const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0,
|
|
4312
|
+
const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tr", { className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200", children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Skeleton, { className: "h-3 w-full" }) }, j)) }, `skeleton-${i}`)) : null;
|
|
4382
4313
|
const paddingTop = virtualRows.length > 0 ? virtualRows[0]?.start ?? 0 : 0;
|
|
4383
4314
|
const paddingBottom = virtualRows.length > 0 ? rowVirtualizer.getTotalSize() - (virtualRows.at(-1)?.end ?? 0) : 0;
|
|
4384
4315
|
const { rootClassName: bodyRootClassName, ...bodyRowCellClassNames } = bodyClassNames(variant);
|
|
4385
|
-
return /* @__PURE__ */ (0,
|
|
4316
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
4386
4317
|
"div",
|
|
4387
4318
|
{
|
|
4388
4319
|
ref: scrollRef,
|
|
4389
|
-
className: (0,
|
|
4320
|
+
className: (0, import_tailwind_merge40.twJoin)(
|
|
4390
4321
|
"relative mb-auto",
|
|
4391
|
-
isSubtable ? "min-w-full" : (0,
|
|
4322
|
+
isSubtable ? "min-w-full" : (0, import_tailwind_merge40.twJoin)(
|
|
4392
4323
|
"rounded-md border bg-white",
|
|
4393
|
-
coreRows.length === 0 ? (0,
|
|
4324
|
+
coreRows.length === 0 ? (0, import_tailwind_merge40.twJoin)("h-full", loading ? "overflow-hidden" : "overflow-auto overscroll-none") : "max-h-full min-h-0 overflow-auto overscroll-none"
|
|
4394
4325
|
)
|
|
4395
4326
|
),
|
|
4396
4327
|
children: [
|
|
4397
|
-
showLoadingBar && /* @__PURE__ */ (0,
|
|
4328
|
+
showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4398
4329
|
LoadingBar,
|
|
4399
4330
|
{
|
|
4400
|
-
className: (0,
|
|
4331
|
+
className: (0, import_tailwind_merge40.twJoin)("inset-x-0 top-0 z-10 h-1 rounded-none", isSubtable ? "absolute" : "sticky -mb-1")
|
|
4401
4332
|
}
|
|
4402
4333
|
),
|
|
4403
|
-
/* @__PURE__ */ (0,
|
|
4334
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
4404
4335
|
"table",
|
|
4405
4336
|
{
|
|
4406
4337
|
ref: tableElementRef,
|
|
4407
4338
|
"data-ui": uiLoading,
|
|
4408
4339
|
style: resizeStyle,
|
|
4409
|
-
className: (0,
|
|
4340
|
+
className: (0, import_tailwind_merge40.twJoin)(
|
|
4410
4341
|
"relative min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
|
|
4411
4342
|
!isSubtable && coreRows.length === 0 && !loading && "h-full",
|
|
4412
4343
|
resizeStyle && "overflow-clip"
|
|
4413
4344
|
),
|
|
4414
4345
|
children: [
|
|
4415
|
-
/* @__PURE__ */ (0,
|
|
4416
|
-
rows.length === 0 ? /* @__PURE__ */ (0,
|
|
4417
|
-
paddingTop > 0 && /* @__PURE__ */ (0,
|
|
4346
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableHeader, { table, variant, ...headerClassNames(variant) }),
|
|
4347
|
+
rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableBody, { table, ...bodyClassNames(variant), loading }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("tbody", { className: bodyRootClassName, children: [
|
|
4348
|
+
paddingTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { colSpan: colCount, style: { height: paddingTop, padding: 0, border: "none" } }) }),
|
|
4418
4349
|
virtualRows.map((virtualRow) => {
|
|
4419
4350
|
const row = rows[virtualRow.index];
|
|
4420
|
-
return /* @__PURE__ */ (0,
|
|
4351
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableRow, { table, row, ...bodyRowCellClassNames }, row.id);
|
|
4421
4352
|
}),
|
|
4422
|
-
paddingBottom > 0 && /* @__PURE__ */ (0,
|
|
4353
|
+
paddingBottom > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { colSpan: colCount, style: { height: paddingBottom, padding: 0, border: "none" } }) }),
|
|
4423
4354
|
skeletonRows
|
|
4424
4355
|
] })
|
|
4425
4356
|
]
|
|
@@ -4598,8 +4529,8 @@ var useColumnResizing = (options) => {
|
|
|
4598
4529
|
var import_react_toggle_group = require("@radix-ui/react-toggle-group");
|
|
4599
4530
|
var import_react40 = require("motion/react");
|
|
4600
4531
|
var import_react41 = require("react");
|
|
4601
|
-
var
|
|
4602
|
-
var
|
|
4532
|
+
var import_tailwind_merge41 = require("tailwind-merge");
|
|
4533
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
4603
4534
|
var TabGroup = ({
|
|
4604
4535
|
tabs,
|
|
4605
4536
|
currentTab,
|
|
@@ -4607,7 +4538,7 @@ var TabGroup = ({
|
|
|
4607
4538
|
size = "md"
|
|
4608
4539
|
}) => {
|
|
4609
4540
|
const layoutId = (0, import_react41.useId)();
|
|
4610
|
-
return /* @__PURE__ */ (0,
|
|
4541
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4611
4542
|
import_react_toggle_group.ToggleGroup,
|
|
4612
4543
|
{
|
|
4613
4544
|
type: "single",
|
|
@@ -4615,17 +4546,17 @@ var TabGroup = ({
|
|
|
4615
4546
|
onValueChange: (value) => {
|
|
4616
4547
|
if (value) setCurrentTab(value);
|
|
4617
4548
|
},
|
|
4618
|
-
className: (0,
|
|
4549
|
+
className: (0, import_tailwind_merge41.twJoin)(
|
|
4619
4550
|
"flex w-full justify-between gap-1 rounded-lg border border-surface-neutral bg-surface-light",
|
|
4620
4551
|
size === "sm" ? "p-1" : "p-0.5"
|
|
4621
4552
|
),
|
|
4622
|
-
children: tabs.map(({ id, label, disabled }, index) => /* @__PURE__ */ (0,
|
|
4623
|
-
/* @__PURE__ */ (0,
|
|
4553
|
+
children: tabs.map(({ id, label, disabled }, index) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_react41.Fragment, { children: [
|
|
4554
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
4624
4555
|
import_react_toggle_group.ToggleGroupItem,
|
|
4625
4556
|
{
|
|
4626
4557
|
value: id,
|
|
4627
4558
|
disabled,
|
|
4628
|
-
className: (0,
|
|
4559
|
+
className: (0, import_tailwind_merge41.twJoin)(
|
|
4629
4560
|
"relative flex w-full items-center justify-center rounded-md border transition-colors",
|
|
4630
4561
|
disabled && "cursor-not-allowed opacity-50",
|
|
4631
4562
|
!disabled && "focus-visible:border-indigo-700 focus-visible:outline-none",
|
|
@@ -4635,7 +4566,7 @@ var TabGroup = ({
|
|
|
4635
4566
|
size === "sm" ? "px-1.5 py-1" : "px-2 py-1"
|
|
4636
4567
|
),
|
|
4637
4568
|
children: [
|
|
4638
|
-
id === currentTab && !disabled && /* @__PURE__ */ (0,
|
|
4569
|
+
id === currentTab && !disabled && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4639
4570
|
import_react40.motion.span,
|
|
4640
4571
|
{
|
|
4641
4572
|
layoutId,
|
|
@@ -4643,11 +4574,11 @@ var TabGroup = ({
|
|
|
4643
4574
|
transition: { type: "spring", stiffness: 500, damping: 40 }
|
|
4644
4575
|
}
|
|
4645
4576
|
),
|
|
4646
|
-
/* @__PURE__ */ (0,
|
|
4577
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "relative z-1", children: label })
|
|
4647
4578
|
]
|
|
4648
4579
|
}
|
|
4649
4580
|
),
|
|
4650
|
-
index !== tabs.length - 1 && /* @__PURE__ */ (0,
|
|
4581
|
+
index !== tabs.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "z-2 my-1 flex w-px bg-gray-300" })
|
|
4651
4582
|
] }, id))
|
|
4652
4583
|
}
|
|
4653
4584
|
);
|
|
@@ -4656,12 +4587,12 @@ var TabGroup = ({
|
|
|
4656
4587
|
// src/core/tabs/Tabs.tsx
|
|
4657
4588
|
var import_react_tabs2 = require("@radix-ui/react-tabs");
|
|
4658
4589
|
var import_react43 = require("react");
|
|
4659
|
-
var
|
|
4590
|
+
var import_tailwind_merge42 = require("tailwind-merge");
|
|
4660
4591
|
|
|
4661
4592
|
// src/core/tabs/Trigger.tsx
|
|
4662
4593
|
var import_react_tabs = require("@radix-ui/react-tabs");
|
|
4663
4594
|
var import_react42 = require("motion/react");
|
|
4664
|
-
var
|
|
4595
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
4665
4596
|
var TabsTrigger = ({
|
|
4666
4597
|
id,
|
|
4667
4598
|
label,
|
|
@@ -4671,7 +4602,7 @@ var TabsTrigger = ({
|
|
|
4671
4602
|
className,
|
|
4672
4603
|
isActive,
|
|
4673
4604
|
layoutId
|
|
4674
|
-
}) => /* @__PURE__ */ (0,
|
|
4605
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
4675
4606
|
import_react_tabs.Trigger,
|
|
4676
4607
|
{
|
|
4677
4608
|
className: twMerge(
|
|
@@ -4683,8 +4614,8 @@ var TabsTrigger = ({
|
|
|
4683
4614
|
"fs-id": fsId,
|
|
4684
4615
|
children: [
|
|
4685
4616
|
label,
|
|
4686
|
-
extra && /* @__PURE__ */ (0,
|
|
4687
|
-
isActive && /* @__PURE__ */ (0,
|
|
4617
|
+
extra && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: extra }),
|
|
4618
|
+
isActive && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4688
4619
|
import_react42.motion.span,
|
|
4689
4620
|
{
|
|
4690
4621
|
layoutId,
|
|
@@ -4697,7 +4628,7 @@ var TabsTrigger = ({
|
|
|
4697
4628
|
);
|
|
4698
4629
|
|
|
4699
4630
|
// src/core/tabs/Tabs.tsx
|
|
4700
|
-
var
|
|
4631
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
4701
4632
|
var [Provider2, useContext6] = createContextHelper();
|
|
4702
4633
|
var Tabs = ({
|
|
4703
4634
|
tabs,
|
|
@@ -4711,9 +4642,9 @@ var Tabs = ({
|
|
|
4711
4642
|
extraNode
|
|
4712
4643
|
}) => {
|
|
4713
4644
|
const layoutId = (0, import_react43.useId)();
|
|
4714
|
-
return /* @__PURE__ */ (0,
|
|
4715
|
-
/* @__PURE__ */ (0,
|
|
4716
|
-
/* @__PURE__ */ (0,
|
|
4645
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Provider2, { currentTab, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_react_tabs2.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children: [
|
|
4646
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: (0, import_tailwind_merge42.twJoin)("flex gap-4", tabsListContainerClassName), children: [
|
|
4647
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_tabs2.List, { className: (0, import_tailwind_merge42.twJoin)("flex space-x-4 overflow-x-auto pb-0.5", tabsListClassName), children: tabs.map(({ id, label, disabled, fsId }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4717
4648
|
TabsTrigger,
|
|
4718
4649
|
{
|
|
4719
4650
|
id,
|
|
@@ -4732,7 +4663,7 @@ var Tabs = ({
|
|
|
4732
4663
|
] }) });
|
|
4733
4664
|
};
|
|
4734
4665
|
var TabContent = ({ id, ...rest }) => {
|
|
4735
|
-
return /* @__PURE__ */ (0,
|
|
4666
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_tabs2.Content, { value: id, ...rest });
|
|
4736
4667
|
};
|
|
4737
4668
|
var AlwaysMountedTabContent = ({
|
|
4738
4669
|
id,
|
|
@@ -4742,81 +4673,21 @@ var AlwaysMountedTabContent = ({
|
|
|
4742
4673
|
}) => {
|
|
4743
4674
|
const { currentTab } = useContext6();
|
|
4744
4675
|
const visible = id === currentTab;
|
|
4745
|
-
return /* @__PURE__ */ (0,
|
|
4676
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: (0, import_tailwind_merge42.twJoin)(visible ? visibleClassName : "hidden", className), children });
|
|
4746
4677
|
};
|
|
4747
4678
|
Tabs.TabContent = TabContent;
|
|
4748
4679
|
Tabs.AlwaysMountedTabContent = AlwaysMountedTabContent;
|
|
4749
4680
|
|
|
4750
|
-
// src/core/tabs/ScrollTabsLayout.tsx
|
|
4751
|
-
var import_react44 = require("react");
|
|
4752
|
-
var import_tailwind_merge45 = require("tailwind-merge");
|
|
4753
|
-
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
4754
|
-
var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
|
|
4755
|
-
const [selectedTabName, setSelectedTabName] = (0, import_react44.useState)(tabs[0].tabName);
|
|
4756
|
-
const scrollContainerRef = (0, import_react44.useRef)(null);
|
|
4757
|
-
const tabRefs = (0, import_react44.useRef)({});
|
|
4758
|
-
const handleSelectTab = (0, import_react44.useCallback)(
|
|
4759
|
-
(tabId) => {
|
|
4760
|
-
scrollContainerRef.current?.scrollTo({
|
|
4761
|
-
// @ts-expect-error noUncheckedIndexedAccess
|
|
4762
|
-
top: tabRefs.current[tabId].offsetTop,
|
|
4763
|
-
behavior: "smooth"
|
|
4764
|
-
});
|
|
4765
|
-
setSelectedTabName(tabId);
|
|
4766
|
-
onSelectTab?.(tabId);
|
|
4767
|
-
},
|
|
4768
|
-
[onSelectTab]
|
|
4769
|
-
);
|
|
4770
|
-
(0, import_react44.useEffect)(() => {
|
|
4771
|
-
const scrollContainer = scrollContainerRef.current;
|
|
4772
|
-
const handleScroll = (e) => {
|
|
4773
|
-
Object.entries(tabRefs.current).forEach(([tabName, tabRef]) => {
|
|
4774
|
-
if (e.currentTarget?.scrollTop >= tabRef.offsetTop) {
|
|
4775
|
-
setSelectedTabName(tabName);
|
|
4776
|
-
onSelectTab?.(tabName);
|
|
4777
|
-
}
|
|
4778
|
-
});
|
|
4779
|
-
};
|
|
4780
|
-
scrollContainer?.addEventListener("scroll", handleScroll);
|
|
4781
|
-
return () => {
|
|
4782
|
-
scrollContainer?.removeEventListener("scroll", handleScroll);
|
|
4783
|
-
};
|
|
4784
|
-
});
|
|
4785
|
-
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
|
|
4786
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4787
|
-
Tabs,
|
|
4788
|
-
{
|
|
4789
|
-
currentTab: selectedTabName,
|
|
4790
|
-
setCurrentTab: handleSelectTab,
|
|
4791
|
-
tabs: tabs.map((tab) => ({ id: tab.tabName, label: tab.tabName }))
|
|
4792
|
-
}
|
|
4793
|
-
),
|
|
4794
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("hr", {}),
|
|
4795
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { ref: scrollContainerRef, className: "relative h-screen overflow-y-auto", children: [
|
|
4796
|
-
tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4797
|
-
"div",
|
|
4798
|
-
{
|
|
4799
|
-
ref: (el) => el ? tabRefs.current[tab.tabName] = el : void 0,
|
|
4800
|
-
className: (0, import_tailwind_merge45.twJoin)("first:pt-4", sectionClassName),
|
|
4801
|
-
children: tab.content
|
|
4802
|
-
},
|
|
4803
|
-
tab.tabName
|
|
4804
|
-
)),
|
|
4805
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "h-screen" })
|
|
4806
|
-
] })
|
|
4807
|
-
] });
|
|
4808
|
-
};
|
|
4809
|
-
|
|
4810
4681
|
// src/core/tabs/ComposableTabs.tsx
|
|
4811
4682
|
var import_react_tabs3 = require("@radix-ui/react-tabs");
|
|
4812
|
-
var
|
|
4813
|
-
var
|
|
4814
|
-
var
|
|
4683
|
+
var import_react44 = require("react");
|
|
4684
|
+
var import_tailwind_merge43 = require("tailwind-merge");
|
|
4685
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
4815
4686
|
var [TabsProvider, useTabsContext] = createContextHelper();
|
|
4816
4687
|
var ComposableTabsList = ({ className, containerClassName, extraNode }) => {
|
|
4817
4688
|
const { tabs, currentTab, layoutId } = useTabsContext();
|
|
4818
|
-
return /* @__PURE__ */ (0,
|
|
4819
|
-
/* @__PURE__ */ (0,
|
|
4689
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_tailwind_merge43.twJoin)("flex gap-4", containerClassName), children: [
|
|
4690
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_tabs3.List, { className: (0, import_tailwind_merge43.twJoin)("flex space-x-4 overflow-x-auto", className), children: tabs.map(({ id, label, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
4820
4691
|
TabsTrigger,
|
|
4821
4692
|
{
|
|
4822
4693
|
id,
|
|
@@ -4831,7 +4702,7 @@ var ComposableTabsList = ({ className, containerClassName, extraNode }) => {
|
|
|
4831
4702
|
] });
|
|
4832
4703
|
};
|
|
4833
4704
|
var ComposableTabContent = ({ id, ...rest }) => {
|
|
4834
|
-
return /* @__PURE__ */ (0,
|
|
4705
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_tabs3.Content, { value: id, ...rest });
|
|
4835
4706
|
};
|
|
4836
4707
|
var ComposableAlwaysMountedTabContent = ({
|
|
4837
4708
|
id,
|
|
@@ -4841,7 +4712,7 @@ var ComposableAlwaysMountedTabContent = ({
|
|
|
4841
4712
|
}) => {
|
|
4842
4713
|
const { currentTab } = useTabsContext();
|
|
4843
4714
|
const visible = id === currentTab;
|
|
4844
|
-
return /* @__PURE__ */ (0,
|
|
4715
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: (0, import_tailwind_merge43.twJoin)(visible ? visibleClassName : "hidden", className), children });
|
|
4845
4716
|
};
|
|
4846
4717
|
var ComposableTabsRoot = ({
|
|
4847
4718
|
tabs,
|
|
@@ -4850,8 +4721,8 @@ var ComposableTabsRoot = ({
|
|
|
4850
4721
|
className,
|
|
4851
4722
|
children
|
|
4852
4723
|
}) => {
|
|
4853
|
-
const layoutId = (0,
|
|
4854
|
-
return /* @__PURE__ */ (0,
|
|
4724
|
+
const layoutId = (0, import_react44.useId)();
|
|
4725
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TabsProvider, { tabs, currentTab, layoutId, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_tabs3.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children }) });
|
|
4855
4726
|
};
|
|
4856
4727
|
var ComposableTabs = {
|
|
4857
4728
|
Root: ComposableTabsRoot,
|
|
@@ -4863,53 +4734,24 @@ var ComposableTabs = {
|
|
|
4863
4734
|
// src/core/tag/Tag.tsx
|
|
4864
4735
|
var import_sharp_solid_svg_icons21 = require("@fortawesome/sharp-solid-svg-icons");
|
|
4865
4736
|
var React14 = __toESM(require("react"), 1);
|
|
4866
|
-
var
|
|
4867
|
-
var TagLabel = ({ children, removable, onRemove, intent = "default", ...rest }, ref) => /* @__PURE__ */ (0,
|
|
4737
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
4738
|
+
var TagLabel = ({ children, removable, onRemove, intent = "default", ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(Label, { ...rest, ref, intent, children: [
|
|
4868
4739
|
children,
|
|
4869
|
-
removable && /* @__PURE__ */ (0,
|
|
4740
|
+
removable && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
4870
4741
|
"button",
|
|
4871
4742
|
{
|
|
4872
4743
|
className: "ml-1 inline-flex h-xs items-center px-1 text-muted hover:text-neutral focus:outline-hidden",
|
|
4873
4744
|
onClick: onRemove,
|
|
4874
|
-
children: /* @__PURE__ */ (0,
|
|
4745
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Icon, { icon: import_sharp_solid_svg_icons21.faClose })
|
|
4875
4746
|
}
|
|
4876
4747
|
)
|
|
4877
4748
|
] });
|
|
4878
4749
|
var TagImpl = React14.forwardRef(TagLabel);
|
|
4879
4750
|
var Tag = ({ tooltip, ...rest }) => {
|
|
4880
4751
|
if (!tooltip) {
|
|
4881
|
-
return /* @__PURE__ */ (0,
|
|
4752
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TagImpl, { ...rest });
|
|
4882
4753
|
}
|
|
4883
|
-
return /* @__PURE__ */ (0,
|
|
4884
|
-
};
|
|
4885
|
-
|
|
4886
|
-
// src/core/utils/useIsHovered.ts
|
|
4887
|
-
var import_react46 = require("react");
|
|
4888
|
-
var useIsHovered = (ref) => {
|
|
4889
|
-
const [isHovered, setIsHovered] = (0, import_react46.useState)(false);
|
|
4890
|
-
(0, import_react46.useEffect)(() => {
|
|
4891
|
-
const handleMouseMove = () => {
|
|
4892
|
-
if (ref.current?.matches(":hover")) {
|
|
4893
|
-
setIsHovered(true);
|
|
4894
|
-
} else {
|
|
4895
|
-
setIsHovered(false);
|
|
4896
|
-
}
|
|
4897
|
-
};
|
|
4898
|
-
const handleScroll = () => {
|
|
4899
|
-
if (isHovered) {
|
|
4900
|
-
setIsHovered(false);
|
|
4901
|
-
}
|
|
4902
|
-
};
|
|
4903
|
-
window.addEventListener("mousemove", handleMouseMove);
|
|
4904
|
-
if (isHovered) {
|
|
4905
|
-
window.addEventListener("scroll", handleScroll, true);
|
|
4906
|
-
}
|
|
4907
|
-
return () => {
|
|
4908
|
-
window.removeEventListener("mousemove", handleMouseMove);
|
|
4909
|
-
window.removeEventListener("scroll", handleScroll, true);
|
|
4910
|
-
};
|
|
4911
|
-
}, [ref, isHovered]);
|
|
4912
|
-
return isHovered;
|
|
4754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Tooltip, { trigger: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TagImpl, { ...rest }), content: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-sm", children: tooltip }) });
|
|
4913
4755
|
};
|
|
4914
4756
|
// Annotate the CommonJS export names for ESM import in node:
|
|
4915
4757
|
0 && (module.exports = {
|
|
@@ -4954,7 +4796,6 @@ var useIsHovered = (ref) => {
|
|
|
4954
4796
|
HeaderTile,
|
|
4955
4797
|
HeaderTileGroup,
|
|
4956
4798
|
Icon,
|
|
4957
|
-
IndeterminateCheckbox,
|
|
4958
4799
|
Input,
|
|
4959
4800
|
InputBox,
|
|
4960
4801
|
Label,
|
|
@@ -4971,7 +4812,6 @@ var useIsHovered = (ref) => {
|
|
|
4971
4812
|
RadioButtonGroup,
|
|
4972
4813
|
RadioButtonItem,
|
|
4973
4814
|
ScreenHeightPageContainer,
|
|
4974
|
-
ScrollTabsLayout,
|
|
4975
4815
|
Select,
|
|
4976
4816
|
SelectListItem,
|
|
4977
4817
|
SelectWithUnselect,
|
|
@@ -4981,10 +4821,7 @@ var useIsHovered = (ref) => {
|
|
|
4981
4821
|
Switch,
|
|
4982
4822
|
TabGroup,
|
|
4983
4823
|
Table,
|
|
4984
|
-
TableCheckboxSkeleton,
|
|
4985
|
-
TableSkeleton,
|
|
4986
4824
|
Tabs,
|
|
4987
|
-
TabsSkeleton,
|
|
4988
4825
|
TabsTrigger,
|
|
4989
4826
|
Tag,
|
|
4990
4827
|
Text,
|
|
@@ -5007,9 +4844,6 @@ var useIsHovered = (ref) => {
|
|
|
5007
4844
|
useDrawer,
|
|
5008
4845
|
useDrawerResize,
|
|
5009
4846
|
useForm,
|
|
5010
|
-
useIntersectionObserver,
|
|
5011
|
-
useIsHovered,
|
|
5012
|
-
useOverflowObserver,
|
|
5013
4847
|
useSwitchId,
|
|
5014
4848
|
useTable,
|
|
5015
4849
|
useUncontrolledField,
|