@chekinapp/ui 0.0.49 → 0.0.51
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.cjs +545 -564
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -8
- package/dist/index.d.ts +1 -8
- package/dist/index.js +545 -563
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -168,7 +168,6 @@ __export(index_exports, {
|
|
|
168
168
|
ModalLoader: () => ModalLoader,
|
|
169
169
|
MultiSelect: () => MultiSelect,
|
|
170
170
|
OverlayLoader: () => OverlayLoader,
|
|
171
|
-
PageLoader: () => PageLoader,
|
|
172
171
|
Pagination: () => Pagination,
|
|
173
172
|
PhoneField: () => PhoneField,
|
|
174
173
|
Popover: () => Popover,
|
|
@@ -961,7 +960,7 @@ var buttonVariants = (0, import_class_variance_authority3.cva)(
|
|
|
961
960
|
"button relative inline-flex items-center justify-center gap-2 whitespace-nowrap",
|
|
962
961
|
"[font-family:var(--button-font-family)] [font-weight:var(--button-font-weight)]",
|
|
963
962
|
"transition-all duration-150 ease-out outline-none",
|
|
964
|
-
"focus-visible:shadow
|
|
963
|
+
"focus-visible:[box-shadow:var(--button-focus-shadow)]",
|
|
965
964
|
"disabled:pointer-events-none disabled:opacity-50",
|
|
966
965
|
"[&_svg]:pointer-events-none [&_svg]:size-[var(--button-icon-size)] [&_svg]:shrink-0",
|
|
967
966
|
'before:absolute before:inset-0 before:rounded-[inherit] before:content-[""]',
|
|
@@ -3131,7 +3130,7 @@ var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
3131
3130
|
));
|
|
3132
3131
|
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
|
|
3133
3132
|
var dialogContentClasses = "relative z-50 my-auto w-full max-w-[calc(100%-2rem)] rounded-[var(--dialog-content-radius)] border border-[var(--dialog-content-border)] bg-[var(--dialog-content-bg)] p-6 text-[var(--dialog-content-text)] shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:max-w-2xl";
|
|
3134
|
-
var dialogCloseButtonClasses = "absolute right-4 top-4 rounded-[var(--dialog-close-radius)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-chekin-focus disabled:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";
|
|
3133
|
+
var dialogCloseButtonClasses = "absolute right-4 top-4 flex size-6 items-center justify-center rounded-[var(--dialog-close-radius)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-chekin-focus disabled:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";
|
|
3135
3134
|
var DialogContent = React12.forwardRef(
|
|
3136
3135
|
({
|
|
3137
3136
|
className,
|
|
@@ -6307,7 +6306,7 @@ var CircularLoader = import_react48.default.memo(
|
|
|
6307
6306
|
className: "main-loader__svg text-[var(--circular-loader-color)]",
|
|
6308
6307
|
style: {
|
|
6309
6308
|
width: toCssSize(width ?? loaderSizePixels[size]),
|
|
6310
|
-
height: toCssSize(height ?? loaderSizePixels[size])
|
|
6309
|
+
height: toCssSize(height ?? width ?? loaderSizePixels[size])
|
|
6311
6310
|
},
|
|
6312
6311
|
children: [
|
|
6313
6312
|
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
@@ -6422,25 +6421,8 @@ function OverlayLoader({
|
|
|
6422
6421
|
] });
|
|
6423
6422
|
}
|
|
6424
6423
|
|
|
6425
|
-
// src/page-loader/PageLoader.tsx
|
|
6426
|
-
var import_react_i18next16 = require("react-i18next");
|
|
6427
|
-
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
6428
|
-
function PageLoader({ className, description, label }) {
|
|
6429
|
-
const { t } = (0, import_react_i18next16.useTranslation)();
|
|
6430
|
-
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6431
|
-
"div",
|
|
6432
|
-
{
|
|
6433
|
-
className: cn("flex min-h-[300px] flex-col items-center justify-center", className),
|
|
6434
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col items-center rounded-lg border border-[var(--chekin-color-gray-3)] bg-[rgb(255_255_255_/_0.8)] p-8 shadow-sm backdrop-blur-sm", children: [
|
|
6435
|
-
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CircularLoader, { size: "lg", label: label || t("loading") }),
|
|
6436
|
-
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "mt-4 max-w-xs text-center text-sm text-[var(--chekin-color-gray-1)]", children: description || t("loading_data_description") })
|
|
6437
|
-
] })
|
|
6438
|
-
}
|
|
6439
|
-
);
|
|
6440
|
-
}
|
|
6441
|
-
|
|
6442
6424
|
// src/pagination/Pagination.tsx
|
|
6443
|
-
var
|
|
6425
|
+
var import_react_i18next16 = require("react-i18next");
|
|
6444
6426
|
var import_lucide_react26 = require("lucide-react");
|
|
6445
6427
|
|
|
6446
6428
|
// src/select/Select.tsx
|
|
@@ -6450,7 +6432,7 @@ var import_react50 = require("react");
|
|
|
6450
6432
|
var React22 = __toESM(require("react"), 1);
|
|
6451
6433
|
var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
|
|
6452
6434
|
var import_lucide_react24 = require("lucide-react");
|
|
6453
|
-
var
|
|
6435
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
6454
6436
|
var SelectRoot = SelectPrimitive.Root;
|
|
6455
6437
|
var SelectGroup = SelectPrimitive.Group;
|
|
6456
6438
|
var SelectValue = SelectPrimitive.Value;
|
|
@@ -6459,7 +6441,7 @@ var selectSizeClassNames = {
|
|
|
6459
6441
|
sm: "text-sm",
|
|
6460
6442
|
md: "text-base"
|
|
6461
6443
|
};
|
|
6462
|
-
var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0,
|
|
6444
|
+
var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
6463
6445
|
SelectPrimitive.Trigger,
|
|
6464
6446
|
{
|
|
6465
6447
|
ref,
|
|
@@ -6474,7 +6456,7 @@ var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...p
|
|
|
6474
6456
|
...props,
|
|
6475
6457
|
children: [
|
|
6476
6458
|
children,
|
|
6477
|
-
/* @__PURE__ */ (0,
|
|
6459
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6478
6460
|
import_lucide_react24.ChevronDownIcon,
|
|
6479
6461
|
{
|
|
6480
6462
|
size: 16,
|
|
@@ -6486,27 +6468,27 @@ var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...p
|
|
|
6486
6468
|
}
|
|
6487
6469
|
));
|
|
6488
6470
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
6489
|
-
var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
6471
|
+
var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6490
6472
|
SelectPrimitive.ScrollUpButton,
|
|
6491
6473
|
{
|
|
6492
6474
|
ref,
|
|
6493
6475
|
className: cn("flex cursor-default items-center justify-center py-1", className),
|
|
6494
6476
|
...props,
|
|
6495
|
-
children: /* @__PURE__ */ (0,
|
|
6477
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react24.ChevronUpIcon, { size: 16, strokeWidth: 2 })
|
|
6496
6478
|
}
|
|
6497
6479
|
));
|
|
6498
6480
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
6499
|
-
var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
6481
|
+
var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6500
6482
|
SelectPrimitive.ScrollDownButton,
|
|
6501
6483
|
{
|
|
6502
6484
|
ref,
|
|
6503
6485
|
className: cn("flex cursor-default items-center justify-center py-1", className),
|
|
6504
6486
|
...props,
|
|
6505
|
-
children: /* @__PURE__ */ (0,
|
|
6487
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react24.ChevronDownIcon, { size: 16, strokeWidth: 2 })
|
|
6506
6488
|
}
|
|
6507
6489
|
));
|
|
6508
6490
|
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
6509
|
-
var SelectContent = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0,
|
|
6491
|
+
var SelectContent = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
6510
6492
|
SelectPrimitive.Content,
|
|
6511
6493
|
{
|
|
6512
6494
|
ref,
|
|
@@ -6524,8 +6506,8 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
|
|
|
6524
6506
|
position,
|
|
6525
6507
|
...props,
|
|
6526
6508
|
children: [
|
|
6527
|
-
/* @__PURE__ */ (0,
|
|
6528
|
-
/* @__PURE__ */ (0,
|
|
6509
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectScrollUpButton, {}),
|
|
6510
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6529
6511
|
SelectPrimitive.Viewport,
|
|
6530
6512
|
{
|
|
6531
6513
|
className: cn(
|
|
@@ -6535,12 +6517,12 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
|
|
|
6535
6517
|
children
|
|
6536
6518
|
}
|
|
6537
6519
|
),
|
|
6538
|
-
/* @__PURE__ */ (0,
|
|
6520
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectScrollDownButton, {})
|
|
6539
6521
|
]
|
|
6540
6522
|
}
|
|
6541
6523
|
) }));
|
|
6542
6524
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
6543
|
-
var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
6525
|
+
var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6544
6526
|
SelectPrimitive.Label,
|
|
6545
6527
|
{
|
|
6546
6528
|
ref,
|
|
@@ -6552,7 +6534,7 @@ var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
6552
6534
|
}
|
|
6553
6535
|
));
|
|
6554
6536
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
6555
|
-
var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0,
|
|
6537
|
+
var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
6556
6538
|
SelectPrimitive.Item,
|
|
6557
6539
|
{
|
|
6558
6540
|
ref,
|
|
@@ -6566,13 +6548,13 @@ var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...prop
|
|
|
6566
6548
|
),
|
|
6567
6549
|
...props,
|
|
6568
6550
|
children: [
|
|
6569
|
-
/* @__PURE__ */ (0,
|
|
6570
|
-
/* @__PURE__ */ (0,
|
|
6551
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react24.CheckIcon, { size: 16, strokeWidth: 2 }) }) }),
|
|
6552
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectPrimitive.ItemText, { children })
|
|
6571
6553
|
]
|
|
6572
6554
|
}
|
|
6573
6555
|
));
|
|
6574
6556
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
6575
|
-
var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
6557
|
+
var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6576
6558
|
SelectPrimitive.Separator,
|
|
6577
6559
|
{
|
|
6578
6560
|
ref,
|
|
@@ -6583,7 +6565,7 @@ var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
6583
6565
|
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
6584
6566
|
|
|
6585
6567
|
// src/select/Select.tsx
|
|
6586
|
-
var
|
|
6568
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
6587
6569
|
var SelectInner = ({
|
|
6588
6570
|
placeholder,
|
|
6589
6571
|
label,
|
|
@@ -6611,8 +6593,8 @@ var SelectInner = ({
|
|
|
6611
6593
|
const handleOpenChange = (open) => {
|
|
6612
6594
|
setIsOpen(open);
|
|
6613
6595
|
};
|
|
6614
|
-
return /* @__PURE__ */ (0,
|
|
6615
|
-
label && showLabel && /* @__PURE__ */ (0,
|
|
6596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: cn("group relative w-[300px]", className, containerClassName), children: [
|
|
6597
|
+
label && showLabel && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
6616
6598
|
"label",
|
|
6617
6599
|
{
|
|
6618
6600
|
htmlFor: id,
|
|
@@ -6620,7 +6602,7 @@ var SelectInner = ({
|
|
|
6620
6602
|
children: label
|
|
6621
6603
|
}
|
|
6622
6604
|
),
|
|
6623
|
-
/* @__PURE__ */ (0,
|
|
6605
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
6624
6606
|
SelectRoot,
|
|
6625
6607
|
{
|
|
6626
6608
|
value,
|
|
@@ -6628,8 +6610,8 @@ var SelectInner = ({
|
|
|
6628
6610
|
onOpenChange: handleOpenChange,
|
|
6629
6611
|
disabled,
|
|
6630
6612
|
children: [
|
|
6631
|
-
/* @__PURE__ */ (0,
|
|
6632
|
-
/* @__PURE__ */ (0,
|
|
6613
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectValue, { placeholder }) }),
|
|
6614
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
6633
6615
|
SelectItem,
|
|
6634
6616
|
{
|
|
6635
6617
|
value: String(option.value),
|
|
@@ -6642,9 +6624,9 @@ var SelectInner = ({
|
|
|
6642
6624
|
]
|
|
6643
6625
|
}
|
|
6644
6626
|
),
|
|
6645
|
-
Boolean(supportingText || errorText) && /* @__PURE__ */ (0,
|
|
6646
|
-
supportingText && !errorText && /* @__PURE__ */ (0,
|
|
6647
|
-
errorText && /* @__PURE__ */ (0,
|
|
6627
|
+
Boolean(supportingText || errorText) && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex min-h-[15px] justify-between pt-1", children: [
|
|
6628
|
+
supportingText && !errorText && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-xs italic leading-[15px] text-[var(--chekin-color-gray-1)]", children: supportingText }),
|
|
6629
|
+
errorText && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ml-auto text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: errorText })
|
|
6648
6630
|
] })
|
|
6649
6631
|
] });
|
|
6650
6632
|
};
|
|
@@ -6656,7 +6638,7 @@ var Select = SelectForward;
|
|
|
6656
6638
|
var SelectPrimitive2 = __toESM(require("@radix-ui/react-select"), 1);
|
|
6657
6639
|
var import_lucide_react25 = require("lucide-react");
|
|
6658
6640
|
var import_react51 = require("react");
|
|
6659
|
-
var
|
|
6641
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
6660
6642
|
var MultiSelectInner = ({
|
|
6661
6643
|
label,
|
|
6662
6644
|
value = [],
|
|
@@ -6683,8 +6665,8 @@ var MultiSelectInner = ({
|
|
|
6683
6665
|
return value.some((v) => String(v) === String(optionValue));
|
|
6684
6666
|
};
|
|
6685
6667
|
const displayText = value.length > 0 ? `${value.length} selected` : placeholder || "Select options";
|
|
6686
|
-
return /* @__PURE__ */ (0,
|
|
6687
|
-
label && showLabel && /* @__PURE__ */ (0,
|
|
6668
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { ref, className: cn("group relative w-[300px]", className), children: [
|
|
6669
|
+
label && showLabel && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
6688
6670
|
"label",
|
|
6689
6671
|
{
|
|
6690
6672
|
htmlFor: id,
|
|
@@ -6692,7 +6674,7 @@ var MultiSelectInner = ({
|
|
|
6692
6674
|
children: label
|
|
6693
6675
|
}
|
|
6694
6676
|
),
|
|
6695
|
-
/* @__PURE__ */ (0,
|
|
6677
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
6696
6678
|
SelectPrimitive2.Root,
|
|
6697
6679
|
{
|
|
6698
6680
|
open,
|
|
@@ -6700,11 +6682,11 @@ var MultiSelectInner = ({
|
|
|
6700
6682
|
value: "",
|
|
6701
6683
|
disabled,
|
|
6702
6684
|
children: [
|
|
6703
|
-
/* @__PURE__ */ (0,
|
|
6704
|
-
/* @__PURE__ */ (0,
|
|
6685
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-sm", children: displayText }) }),
|
|
6686
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
|
|
6705
6687
|
const stringValue = String(optionValue);
|
|
6706
6688
|
const selected = isSelected(optionValue);
|
|
6707
|
-
return /* @__PURE__ */ (0,
|
|
6689
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
6708
6690
|
"div",
|
|
6709
6691
|
{
|
|
6710
6692
|
role: "option",
|
|
@@ -6719,8 +6701,8 @@ var MultiSelectInner = ({
|
|
|
6719
6701
|
selected && "bg-[#f9fafb]"
|
|
6720
6702
|
),
|
|
6721
6703
|
children: [
|
|
6722
|
-
/* @__PURE__ */ (0,
|
|
6723
|
-
/* @__PURE__ */ (0,
|
|
6704
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: selected && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react25.CheckIcon, { size: 16, strokeWidth: 2 }) }),
|
|
6705
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: optionLabel })
|
|
6724
6706
|
]
|
|
6725
6707
|
},
|
|
6726
6708
|
stringValue
|
|
@@ -6736,7 +6718,7 @@ var MultiSelect = (0, import_react51.forwardRef)(MultiSelectInner);
|
|
|
6736
6718
|
// src/select/InfinitySelect.tsx
|
|
6737
6719
|
var import_react_virtual = require("@tanstack/react-virtual");
|
|
6738
6720
|
var import_react52 = require("react");
|
|
6739
|
-
var
|
|
6721
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
6740
6722
|
function InfinitySelect({
|
|
6741
6723
|
label,
|
|
6742
6724
|
className,
|
|
@@ -6776,8 +6758,8 @@ function InfinitySelect({
|
|
|
6776
6758
|
onValueChange?.(selectedValue);
|
|
6777
6759
|
setIsOpen(false);
|
|
6778
6760
|
};
|
|
6779
|
-
return /* @__PURE__ */ (0,
|
|
6780
|
-
/* @__PURE__ */ (0,
|
|
6761
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cn("group relative min-w-[300px]", className), children: [
|
|
6762
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
6781
6763
|
"label",
|
|
6782
6764
|
{
|
|
6783
6765
|
htmlFor: id,
|
|
@@ -6785,7 +6767,7 @@ function InfinitySelect({
|
|
|
6785
6767
|
children: label
|
|
6786
6768
|
}
|
|
6787
6769
|
),
|
|
6788
|
-
/* @__PURE__ */ (0,
|
|
6770
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
6789
6771
|
SelectRoot,
|
|
6790
6772
|
{
|
|
6791
6773
|
value,
|
|
@@ -6793,8 +6775,8 @@ function InfinitySelect({
|
|
|
6793
6775
|
open: isOpen,
|
|
6794
6776
|
onOpenChange: setIsOpen,
|
|
6795
6777
|
children: [
|
|
6796
|
-
/* @__PURE__ */ (0,
|
|
6797
|
-
/* @__PURE__ */ (0,
|
|
6778
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SelectValue, { placeholder }) }),
|
|
6779
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
6798
6780
|
"div",
|
|
6799
6781
|
{
|
|
6800
6782
|
ref: parentRef,
|
|
@@ -6802,7 +6784,7 @@ function InfinitySelect({
|
|
|
6802
6784
|
height: `${Math.min(maxHeight, virtualizer.getTotalSize())}px`,
|
|
6803
6785
|
overflow: "auto"
|
|
6804
6786
|
},
|
|
6805
|
-
children: /* @__PURE__ */ (0,
|
|
6787
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
6806
6788
|
"div",
|
|
6807
6789
|
{
|
|
6808
6790
|
style: {
|
|
@@ -6813,7 +6795,7 @@ function InfinitySelect({
|
|
|
6813
6795
|
children: virtualizer.getVirtualItems().map((virtualItem) => {
|
|
6814
6796
|
const isLoading = virtualItem.index >= options.length;
|
|
6815
6797
|
const option = options[virtualItem.index];
|
|
6816
|
-
return /* @__PURE__ */ (0,
|
|
6798
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
6817
6799
|
"div",
|
|
6818
6800
|
{
|
|
6819
6801
|
style: {
|
|
@@ -6824,10 +6806,10 @@ function InfinitySelect({
|
|
|
6824
6806
|
height: `${virtualItem.size}px`,
|
|
6825
6807
|
transform: `translateY(${virtualItem.start}px)`
|
|
6826
6808
|
},
|
|
6827
|
-
children: isLoading || !option ? /* @__PURE__ */ (0,
|
|
6828
|
-
/* @__PURE__ */ (0,
|
|
6809
|
+
children: isLoading || !option ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex items-center gap-2 text-sm text-[var(--chekin-color-gray-1)]", children: [
|
|
6810
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
|
|
6829
6811
|
"Loading more..."
|
|
6830
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
6812
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
6831
6813
|
SelectItem,
|
|
6832
6814
|
{
|
|
6833
6815
|
value: String(option.value),
|
|
@@ -6850,7 +6832,7 @@ function InfinitySelect({
|
|
|
6850
6832
|
}
|
|
6851
6833
|
|
|
6852
6834
|
// src/pagination/Pagination.tsx
|
|
6853
|
-
var
|
|
6835
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
6854
6836
|
var pageSizeOptions = [10, 20, 25, 30, 40, 50];
|
|
6855
6837
|
function Pagination({
|
|
6856
6838
|
page,
|
|
@@ -6863,7 +6845,7 @@ function Pagination({
|
|
|
6863
6845
|
totalItems = 0,
|
|
6864
6846
|
className
|
|
6865
6847
|
}) {
|
|
6866
|
-
const { t } = (0,
|
|
6848
|
+
const { t } = (0, import_react_i18next16.useTranslation)();
|
|
6867
6849
|
const isSimpleVariant = variant === "simple";
|
|
6868
6850
|
const startItem = totalItems === 0 ? 0 : (page - 1) * pageSize + 1;
|
|
6869
6851
|
const endItem = Math.min(page * pageSize, totalItems);
|
|
@@ -6889,7 +6871,7 @@ function Pagination({
|
|
|
6889
6871
|
if (totalItems === 0 || !shouldShowPagination) {
|
|
6890
6872
|
return null;
|
|
6891
6873
|
}
|
|
6892
|
-
return /* @__PURE__ */ (0,
|
|
6874
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
6893
6875
|
"div",
|
|
6894
6876
|
{
|
|
6895
6877
|
className: cn(
|
|
@@ -6897,24 +6879,24 @@ function Pagination({
|
|
|
6897
6879
|
className
|
|
6898
6880
|
),
|
|
6899
6881
|
children: [
|
|
6900
|
-
/* @__PURE__ */ (0,
|
|
6901
|
-
/* @__PURE__ */ (0,
|
|
6902
|
-
!isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ (0,
|
|
6903
|
-
/* @__PURE__ */ (0,
|
|
6904
|
-
/* @__PURE__ */ (0,
|
|
6882
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "mr-auto flex-1 self-start font-medium text-[var(--chekin-color-gray-1)] sm:self-center", children: getInfoText() }),
|
|
6883
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ml-auto flex w-full items-center gap-8 sm:w-fit", children: [
|
|
6884
|
+
!isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "hidden items-center gap-2 sm:flex", children: [
|
|
6885
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "font-medium text-[var(--chekin-color-gray-1)]", children: t("rows_per_page") }),
|
|
6886
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
6905
6887
|
Select,
|
|
6906
6888
|
{
|
|
6907
6889
|
value: pageSize.toString(),
|
|
6908
6890
|
onValueChange: (value) => onPageSizeChange(parseInt(value, 10)),
|
|
6909
6891
|
triggerClassName: "h-8 w-[67px]",
|
|
6910
6892
|
containerClassName: "w-[67px] gap-0",
|
|
6911
|
-
children: pageSizeOptions.map((size) => /* @__PURE__ */ (0,
|
|
6893
|
+
children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SelectItem, { value: size.toString(), children: size }, size))
|
|
6912
6894
|
}
|
|
6913
6895
|
)
|
|
6914
6896
|
] }),
|
|
6915
|
-
!isSimpleVariant && /* @__PURE__ */ (0,
|
|
6916
|
-
/* @__PURE__ */ (0,
|
|
6917
|
-
!isSimpleVariant && /* @__PURE__ */ (0,
|
|
6897
|
+
!isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex w-fit items-center justify-center font-medium", children: t("page_of_pages", { page, pages }) }),
|
|
6898
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ml-auto flex items-center gap-2 sm:ml-0", children: [
|
|
6899
|
+
!isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
6918
6900
|
Button,
|
|
6919
6901
|
{
|
|
6920
6902
|
variant: "outline",
|
|
@@ -6923,12 +6905,12 @@ function Pagination({
|
|
|
6923
6905
|
onClick: goToFirstPage,
|
|
6924
6906
|
disabled: !canGoPrevious,
|
|
6925
6907
|
children: [
|
|
6926
|
-
/* @__PURE__ */ (0,
|
|
6927
|
-
/* @__PURE__ */ (0,
|
|
6908
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "sr-only", children: t("go_to_first_page") }),
|
|
6909
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react26.ChevronsLeft, {})
|
|
6928
6910
|
]
|
|
6929
6911
|
}
|
|
6930
6912
|
),
|
|
6931
|
-
/* @__PURE__ */ (0,
|
|
6913
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
6932
6914
|
Button,
|
|
6933
6915
|
{
|
|
6934
6916
|
variant: isSimpleVariant ? "link" : "outline",
|
|
@@ -6939,12 +6921,12 @@ function Pagination({
|
|
|
6939
6921
|
onClick: goToPreviousPage,
|
|
6940
6922
|
disabled: !canGoPrevious,
|
|
6941
6923
|
children: [
|
|
6942
|
-
/* @__PURE__ */ (0,
|
|
6943
|
-
/* @__PURE__ */ (0,
|
|
6924
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "sr-only", children: t("go_to_previous_page") }),
|
|
6925
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react26.ChevronLeft, {})
|
|
6944
6926
|
]
|
|
6945
6927
|
}
|
|
6946
6928
|
),
|
|
6947
|
-
/* @__PURE__ */ (0,
|
|
6929
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
6948
6930
|
Button,
|
|
6949
6931
|
{
|
|
6950
6932
|
variant: isSimpleVariant ? "link" : "outline",
|
|
@@ -6955,12 +6937,12 @@ function Pagination({
|
|
|
6955
6937
|
onClick: goToNextPage,
|
|
6956
6938
|
disabled: !canGoNext,
|
|
6957
6939
|
children: [
|
|
6958
|
-
/* @__PURE__ */ (0,
|
|
6959
|
-
/* @__PURE__ */ (0,
|
|
6940
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "sr-only", children: t("go_to_next_page") }),
|
|
6941
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react26.ChevronRight, {})
|
|
6960
6942
|
]
|
|
6961
6943
|
}
|
|
6962
6944
|
),
|
|
6963
|
-
!isSimpleVariant && /* @__PURE__ */ (0,
|
|
6945
|
+
!isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
6964
6946
|
Button,
|
|
6965
6947
|
{
|
|
6966
6948
|
variant: "outline",
|
|
@@ -6969,8 +6951,8 @@ function Pagination({
|
|
|
6969
6951
|
onClick: goToLastPage,
|
|
6970
6952
|
disabled: !canGoNext,
|
|
6971
6953
|
children: [
|
|
6972
|
-
/* @__PURE__ */ (0,
|
|
6973
|
-
/* @__PURE__ */ (0,
|
|
6954
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "sr-only", children: t("go_to_last_page") }),
|
|
6955
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react26.ChevronsRight, {})
|
|
6974
6956
|
]
|
|
6975
6957
|
}
|
|
6976
6958
|
)
|
|
@@ -6984,13 +6966,13 @@ function Pagination({
|
|
|
6984
6966
|
// src/popover/Popover.tsx
|
|
6985
6967
|
var React23 = __toESM(require("react"), 1);
|
|
6986
6968
|
var RadixPopover = __toESM(require("@radix-ui/react-popover"), 1);
|
|
6987
|
-
var
|
|
6969
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
6988
6970
|
var Popover = RadixPopover.Root;
|
|
6989
6971
|
var PopoverTrigger = RadixPopover.Trigger;
|
|
6990
6972
|
var PopoverAnchor = RadixPopover.Anchor;
|
|
6991
6973
|
var PopoverPortal = RadixPopover.Portal;
|
|
6992
6974
|
var PopoverClose = RadixPopover.Close;
|
|
6993
|
-
var PopoverContent = React23.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ (0,
|
|
6975
|
+
var PopoverContent = React23.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(RadixPopover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
6994
6976
|
RadixPopover.Content,
|
|
6995
6977
|
{
|
|
6996
6978
|
ref,
|
|
@@ -7010,7 +6992,7 @@ PopoverContent.displayName = "PopoverContent";
|
|
|
7010
6992
|
// src/popover/PopoverWithTooltip.tsx
|
|
7011
6993
|
var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
|
|
7012
6994
|
var TooltipPrimitive2 = __toESM(require("@radix-ui/react-tooltip"), 1);
|
|
7013
|
-
var
|
|
6995
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
7014
6996
|
function PopoverWithTooltip({
|
|
7015
6997
|
children,
|
|
7016
6998
|
popoverContent,
|
|
@@ -7020,10 +7002,10 @@ function PopoverWithTooltip({
|
|
|
7020
7002
|
popoverContentClassName,
|
|
7021
7003
|
tooltipVariant = "light"
|
|
7022
7004
|
}) {
|
|
7023
|
-
return /* @__PURE__ */ (0,
|
|
7024
|
-
/* @__PURE__ */ (0,
|
|
7025
|
-
/* @__PURE__ */ (0,
|
|
7026
|
-
/* @__PURE__ */ (0,
|
|
7005
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipPrimitive2.Provider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(TooltipPrimitive2.Root, { open: open ? false : void 0, children: [
|
|
7006
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(PopoverPrimitive.Root, { open, onOpenChange, children: [
|
|
7007
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PopoverPrimitive.Trigger, { asChild: true, children }) }),
|
|
7008
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
7027
7009
|
PopoverPrimitive.Content,
|
|
7028
7010
|
{
|
|
7029
7011
|
align: "center",
|
|
@@ -7041,7 +7023,7 @@ function PopoverWithTooltip({
|
|
|
7041
7023
|
}
|
|
7042
7024
|
) })
|
|
7043
7025
|
] }),
|
|
7044
|
-
/* @__PURE__ */ (0,
|
|
7026
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
7045
7027
|
TooltipPrimitive2.Content,
|
|
7046
7028
|
{
|
|
7047
7029
|
sideOffset: 5,
|
|
@@ -7058,7 +7040,7 @@ function PopoverWithTooltip({
|
|
|
7058
7040
|
),
|
|
7059
7041
|
children: [
|
|
7060
7042
|
tooltipContent,
|
|
7061
|
-
/* @__PURE__ */ (0,
|
|
7043
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
7062
7044
|
TooltipPrimitive2.Arrow,
|
|
7063
7045
|
{
|
|
7064
7046
|
className: cn(
|
|
@@ -7083,8 +7065,8 @@ var import_react54 = require("react");
|
|
|
7083
7065
|
var React24 = __toESM(require("react"), 1);
|
|
7084
7066
|
var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
|
|
7085
7067
|
var import_lucide_react27 = require("lucide-react");
|
|
7086
|
-
var
|
|
7087
|
-
var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
7068
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
7069
|
+
var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
7088
7070
|
RadioGroupPrimitive.Root,
|
|
7089
7071
|
{
|
|
7090
7072
|
ref,
|
|
@@ -7093,7 +7075,7 @@ var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
7093
7075
|
}
|
|
7094
7076
|
));
|
|
7095
7077
|
RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
|
|
7096
|
-
var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
7078
|
+
var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
7097
7079
|
RadioGroupPrimitive.Item,
|
|
7098
7080
|
{
|
|
7099
7081
|
ref,
|
|
@@ -7104,7 +7086,7 @@ var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
7104
7086
|
className
|
|
7105
7087
|
),
|
|
7106
7088
|
...props,
|
|
7107
|
-
children: /* @__PURE__ */ (0,
|
|
7089
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react27.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
|
|
7108
7090
|
}
|
|
7109
7091
|
));
|
|
7110
7092
|
RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
|
|
@@ -7131,7 +7113,7 @@ function useRadioOptions({ options, defaultValue, onChange }) {
|
|
|
7131
7113
|
}
|
|
7132
7114
|
|
|
7133
7115
|
// src/radio/Radio.tsx
|
|
7134
|
-
var
|
|
7116
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
7135
7117
|
var Radio = (0, import_react54.forwardRef)(
|
|
7136
7118
|
({ options, value, onChange, error, className = "", disabled = false, renderOption }, ref) => {
|
|
7137
7119
|
const { selectedValue, handleValueChange } = useRadioOptions({
|
|
@@ -7145,8 +7127,8 @@ var Radio = (0, import_react54.forwardRef)(
|
|
|
7145
7127
|
}
|
|
7146
7128
|
return option.value === selectedValue;
|
|
7147
7129
|
};
|
|
7148
|
-
return /* @__PURE__ */ (0,
|
|
7149
|
-
/* @__PURE__ */ (0,
|
|
7130
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
|
|
7131
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
7150
7132
|
RadioGroup2,
|
|
7151
7133
|
{
|
|
7152
7134
|
ref,
|
|
@@ -7154,7 +7136,7 @@ var Radio = (0, import_react54.forwardRef)(
|
|
|
7154
7136
|
onValueChange: handleValueChange,
|
|
7155
7137
|
className: cn(className, "radio"),
|
|
7156
7138
|
disabled,
|
|
7157
|
-
children: options.map((option) => /* @__PURE__ */ (0,
|
|
7139
|
+
children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
7158
7140
|
"label",
|
|
7159
7141
|
{
|
|
7160
7142
|
className: cn(
|
|
@@ -7162,8 +7144,8 @@ var Radio = (0, import_react54.forwardRef)(
|
|
|
7162
7144
|
"flex cursor-pointer items-center gap-2",
|
|
7163
7145
|
(disabled || option.disabled) && "cursor-default opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
|
7164
7146
|
),
|
|
7165
|
-
children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ (0,
|
|
7166
|
-
/* @__PURE__ */ (0,
|
|
7147
|
+
children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
|
|
7148
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
7167
7149
|
RadioGroupItem,
|
|
7168
7150
|
{
|
|
7169
7151
|
value: option.value,
|
|
@@ -7172,27 +7154,27 @@ var Radio = (0, import_react54.forwardRef)(
|
|
|
7172
7154
|
className: "radio__indicator"
|
|
7173
7155
|
}
|
|
7174
7156
|
),
|
|
7175
|
-
/* @__PURE__ */ (0,
|
|
7157
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "radio_label", children: option.label })
|
|
7176
7158
|
] })
|
|
7177
7159
|
},
|
|
7178
7160
|
option.value
|
|
7179
7161
|
))
|
|
7180
7162
|
}
|
|
7181
7163
|
),
|
|
7182
|
-
error && /* @__PURE__ */ (0,
|
|
7164
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ErrorMessage, { children: error })
|
|
7183
7165
|
] });
|
|
7184
7166
|
}
|
|
7185
7167
|
);
|
|
7186
7168
|
Radio.displayName = "Radio";
|
|
7187
7169
|
|
|
7188
7170
|
// src/radio/RadioWithBorder.tsx
|
|
7189
|
-
var
|
|
7171
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
7190
7172
|
function RadioWithBorder({ ...props }) {
|
|
7191
|
-
return /* @__PURE__ */ (0,
|
|
7173
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
7192
7174
|
Radio,
|
|
7193
7175
|
{
|
|
7194
7176
|
...props,
|
|
7195
|
-
renderOption: ({ option, isSelected }) => /* @__PURE__ */ (0,
|
|
7177
|
+
renderOption: ({ option, isSelected }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
7196
7178
|
"div",
|
|
7197
7179
|
{
|
|
7198
7180
|
className: cn(
|
|
@@ -7200,7 +7182,7 @@ function RadioWithBorder({ ...props }) {
|
|
|
7200
7182
|
isSelected && "border-[var(--chekin-color-brand-blue)] bg-[var(--chekin-color-surface-autocomplete)]"
|
|
7201
7183
|
),
|
|
7202
7184
|
children: [
|
|
7203
|
-
/* @__PURE__ */ (0,
|
|
7185
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
7204
7186
|
RadioGroupItem,
|
|
7205
7187
|
{
|
|
7206
7188
|
className: "mt-1",
|
|
@@ -7209,9 +7191,9 @@ function RadioWithBorder({ ...props }) {
|
|
|
7209
7191
|
disabled: option.disabled
|
|
7210
7192
|
}
|
|
7211
7193
|
),
|
|
7212
|
-
/* @__PURE__ */ (0,
|
|
7213
|
-
/* @__PURE__ */ (0,
|
|
7214
|
-
option.data?.description && /* @__PURE__ */ (0,
|
|
7194
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "space-y-1 leading-6", children: [
|
|
7195
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "font-semibold", children: option.label }),
|
|
7196
|
+
option.data?.description && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-sm font-medium text-[var(--chekin-color-gray-1)]", children: option.data.description })
|
|
7215
7197
|
] })
|
|
7216
7198
|
]
|
|
7217
7199
|
}
|
|
@@ -7221,7 +7203,7 @@ function RadioWithBorder({ ...props }) {
|
|
|
7221
7203
|
}
|
|
7222
7204
|
|
|
7223
7205
|
// src/rating-progress/RatingProgress.tsx
|
|
7224
|
-
var
|
|
7206
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
7225
7207
|
var getRatingColor = (score, maxScore) => {
|
|
7226
7208
|
const percentage = score / maxScore * 100;
|
|
7227
7209
|
if (percentage === 0) return "#ff2765";
|
|
@@ -7240,7 +7222,7 @@ function RatingProgress({
|
|
|
7240
7222
|
}) {
|
|
7241
7223
|
const percentage = Math.max(0, Math.min(100, score / maxScore * 100));
|
|
7242
7224
|
const color = getRatingColor(score, maxScore);
|
|
7243
|
-
return /* @__PURE__ */ (0,
|
|
7225
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
7244
7226
|
"div",
|
|
7245
7227
|
{
|
|
7246
7228
|
className: cn(
|
|
@@ -7248,13 +7230,13 @@ function RatingProgress({
|
|
|
7248
7230
|
className
|
|
7249
7231
|
),
|
|
7250
7232
|
children: [
|
|
7251
|
-
/* @__PURE__ */ (0,
|
|
7252
|
-
/* @__PURE__ */ (0,
|
|
7253
|
-
/* @__PURE__ */ (0,
|
|
7233
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex w-full items-start justify-between text-sm font-medium leading-6", children: [
|
|
7234
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "min-w-0 flex-1", children: label }),
|
|
7235
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "shrink-0 whitespace-pre", children: score.toFixed(1) })
|
|
7254
7236
|
] }),
|
|
7255
|
-
/* @__PURE__ */ (0,
|
|
7256
|
-
/* @__PURE__ */ (0,
|
|
7257
|
-
/* @__PURE__ */ (0,
|
|
7237
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "relative w-full", children: [
|
|
7238
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "h-1.5 w-full rounded-[24px] bg-[var(--chekin-color-gray-3)]" }),
|
|
7239
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
7258
7240
|
"div",
|
|
7259
7241
|
{
|
|
7260
7242
|
className: "absolute left-0 top-0 h-1.5 rounded-[24px] transition-all duration-300 ease-out",
|
|
@@ -7272,7 +7254,7 @@ function RatingProgress({
|
|
|
7272
7254
|
|
|
7273
7255
|
// src/rating-radio-group/RatingRadioGroup.tsx
|
|
7274
7256
|
var import_lucide_react28 = require("lucide-react");
|
|
7275
|
-
var
|
|
7257
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
7276
7258
|
var getStarColor = (optionValue) => (value) => {
|
|
7277
7259
|
if (value >= optionValue) return "#facc15";
|
|
7278
7260
|
return "var(--chekin-color-gray-1)";
|
|
@@ -7285,10 +7267,10 @@ function RatingRadioGroup({
|
|
|
7285
7267
|
className,
|
|
7286
7268
|
options
|
|
7287
7269
|
}) {
|
|
7288
|
-
return /* @__PURE__ */ (0,
|
|
7289
|
-
label && /* @__PURE__ */ (0,
|
|
7290
|
-
/* @__PURE__ */ (0,
|
|
7291
|
-
/* @__PURE__ */ (0,
|
|
7270
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("fieldset", { className: cn("relative [all:unset]", className), children: [
|
|
7271
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("legend", { className: "mb-2", children: label }),
|
|
7272
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "RatingRadioGroup__list flex gap-2", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("label", { children: [
|
|
7273
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
7292
7274
|
"input",
|
|
7293
7275
|
{
|
|
7294
7276
|
className: "peer absolute h-0 w-0 opacity-0",
|
|
@@ -7299,7 +7281,7 @@ function RatingRadioGroup({
|
|
|
7299
7281
|
onChange: () => onChange?.(option.value)
|
|
7300
7282
|
}
|
|
7301
7283
|
),
|
|
7302
|
-
/* @__PURE__ */ (0,
|
|
7284
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
7303
7285
|
import_lucide_react28.Star,
|
|
7304
7286
|
{
|
|
7305
7287
|
className: "cursor-pointer rounded peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-[#385bf8]",
|
|
@@ -7316,8 +7298,8 @@ function RatingRadioGroup({
|
|
|
7316
7298
|
// src/rating-stars/RatingStars.tsx
|
|
7317
7299
|
var React25 = __toESM(require("react"), 1);
|
|
7318
7300
|
var import_lucide_react29 = require("lucide-react");
|
|
7319
|
-
var
|
|
7320
|
-
var
|
|
7301
|
+
var import_react_i18next17 = require("react-i18next");
|
|
7302
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
7321
7303
|
function RatingStars({
|
|
7322
7304
|
rating,
|
|
7323
7305
|
maxRating = 5,
|
|
@@ -7331,7 +7313,7 @@ function RatingStars({
|
|
|
7331
7313
|
filledColor = "#ffb700",
|
|
7332
7314
|
emptyColor = "var(--chekin-color-gray-3)"
|
|
7333
7315
|
}) {
|
|
7334
|
-
const { t } = (0,
|
|
7316
|
+
const { t } = (0, import_react_i18next17.useTranslation)();
|
|
7335
7317
|
const normalizedRating = Math.max(0, Math.min(maxRating, rating));
|
|
7336
7318
|
const stars = Array.from({ length: maxRating }, (_, index) => index + 1);
|
|
7337
7319
|
const componentId = React25.useId();
|
|
@@ -7347,18 +7329,18 @@ function RatingStars({
|
|
|
7347
7329
|
}
|
|
7348
7330
|
return emptyColor;
|
|
7349
7331
|
};
|
|
7350
|
-
return /* @__PURE__ */ (0,
|
|
7351
|
-
showText && /* @__PURE__ */ (0,
|
|
7332
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: cn("flex flex-col items-start gap-2", className), children: [
|
|
7333
|
+
showText && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("p", { className: "text-4xl font-medium", children: [
|
|
7352
7334
|
normalizedRating,
|
|
7353
7335
|
"/",
|
|
7354
7336
|
maxRating
|
|
7355
7337
|
] }),
|
|
7356
|
-
/* @__PURE__ */ (0,
|
|
7357
|
-
/* @__PURE__ */ (0,
|
|
7358
|
-
/* @__PURE__ */ (0,
|
|
7359
|
-
/* @__PURE__ */ (0,
|
|
7338
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
7339
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
|
|
7340
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
|
|
7341
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
|
|
7360
7342
|
] }) }) }),
|
|
7361
|
-
stars.map((star) => /* @__PURE__ */ (0,
|
|
7343
|
+
stars.map((star) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
7362
7344
|
import_lucide_react29.Star,
|
|
7363
7345
|
{
|
|
7364
7346
|
size,
|
|
@@ -7370,22 +7352,22 @@ function RatingStars({
|
|
|
7370
7352
|
star
|
|
7371
7353
|
))
|
|
7372
7354
|
] }),
|
|
7373
|
-
(reviewCount !== void 0 || description) && /* @__PURE__ */ (0,
|
|
7374
|
-
reviewCount !== void 0 && /* @__PURE__ */ (0,
|
|
7355
|
+
(reviewCount !== void 0 || description) && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
|
|
7356
|
+
reviewCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("p", { className: "text-xs leading-4", children: [
|
|
7375
7357
|
reviewCount,
|
|
7376
7358
|
" ",
|
|
7377
7359
|
reviewsLabel || t("reviews")
|
|
7378
7360
|
] }),
|
|
7379
|
-
description && /* @__PURE__ */ (0,
|
|
7361
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-sm leading-6", children: description })
|
|
7380
7362
|
] })
|
|
7381
7363
|
] });
|
|
7382
7364
|
}
|
|
7383
7365
|
|
|
7384
7366
|
// src/rotate-icon/RotateIcon.tsx
|
|
7385
7367
|
var import_lucide_react30 = require("lucide-react");
|
|
7386
|
-
var
|
|
7368
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
7387
7369
|
function RotateIcon({ active, className }) {
|
|
7388
|
-
return /* @__PURE__ */ (0,
|
|
7370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
7389
7371
|
import_lucide_react30.ChevronUp,
|
|
7390
7372
|
{
|
|
7391
7373
|
className: cn(
|
|
@@ -7399,9 +7381,9 @@ function RotateIcon({ active, className }) {
|
|
|
7399
7381
|
|
|
7400
7382
|
// src/search-button/SearchButton.tsx
|
|
7401
7383
|
var import_lucide_react31 = require("lucide-react");
|
|
7402
|
-
var
|
|
7384
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
7403
7385
|
function SearchButton({ onClick, className, icon, ariaLabel }) {
|
|
7404
|
-
return /* @__PURE__ */ (0,
|
|
7386
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
7405
7387
|
"button",
|
|
7406
7388
|
{
|
|
7407
7389
|
onClick,
|
|
@@ -7409,15 +7391,15 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
|
|
|
7409
7391
|
"data-testid": "search-button",
|
|
7410
7392
|
"aria-label": ariaLabel,
|
|
7411
7393
|
type: "button",
|
|
7412
|
-
children: icon || /* @__PURE__ */ (0,
|
|
7394
|
+
children: icon || /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react31.Search, { size: 12, strokeWidth: 4, className: "text-[var(--chekin-color-gray-1)]" })
|
|
7413
7395
|
}
|
|
7414
7396
|
);
|
|
7415
7397
|
}
|
|
7416
7398
|
|
|
7417
7399
|
// src/search-input/SearchInput.tsx
|
|
7418
7400
|
var import_lucide_react32 = require("lucide-react");
|
|
7419
|
-
var
|
|
7420
|
-
var
|
|
7401
|
+
var import_react_i18next18 = require("react-i18next");
|
|
7402
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
7421
7403
|
function SearchInput({
|
|
7422
7404
|
disabled,
|
|
7423
7405
|
invalid,
|
|
@@ -7431,20 +7413,20 @@ function SearchInput({
|
|
|
7431
7413
|
className,
|
|
7432
7414
|
...props
|
|
7433
7415
|
}) {
|
|
7434
|
-
const { t } = (0,
|
|
7416
|
+
const { t } = (0, import_react_i18next18.useTranslation)();
|
|
7435
7417
|
const placeholderText = placeholder || `${t("search_property")}...`;
|
|
7436
7418
|
const isBlocked = Boolean(disabled) || Boolean(loading);
|
|
7437
7419
|
const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
|
|
7438
7420
|
const hasLabelMeta = Boolean(optionalLabel) || Boolean(tooltip);
|
|
7439
|
-
return /* @__PURE__ */ (0,
|
|
7440
|
-
(label || hasLabelMeta) && /* @__PURE__ */ (0,
|
|
7441
|
-
label && /* @__PURE__ */ (0,
|
|
7442
|
-
optionalLabel && /* @__PURE__ */ (0,
|
|
7443
|
-
tooltip && /* @__PURE__ */ (0,
|
|
7421
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: cn("input-wrapper", wrapperClassName), children: [
|
|
7422
|
+
(label || hasLabelMeta) && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "mb-2 inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-[var(--chekin-color-brand-navy)]", children: [
|
|
7423
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "min-w-0 truncate", children: label }),
|
|
7424
|
+
optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
|
|
7425
|
+
tooltip && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HelpTooltip, { content: tooltip, side: "top", size: 16 })
|
|
7444
7426
|
] }),
|
|
7445
|
-
/* @__PURE__ */ (0,
|
|
7446
|
-
/* @__PURE__ */ (0,
|
|
7447
|
-
/* @__PURE__ */ (0,
|
|
7427
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "relative", children: [
|
|
7428
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react32.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
|
|
7429
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
7448
7430
|
Input,
|
|
7449
7431
|
{
|
|
7450
7432
|
...props,
|
|
@@ -7462,15 +7444,15 @@ function SearchInput({
|
|
|
7462
7444
|
)
|
|
7463
7445
|
}
|
|
7464
7446
|
),
|
|
7465
|
-
(loading || onReset) && /* @__PURE__ */ (0,
|
|
7466
|
-
loading && /* @__PURE__ */ (0,
|
|
7447
|
+
(loading || onReset) && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
|
|
7448
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
7467
7449
|
import_lucide_react32.Loader2,
|
|
7468
7450
|
{
|
|
7469
7451
|
"aria-hidden": "true",
|
|
7470
7452
|
className: "h-5 w-5 animate-spin text-[var(--chekin-color-gray-2)]"
|
|
7471
7453
|
}
|
|
7472
7454
|
),
|
|
7473
|
-
onReset && /* @__PURE__ */ (0,
|
|
7455
|
+
onReset && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
7474
7456
|
Button,
|
|
7475
7457
|
{
|
|
7476
7458
|
variant: "ghost",
|
|
@@ -7478,7 +7460,7 @@ function SearchInput({
|
|
|
7478
7460
|
disabled: isBlocked,
|
|
7479
7461
|
className: "h-7 w-7 p-0 text-[var(--chekin-color-gray-2)]",
|
|
7480
7462
|
"aria-label": t("reset_search"),
|
|
7481
|
-
children: /* @__PURE__ */ (0,
|
|
7463
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react32.X, { className: "h-5 w-5" })
|
|
7482
7464
|
}
|
|
7483
7465
|
)
|
|
7484
7466
|
] })
|
|
@@ -7504,9 +7486,9 @@ var sectionTagVariants = (0, import_class_variance_authority10.cva)(
|
|
|
7504
7486
|
);
|
|
7505
7487
|
|
|
7506
7488
|
// src/section-tag/SectionTag.tsx
|
|
7507
|
-
var
|
|
7489
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
7508
7490
|
function SectionTag({ label, color = "green", className }) {
|
|
7509
|
-
return /* @__PURE__ */ (0,
|
|
7491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: cn(sectionTagVariants({ color }), className), children: label });
|
|
7510
7492
|
}
|
|
7511
7493
|
|
|
7512
7494
|
// src/section-tag/constants.ts
|
|
@@ -7519,7 +7501,7 @@ var SectionTagColors = /* @__PURE__ */ ((SectionTagColors2) => {
|
|
|
7519
7501
|
// src/section/Section.tsx
|
|
7520
7502
|
var import_react55 = require("react");
|
|
7521
7503
|
var import_lucide_react33 = require("lucide-react");
|
|
7522
|
-
var
|
|
7504
|
+
var import_react_i18next19 = require("react-i18next");
|
|
7523
7505
|
|
|
7524
7506
|
// src/section/constants.ts
|
|
7525
7507
|
var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
|
|
@@ -7529,16 +7511,16 @@ var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
|
|
|
7529
7511
|
})(SubSectionSize || {});
|
|
7530
7512
|
|
|
7531
7513
|
// src/section/Section.tsx
|
|
7532
|
-
var
|
|
7514
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
7533
7515
|
function TooltipInfo({ content, className }) {
|
|
7534
|
-
return /* @__PURE__ */ (0,
|
|
7516
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
7535
7517
|
"button",
|
|
7536
7518
|
{
|
|
7537
7519
|
type: "button",
|
|
7538
7520
|
className: cn("inline-flex text-[var(--chekin-color-gray-1)]", className),
|
|
7539
7521
|
onClick: (event) => event.stopPropagation(),
|
|
7540
7522
|
"aria-label": typeof content === "string" ? content : "More information",
|
|
7541
|
-
children: /* @__PURE__ */ (0,
|
|
7523
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_lucide_react33.CircleHelp, { className: "h-4 w-4" })
|
|
7542
7524
|
}
|
|
7543
7525
|
) });
|
|
7544
7526
|
}
|
|
@@ -7557,8 +7539,8 @@ var Section = (0, import_react55.forwardRef)(
|
|
|
7557
7539
|
hidden,
|
|
7558
7540
|
size
|
|
7559
7541
|
}, ref) => {
|
|
7560
|
-
const { t } = (0,
|
|
7561
|
-
return /* @__PURE__ */ (0,
|
|
7542
|
+
const { t } = (0, import_react_i18next19.useTranslation)();
|
|
7543
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
7562
7544
|
"div",
|
|
7563
7545
|
{
|
|
7564
7546
|
ref,
|
|
@@ -7570,8 +7552,8 @@ var Section = (0, import_react55.forwardRef)(
|
|
|
7570
7552
|
className
|
|
7571
7553
|
),
|
|
7572
7554
|
children: [
|
|
7573
|
-
(title || subtitle) && /* @__PURE__ */ (0,
|
|
7574
|
-
title && /* @__PURE__ */ (0,
|
|
7555
|
+
(title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
7556
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
7575
7557
|
"div",
|
|
7576
7558
|
{
|
|
7577
7559
|
className: cn(
|
|
@@ -7580,17 +7562,17 @@ var Section = (0, import_react55.forwardRef)(
|
|
|
7580
7562
|
),
|
|
7581
7563
|
children: [
|
|
7582
7564
|
title,
|
|
7583
|
-
titleTooltip && /* @__PURE__ */ (0,
|
|
7584
|
-
linkContent && /* @__PURE__ */ (0,
|
|
7565
|
+
titleTooltip && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "ml-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TooltipInfo, { content: titleTooltip }) }),
|
|
7566
|
+
linkContent && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "ml-6 text-sm font-semibold text-[var(--chekin-color-brand-blue)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
|
|
7585
7567
|
]
|
|
7586
7568
|
}
|
|
7587
7569
|
),
|
|
7588
|
-
subtitle && /* @__PURE__ */ (0,
|
|
7589
|
-
/* @__PURE__ */ (0,
|
|
7590
|
-
subtitleTooltip && /* @__PURE__ */ (0,
|
|
7570
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
|
|
7571
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
|
|
7572
|
+
subtitleTooltip && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TooltipInfo, { content: subtitleTooltip }) })
|
|
7591
7573
|
] })
|
|
7592
7574
|
] }),
|
|
7593
|
-
loading && showLoader ? /* @__PURE__ */ (0,
|
|
7575
|
+
loading && showLoader ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
7594
7576
|
CircularLoader,
|
|
7595
7577
|
{
|
|
7596
7578
|
size: "md",
|
|
@@ -7605,7 +7587,7 @@ var Section = (0, import_react55.forwardRef)(
|
|
|
7605
7587
|
);
|
|
7606
7588
|
Section.displayName = "Section";
|
|
7607
7589
|
var SubSection = (0, import_react55.forwardRef)(
|
|
7608
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
7590
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
7609
7591
|
Section,
|
|
7610
7592
|
{
|
|
7611
7593
|
ref,
|
|
@@ -7619,7 +7601,7 @@ var SubSection = (0, import_react55.forwardRef)(
|
|
|
7619
7601
|
);
|
|
7620
7602
|
SubSection.displayName = "SubSection";
|
|
7621
7603
|
var DividingSubsection = (0, import_react55.forwardRef)(
|
|
7622
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
7604
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
7623
7605
|
SubSection,
|
|
7624
7606
|
{
|
|
7625
7607
|
ref,
|
|
@@ -7634,7 +7616,7 @@ DividingSubsection.displayName = "DividingSubsection";
|
|
|
7634
7616
|
var import_react56 = require("react");
|
|
7635
7617
|
|
|
7636
7618
|
// src/selector-button/SelectorButton.tsx
|
|
7637
|
-
var
|
|
7619
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
7638
7620
|
function SelectorButton({
|
|
7639
7621
|
active,
|
|
7640
7622
|
onClick,
|
|
@@ -7659,7 +7641,7 @@ function SelectorButton({
|
|
|
7659
7641
|
event.preventDefault();
|
|
7660
7642
|
}
|
|
7661
7643
|
};
|
|
7662
|
-
return /* @__PURE__ */ (0,
|
|
7644
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
7663
7645
|
"label",
|
|
7664
7646
|
{
|
|
7665
7647
|
className: cn(
|
|
@@ -7673,7 +7655,7 @@ function SelectorButton({
|
|
|
7673
7655
|
),
|
|
7674
7656
|
...props,
|
|
7675
7657
|
children: [
|
|
7676
|
-
/* @__PURE__ */ (0,
|
|
7658
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
7677
7659
|
"input",
|
|
7678
7660
|
{
|
|
7679
7661
|
onClick: handleChange,
|
|
@@ -7684,7 +7666,7 @@ function SelectorButton({
|
|
|
7684
7666
|
readOnly
|
|
7685
7667
|
}
|
|
7686
7668
|
),
|
|
7687
|
-
/* @__PURE__ */ (0,
|
|
7669
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex h-full items-center", children })
|
|
7688
7670
|
]
|
|
7689
7671
|
}
|
|
7690
7672
|
);
|
|
@@ -7692,7 +7674,7 @@ function SelectorButton({
|
|
|
7692
7674
|
SelectorButton.displayName = "SelectorButton";
|
|
7693
7675
|
|
|
7694
7676
|
// src/selectors/Selectors.tsx
|
|
7695
|
-
var
|
|
7677
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
7696
7678
|
var getValueArray = (value) => {
|
|
7697
7679
|
if (value) {
|
|
7698
7680
|
return Array.isArray(value) ? value : [value];
|
|
@@ -7749,9 +7731,9 @@ function SelectorsInternal({
|
|
|
7749
7731
|
(0, import_react56.useEffect)(() => {
|
|
7750
7732
|
onAnySelectorActive?.(isAnyActive);
|
|
7751
7733
|
}, [isAnyActive, onAnySelectorActive]);
|
|
7752
|
-
return /* @__PURE__ */ (0,
|
|
7753
|
-
label && /* @__PURE__ */ (0,
|
|
7754
|
-
/* @__PURE__ */ (0,
|
|
7734
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
|
|
7735
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex [&_span]:ml-[5px]", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "label box-border mb-1.5 min-h-5 select-none overflow-x-hidden text-ellipsis whitespace-nowrap text-left text-base font-normal text-[var(--chekin-color-brand-navy)]", children: label }) }),
|
|
7736
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
7755
7737
|
"div",
|
|
7756
7738
|
{
|
|
7757
7739
|
ref,
|
|
@@ -7764,7 +7746,7 @@ function SelectorsInternal({
|
|
|
7764
7746
|
const isDisabled = disabled || disabledItems?.includes(option.value) || option.disabled;
|
|
7765
7747
|
const isMinSelected = getValueArray(value).length <= minSelected;
|
|
7766
7748
|
const isReadOnly = readOnly || isMinSelected && isSelected || readonlyItems?.includes(option.value);
|
|
7767
|
-
return /* @__PURE__ */ (0,
|
|
7749
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
7768
7750
|
SelectorButton,
|
|
7769
7751
|
{
|
|
7770
7752
|
loading,
|
|
@@ -7795,14 +7777,14 @@ var Selectors = (0, import_react56.forwardRef)(SelectorsInternal);
|
|
|
7795
7777
|
|
|
7796
7778
|
// src/separator/Separator.tsx
|
|
7797
7779
|
var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
|
|
7798
|
-
var
|
|
7780
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
7799
7781
|
function Separator3({
|
|
7800
7782
|
className,
|
|
7801
7783
|
orientation = "horizontal",
|
|
7802
7784
|
decorative = true,
|
|
7803
7785
|
...props
|
|
7804
7786
|
}) {
|
|
7805
|
-
return /* @__PURE__ */ (0,
|
|
7787
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
7806
7788
|
SeparatorPrimitive.Root,
|
|
7807
7789
|
{
|
|
7808
7790
|
"data-slot": "separator",
|
|
@@ -7820,24 +7802,24 @@ function Separator3({
|
|
|
7820
7802
|
// src/sheet/Sheet.tsx
|
|
7821
7803
|
var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
|
|
7822
7804
|
var import_lucide_react34 = require("lucide-react");
|
|
7823
|
-
var
|
|
7805
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
7824
7806
|
function Sheet({ ...props }) {
|
|
7825
|
-
return /* @__PURE__ */ (0,
|
|
7807
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
|
|
7826
7808
|
}
|
|
7827
7809
|
function SheetTrigger({ ...props }) {
|
|
7828
|
-
return /* @__PURE__ */ (0,
|
|
7810
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
|
|
7829
7811
|
}
|
|
7830
7812
|
function SheetClose({ ...props }) {
|
|
7831
|
-
return /* @__PURE__ */ (0,
|
|
7813
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
|
|
7832
7814
|
}
|
|
7833
7815
|
function SheetPortal({ ...props }) {
|
|
7834
|
-
return /* @__PURE__ */ (0,
|
|
7816
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
|
|
7835
7817
|
}
|
|
7836
7818
|
function SheetOverlay({
|
|
7837
7819
|
className,
|
|
7838
7820
|
...props
|
|
7839
7821
|
}) {
|
|
7840
|
-
return /* @__PURE__ */ (0,
|
|
7822
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
7841
7823
|
SheetPrimitive.Overlay,
|
|
7842
7824
|
{
|
|
7843
7825
|
"data-slot": "sheet-overlay",
|
|
@@ -7855,9 +7837,9 @@ function SheetContent({
|
|
|
7855
7837
|
side = "right",
|
|
7856
7838
|
...props
|
|
7857
7839
|
}) {
|
|
7858
|
-
return /* @__PURE__ */ (0,
|
|
7859
|
-
/* @__PURE__ */ (0,
|
|
7860
|
-
/* @__PURE__ */ (0,
|
|
7840
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(SheetPortal, { children: [
|
|
7841
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetOverlay, {}),
|
|
7842
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
|
|
7861
7843
|
SheetPrimitive.Content,
|
|
7862
7844
|
{
|
|
7863
7845
|
"data-slot": "sheet-content",
|
|
@@ -7872,9 +7854,9 @@ function SheetContent({
|
|
|
7872
7854
|
...props,
|
|
7873
7855
|
children: [
|
|
7874
7856
|
children,
|
|
7875
|
-
/* @__PURE__ */ (0,
|
|
7876
|
-
/* @__PURE__ */ (0,
|
|
7877
|
-
/* @__PURE__ */ (0,
|
|
7857
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--chekin-radius-small)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[var(--chekin-shadow-focus)] disabled:pointer-events-none", children: [
|
|
7858
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react34.XIcon, { className: "size-4" }),
|
|
7859
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "sr-only", children: "Close" })
|
|
7878
7860
|
] })
|
|
7879
7861
|
]
|
|
7880
7862
|
}
|
|
@@ -7882,7 +7864,7 @@ function SheetContent({
|
|
|
7882
7864
|
] });
|
|
7883
7865
|
}
|
|
7884
7866
|
function SheetHeader({ className, ...props }) {
|
|
7885
|
-
return /* @__PURE__ */ (0,
|
|
7867
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
7886
7868
|
"div",
|
|
7887
7869
|
{
|
|
7888
7870
|
"data-slot": "sheet-header",
|
|
@@ -7892,7 +7874,7 @@ function SheetHeader({ className, ...props }) {
|
|
|
7892
7874
|
);
|
|
7893
7875
|
}
|
|
7894
7876
|
function SheetFooter({ className, ...props }) {
|
|
7895
|
-
return /* @__PURE__ */ (0,
|
|
7877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
7896
7878
|
"div",
|
|
7897
7879
|
{
|
|
7898
7880
|
"data-slot": "sheet-footer",
|
|
@@ -7905,7 +7887,7 @@ function SheetTitle({
|
|
|
7905
7887
|
className,
|
|
7906
7888
|
...props
|
|
7907
7889
|
}) {
|
|
7908
|
-
return /* @__PURE__ */ (0,
|
|
7890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
7909
7891
|
SheetPrimitive.Title,
|
|
7910
7892
|
{
|
|
7911
7893
|
"data-slot": "sheet-title",
|
|
@@ -7918,7 +7900,7 @@ function SheetDescription({
|
|
|
7918
7900
|
className,
|
|
7919
7901
|
...props
|
|
7920
7902
|
}) {
|
|
7921
|
-
return /* @__PURE__ */ (0,
|
|
7903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
7922
7904
|
SheetPrimitive.Description,
|
|
7923
7905
|
{
|
|
7924
7906
|
"data-slot": "sheet-description",
|
|
@@ -7935,9 +7917,9 @@ var import_class_variance_authority11 = require("class-variance-authority");
|
|
|
7935
7917
|
var import_lucide_react35 = require("lucide-react");
|
|
7936
7918
|
|
|
7937
7919
|
// src/skeleton/Skeleton.tsx
|
|
7938
|
-
var
|
|
7920
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
7939
7921
|
function Skeleton({ className, ...props }) {
|
|
7940
|
-
return /* @__PURE__ */ (0,
|
|
7922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
7941
7923
|
"div",
|
|
7942
7924
|
{
|
|
7943
7925
|
"data-slot": "skeleton",
|
|
@@ -7967,7 +7949,7 @@ function useSidebarMenuButton() {
|
|
|
7967
7949
|
}
|
|
7968
7950
|
|
|
7969
7951
|
// src/sidebar/SidebarIcon.tsx
|
|
7970
|
-
var
|
|
7952
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
7971
7953
|
var SidebarIcon = ({
|
|
7972
7954
|
children,
|
|
7973
7955
|
isActive: isActiveProp,
|
|
@@ -7984,7 +7966,7 @@ var SidebarIcon = ({
|
|
|
7984
7966
|
}
|
|
7985
7967
|
return highlighted ? "bg-[var(--chekin-color-surface-pressed)]" : "bg-[var(--chekin-color-surface-input-empty)]";
|
|
7986
7968
|
})();
|
|
7987
|
-
return /* @__PURE__ */ (0,
|
|
7969
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
7988
7970
|
"div",
|
|
7989
7971
|
{
|
|
7990
7972
|
className: cn(
|
|
@@ -8017,7 +7999,7 @@ function useSidebarSafe() {
|
|
|
8017
7999
|
}
|
|
8018
8000
|
|
|
8019
8001
|
// src/sidebar/Sidebar.tsx
|
|
8020
|
-
var
|
|
8002
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
8021
8003
|
var SIDEBAR_COOKIE_NAME_DEFAULT = "sidebar_state";
|
|
8022
8004
|
var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
8023
8005
|
var SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
@@ -8075,7 +8057,7 @@ var SidebarProvider = React26.forwardRef(
|
|
|
8075
8057
|
}),
|
|
8076
8058
|
[state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
|
|
8077
8059
|
);
|
|
8078
|
-
return /* @__PURE__ */ (0,
|
|
8060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8079
8061
|
"div",
|
|
8080
8062
|
{
|
|
8081
8063
|
style,
|
|
@@ -8099,7 +8081,7 @@ var Sidebar = React26.forwardRef(
|
|
|
8099
8081
|
}, ref) => {
|
|
8100
8082
|
const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
|
|
8101
8083
|
if (collapsible === "none") {
|
|
8102
|
-
return /* @__PURE__ */ (0,
|
|
8084
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8103
8085
|
"div",
|
|
8104
8086
|
{
|
|
8105
8087
|
className: cn(
|
|
@@ -8113,7 +8095,7 @@ var Sidebar = React26.forwardRef(
|
|
|
8113
8095
|
);
|
|
8114
8096
|
}
|
|
8115
8097
|
if (isMobile) {
|
|
8116
|
-
return /* @__PURE__ */ (0,
|
|
8098
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
|
|
8117
8099
|
SheetContent,
|
|
8118
8100
|
{
|
|
8119
8101
|
"data-sidebar": "sidebar",
|
|
@@ -8125,16 +8107,16 @@ var Sidebar = React26.forwardRef(
|
|
|
8125
8107
|
style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
|
|
8126
8108
|
side,
|
|
8127
8109
|
children: [
|
|
8128
|
-
/* @__PURE__ */ (0,
|
|
8129
|
-
/* @__PURE__ */ (0,
|
|
8130
|
-
/* @__PURE__ */ (0,
|
|
8110
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(SheetHeader, { className: "sr-only", children: [
|
|
8111
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetTitle, { children: "Sidebar" }),
|
|
8112
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
|
|
8131
8113
|
] }),
|
|
8132
|
-
/* @__PURE__ */ (0,
|
|
8114
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex h-full w-full flex-col", children })
|
|
8133
8115
|
]
|
|
8134
8116
|
}
|
|
8135
8117
|
) });
|
|
8136
8118
|
}
|
|
8137
|
-
return /* @__PURE__ */ (0,
|
|
8119
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
|
|
8138
8120
|
"div",
|
|
8139
8121
|
{
|
|
8140
8122
|
ref,
|
|
@@ -8145,7 +8127,7 @@ var Sidebar = React26.forwardRef(
|
|
|
8145
8127
|
"data-variant": variant,
|
|
8146
8128
|
"data-side": side,
|
|
8147
8129
|
children: [
|
|
8148
|
-
/* @__PURE__ */ (0,
|
|
8130
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8149
8131
|
"div",
|
|
8150
8132
|
{
|
|
8151
8133
|
className: cn(
|
|
@@ -8156,7 +8138,7 @@ var Sidebar = React26.forwardRef(
|
|
|
8156
8138
|
)
|
|
8157
8139
|
}
|
|
8158
8140
|
),
|
|
8159
|
-
/* @__PURE__ */ (0,
|
|
8141
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8160
8142
|
"div",
|
|
8161
8143
|
{
|
|
8162
8144
|
className: cn(
|
|
@@ -8166,7 +8148,7 @@ var Sidebar = React26.forwardRef(
|
|
|
8166
8148
|
className
|
|
8167
8149
|
),
|
|
8168
8150
|
...props,
|
|
8169
|
-
children: /* @__PURE__ */ (0,
|
|
8151
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8170
8152
|
"div",
|
|
8171
8153
|
{
|
|
8172
8154
|
"data-sidebar": "sidebar",
|
|
@@ -8184,7 +8166,7 @@ var Sidebar = React26.forwardRef(
|
|
|
8184
8166
|
Sidebar.displayName = "Sidebar";
|
|
8185
8167
|
var SidebarTrigger = React26.forwardRef(({ className, onClick, icon, ...props }, ref) => {
|
|
8186
8168
|
const { toggleSidebar, open, isMobile, openMobile } = useSidebar();
|
|
8187
|
-
return /* @__PURE__ */ (0,
|
|
8169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
|
|
8188
8170
|
Button,
|
|
8189
8171
|
{
|
|
8190
8172
|
ref,
|
|
@@ -8202,8 +8184,8 @@ var SidebarTrigger = React26.forwardRef(({ className, onClick, icon, ...props },
|
|
|
8202
8184
|
},
|
|
8203
8185
|
...props,
|
|
8204
8186
|
children: [
|
|
8205
|
-
icon || (isMobile ? openMobile : open) ? icon || /* @__PURE__ */ (0,
|
|
8206
|
-
/* @__PURE__ */ (0,
|
|
8187
|
+
icon || (isMobile ? openMobile : open) ? icon || /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react35.ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react35.ArrowRightFromLineIcon, {}),
|
|
8188
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
|
|
8207
8189
|
]
|
|
8208
8190
|
}
|
|
8209
8191
|
);
|
|
@@ -8212,7 +8194,7 @@ SidebarTrigger.displayName = "SidebarTrigger";
|
|
|
8212
8194
|
var SidebarRail = React26.forwardRef(
|
|
8213
8195
|
({ className, ...props }, ref) => {
|
|
8214
8196
|
const { toggleSidebar } = useSidebar();
|
|
8215
|
-
return /* @__PURE__ */ (0,
|
|
8197
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8216
8198
|
"button",
|
|
8217
8199
|
{
|
|
8218
8200
|
ref,
|
|
@@ -8236,7 +8218,7 @@ var SidebarRail = React26.forwardRef(
|
|
|
8236
8218
|
);
|
|
8237
8219
|
SidebarRail.displayName = "SidebarRail";
|
|
8238
8220
|
var SidebarInset = React26.forwardRef(
|
|
8239
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8221
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8240
8222
|
"main",
|
|
8241
8223
|
{
|
|
8242
8224
|
ref,
|
|
@@ -8250,7 +8232,7 @@ var SidebarInset = React26.forwardRef(
|
|
|
8250
8232
|
)
|
|
8251
8233
|
);
|
|
8252
8234
|
SidebarInset.displayName = "SidebarInset";
|
|
8253
|
-
var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8235
|
+
var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8254
8236
|
Input,
|
|
8255
8237
|
{
|
|
8256
8238
|
ref,
|
|
@@ -8261,7 +8243,7 @@ var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
8261
8243
|
));
|
|
8262
8244
|
SidebarInput.displayName = "SidebarInput";
|
|
8263
8245
|
var SidebarHeader = React26.forwardRef(
|
|
8264
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8246
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8265
8247
|
"div",
|
|
8266
8248
|
{
|
|
8267
8249
|
ref,
|
|
@@ -8273,7 +8255,7 @@ var SidebarHeader = React26.forwardRef(
|
|
|
8273
8255
|
);
|
|
8274
8256
|
SidebarHeader.displayName = "SidebarHeader";
|
|
8275
8257
|
var SidebarFooter = React26.forwardRef(
|
|
8276
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8258
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8277
8259
|
"div",
|
|
8278
8260
|
{
|
|
8279
8261
|
ref,
|
|
@@ -8284,7 +8266,7 @@ var SidebarFooter = React26.forwardRef(
|
|
|
8284
8266
|
)
|
|
8285
8267
|
);
|
|
8286
8268
|
SidebarFooter.displayName = "SidebarFooter";
|
|
8287
|
-
var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8269
|
+
var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8288
8270
|
Separator3,
|
|
8289
8271
|
{
|
|
8290
8272
|
ref,
|
|
@@ -8295,7 +8277,7 @@ var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
8295
8277
|
));
|
|
8296
8278
|
SidebarSeparator.displayName = "SidebarSeparator";
|
|
8297
8279
|
var SidebarContent = React26.forwardRef(
|
|
8298
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8280
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8299
8281
|
"div",
|
|
8300
8282
|
{
|
|
8301
8283
|
ref,
|
|
@@ -8310,7 +8292,7 @@ var SidebarContent = React26.forwardRef(
|
|
|
8310
8292
|
);
|
|
8311
8293
|
SidebarContent.displayName = "SidebarContent";
|
|
8312
8294
|
var SidebarGroup = React26.forwardRef(
|
|
8313
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8295
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8314
8296
|
"div",
|
|
8315
8297
|
{
|
|
8316
8298
|
ref,
|
|
@@ -8323,7 +8305,7 @@ var SidebarGroup = React26.forwardRef(
|
|
|
8323
8305
|
SidebarGroup.displayName = "SidebarGroup";
|
|
8324
8306
|
var SidebarGroupLabel = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
|
|
8325
8307
|
const Comp = asChild ? import_react_slot4.Slot : "div";
|
|
8326
|
-
return /* @__PURE__ */ (0,
|
|
8308
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8327
8309
|
Comp,
|
|
8328
8310
|
{
|
|
8329
8311
|
ref,
|
|
@@ -8340,7 +8322,7 @@ var SidebarGroupLabel = React26.forwardRef(({ className, asChild = false, ...pro
|
|
|
8340
8322
|
SidebarGroupLabel.displayName = "SidebarGroupLabel";
|
|
8341
8323
|
var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
|
|
8342
8324
|
const Comp = asChild ? import_react_slot4.Slot : "button";
|
|
8343
|
-
return /* @__PURE__ */ (0,
|
|
8325
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8344
8326
|
Comp,
|
|
8345
8327
|
{
|
|
8346
8328
|
ref,
|
|
@@ -8355,7 +8337,7 @@ var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...pr
|
|
|
8355
8337
|
});
|
|
8356
8338
|
SidebarGroupAction.displayName = "SidebarGroupAction";
|
|
8357
8339
|
var SidebarGroupContent = React26.forwardRef(
|
|
8358
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8340
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8359
8341
|
"div",
|
|
8360
8342
|
{
|
|
8361
8343
|
ref,
|
|
@@ -8367,7 +8349,7 @@ var SidebarGroupContent = React26.forwardRef(
|
|
|
8367
8349
|
);
|
|
8368
8350
|
SidebarGroupContent.displayName = "SidebarGroupContent";
|
|
8369
8351
|
var SidebarMenu = React26.forwardRef(
|
|
8370
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8352
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8371
8353
|
"ul",
|
|
8372
8354
|
{
|
|
8373
8355
|
ref,
|
|
@@ -8379,7 +8361,7 @@ var SidebarMenu = React26.forwardRef(
|
|
|
8379
8361
|
);
|
|
8380
8362
|
SidebarMenu.displayName = "SidebarMenu";
|
|
8381
8363
|
var SidebarMenuItem = React26.forwardRef(
|
|
8382
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8364
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8383
8365
|
"li",
|
|
8384
8366
|
{
|
|
8385
8367
|
ref,
|
|
@@ -8423,7 +8405,7 @@ var SidebarMenuButton = React26.forwardRef(
|
|
|
8423
8405
|
}, ref) => {
|
|
8424
8406
|
const Comp = asChild ? import_react_slot4.Slot : "button";
|
|
8425
8407
|
const { isMobile, state } = useSidebar();
|
|
8426
|
-
const button = /* @__PURE__ */ (0,
|
|
8408
|
+
const button = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8427
8409
|
Comp,
|
|
8428
8410
|
{
|
|
8429
8411
|
ref,
|
|
@@ -8436,12 +8418,12 @@ var SidebarMenuButton = React26.forwardRef(
|
|
|
8436
8418
|
}
|
|
8437
8419
|
);
|
|
8438
8420
|
if (!tooltip) {
|
|
8439
|
-
return /* @__PURE__ */ (0,
|
|
8421
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
|
|
8440
8422
|
}
|
|
8441
8423
|
const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
|
|
8442
|
-
return /* @__PURE__ */ (0,
|
|
8443
|
-
/* @__PURE__ */ (0,
|
|
8444
|
-
/* @__PURE__ */ (0,
|
|
8424
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Tooltip, { children: [
|
|
8425
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TooltipTrigger, { asChild: true, children: button }),
|
|
8426
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8445
8427
|
TooltipContent,
|
|
8446
8428
|
{
|
|
8447
8429
|
side: "right",
|
|
@@ -8458,7 +8440,7 @@ var SidebarMenuButton = React26.forwardRef(
|
|
|
8458
8440
|
SidebarMenuButton.displayName = "SidebarMenuButton";
|
|
8459
8441
|
var SidebarMenuAction = React26.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
|
|
8460
8442
|
const Comp = asChild ? import_react_slot4.Slot : "button";
|
|
8461
|
-
return /* @__PURE__ */ (0,
|
|
8443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8462
8444
|
Comp,
|
|
8463
8445
|
{
|
|
8464
8446
|
ref,
|
|
@@ -8477,7 +8459,7 @@ var SidebarMenuBadge = React26.forwardRef(
|
|
|
8477
8459
|
({ className, ...props }, ref) => {
|
|
8478
8460
|
const { open, isMobile, openMobile } = useSidebar();
|
|
8479
8461
|
const isOpen = isMobile ? openMobile : open;
|
|
8480
|
-
return /* @__PURE__ */ (0,
|
|
8462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8481
8463
|
"div",
|
|
8482
8464
|
{
|
|
8483
8465
|
ref,
|
|
@@ -8495,7 +8477,7 @@ var SidebarMenuBadge = React26.forwardRef(
|
|
|
8495
8477
|
SidebarMenuBadge.displayName = "SidebarMenuBadge";
|
|
8496
8478
|
var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...props }, ref) => {
|
|
8497
8479
|
const width = React26.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
|
|
8498
|
-
return /* @__PURE__ */ (0,
|
|
8480
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
|
|
8499
8481
|
"div",
|
|
8500
8482
|
{
|
|
8501
8483
|
ref,
|
|
@@ -8503,8 +8485,8 @@ var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...
|
|
|
8503
8485
|
className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
|
|
8504
8486
|
...props,
|
|
8505
8487
|
children: [
|
|
8506
|
-
showIcon && /* @__PURE__ */ (0,
|
|
8507
|
-
/* @__PURE__ */ (0,
|
|
8488
|
+
showIcon && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
|
|
8489
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8508
8490
|
Skeleton,
|
|
8509
8491
|
{
|
|
8510
8492
|
className: "h-4 max-w-[--skeleton-width] flex-1",
|
|
@@ -8518,7 +8500,7 @@ var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...
|
|
|
8518
8500
|
});
|
|
8519
8501
|
SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
|
|
8520
8502
|
var SidebarMenuSub = React26.forwardRef(
|
|
8521
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8503
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8522
8504
|
"ul",
|
|
8523
8505
|
{
|
|
8524
8506
|
ref,
|
|
@@ -8533,7 +8515,7 @@ var SidebarMenuSub = React26.forwardRef(
|
|
|
8533
8515
|
);
|
|
8534
8516
|
SidebarMenuSub.displayName = "SidebarMenuSub";
|
|
8535
8517
|
var SidebarMenuSubItem = React26.forwardRef(
|
|
8536
|
-
({ ...props }, ref) => /* @__PURE__ */ (0,
|
|
8518
|
+
({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("li", { ref, ...props })
|
|
8537
8519
|
);
|
|
8538
8520
|
SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
|
|
8539
8521
|
var sidebarMenuSubButtonVariants = (0, import_class_variance_authority11.cva)(
|
|
@@ -8566,7 +8548,7 @@ var SidebarMenuSubButton = React26.forwardRef(
|
|
|
8566
8548
|
...props
|
|
8567
8549
|
}, ref) => {
|
|
8568
8550
|
const Comp = asChild ? import_react_slot4.Slot : "a";
|
|
8569
|
-
return /* @__PURE__ */ (0,
|
|
8551
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
8570
8552
|
Comp,
|
|
8571
8553
|
{
|
|
8572
8554
|
ref,
|
|
@@ -8588,7 +8570,7 @@ var getSidebarState = (stateName) => document.cookie.split("; ").find((row) => r
|
|
|
8588
8570
|
// src/small-grid-single-item/SmallGridSingleItem.tsx
|
|
8589
8571
|
var import_react61 = require("react");
|
|
8590
8572
|
var import_lucide_react36 = require("lucide-react");
|
|
8591
|
-
var
|
|
8573
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
8592
8574
|
var SmallGridSingleItem = (0, import_react61.memo)(
|
|
8593
8575
|
({
|
|
8594
8576
|
title,
|
|
@@ -8604,7 +8586,7 @@ var SmallGridSingleItem = (0, import_react61.memo)(
|
|
|
8604
8586
|
const handleClick = (event) => {
|
|
8605
8587
|
if (!disabled && onClick) onClick(event);
|
|
8606
8588
|
};
|
|
8607
|
-
return /* @__PURE__ */ (0,
|
|
8589
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
|
|
8608
8590
|
"div",
|
|
8609
8591
|
{
|
|
8610
8592
|
onClick: handleClick,
|
|
@@ -8618,24 +8600,24 @@ var SmallGridSingleItem = (0, import_react61.memo)(
|
|
|
8618
8600
|
className
|
|
8619
8601
|
),
|
|
8620
8602
|
children: [
|
|
8621
|
-
/* @__PURE__ */ (0,
|
|
8622
|
-
/* @__PURE__ */ (0,
|
|
8623
|
-
subtitle && /* @__PURE__ */ (0,
|
|
8603
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
|
|
8604
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "line-clamp-2 overflow-hidden text-ellipsis break-all", children: title }),
|
|
8605
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "line-clamp-2 overflow-hidden text-ellipsis text-[15px] font-medium leading-6 text-[var(--chekin-color-gray-2)]", children: subtitle })
|
|
8624
8606
|
] }),
|
|
8625
|
-
!readOnly && /* @__PURE__ */ (0,
|
|
8626
|
-
onDelete && /* @__PURE__ */ (0,
|
|
8607
|
+
!readOnly && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex h-full items-center justify-end gap-2", children: [
|
|
8608
|
+
onDelete && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
8627
8609
|
Button,
|
|
8628
8610
|
{
|
|
8629
8611
|
disabled,
|
|
8630
8612
|
onClick: onDelete,
|
|
8631
8613
|
size: "icon",
|
|
8632
8614
|
variant: "outline",
|
|
8633
|
-
children: /* @__PURE__ */ (0,
|
|
8615
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react36.Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
|
|
8634
8616
|
}
|
|
8635
8617
|
),
|
|
8636
|
-
onEdit && /* @__PURE__ */ (0,
|
|
8618
|
+
onEdit && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { disabled, onClick: onEdit, size: "icon", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react36.Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" }) })
|
|
8637
8619
|
] }),
|
|
8638
|
-
error && /* @__PURE__ */ (0,
|
|
8620
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "absolute bottom-1 right-2 text-xs text-[var(--chekin-color-brand-red)]", children: error })
|
|
8639
8621
|
]
|
|
8640
8622
|
}
|
|
8641
8623
|
);
|
|
@@ -8644,9 +8626,9 @@ var SmallGridSingleItem = (0, import_react61.memo)(
|
|
|
8644
8626
|
SmallGridSingleItem.displayName = "SmallGridSingleItem";
|
|
8645
8627
|
|
|
8646
8628
|
// src/sorting-action/SortingAction.tsx
|
|
8647
|
-
var
|
|
8629
|
+
var import_react_i18next20 = require("react-i18next");
|
|
8648
8630
|
var import_lucide_react37 = require("lucide-react");
|
|
8649
|
-
var
|
|
8631
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
8650
8632
|
function SortingAction({
|
|
8651
8633
|
value,
|
|
8652
8634
|
onSortChange,
|
|
@@ -8655,9 +8637,9 @@ function SortingAction({
|
|
|
8655
8637
|
variant = "by_other",
|
|
8656
8638
|
onOpenChange
|
|
8657
8639
|
}) {
|
|
8658
|
-
const { t } = (0,
|
|
8659
|
-
return /* @__PURE__ */ (0,
|
|
8660
|
-
/* @__PURE__ */ (0,
|
|
8640
|
+
const { t } = (0, import_react_i18next20.useTranslation)();
|
|
8641
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DropdownMenu, { open, onOpenChange, children: [
|
|
8642
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
8661
8643
|
"button",
|
|
8662
8644
|
{
|
|
8663
8645
|
type: "button",
|
|
@@ -8666,36 +8648,36 @@ function SortingAction({
|
|
|
8666
8648
|
className
|
|
8667
8649
|
),
|
|
8668
8650
|
"aria-label": "Open sorting menu",
|
|
8669
|
-
children: /* @__PURE__ */ (0,
|
|
8651
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react37.ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
|
|
8670
8652
|
}
|
|
8671
8653
|
) }),
|
|
8672
|
-
/* @__PURE__ */ (0,
|
|
8673
|
-
/* @__PURE__ */ (0,
|
|
8654
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
|
|
8655
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
|
|
8674
8656
|
DropdownMenuItem,
|
|
8675
8657
|
{
|
|
8676
8658
|
active: value === "asc",
|
|
8677
8659
|
className: cn(value === "asc" && "text-[var(--chekin-color-brand-blue)]"),
|
|
8678
8660
|
onClick: () => onSortChange?.("asc"),
|
|
8679
8661
|
children: [
|
|
8680
|
-
/* @__PURE__ */ (0,
|
|
8662
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react37.ArrowUp, { className: "h-4 w-4" }),
|
|
8681
8663
|
variant === "by_text" ? t("sort_a_z") : t("sort_in_asc")
|
|
8682
8664
|
]
|
|
8683
8665
|
}
|
|
8684
8666
|
),
|
|
8685
|
-
/* @__PURE__ */ (0,
|
|
8667
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
|
|
8686
8668
|
DropdownMenuItem,
|
|
8687
8669
|
{
|
|
8688
8670
|
active: value === "desc",
|
|
8689
8671
|
className: cn(value === "desc" && "text-[var(--chekin-color-brand-blue)]"),
|
|
8690
8672
|
onClick: () => onSortChange?.("desc"),
|
|
8691
8673
|
children: [
|
|
8692
|
-
/* @__PURE__ */ (0,
|
|
8674
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react37.ArrowDown, { className: "h-4 w-4" }),
|
|
8693
8675
|
variant === "by_text" ? t("sort_z_a") : t("sort_in_desc")
|
|
8694
8676
|
]
|
|
8695
8677
|
}
|
|
8696
8678
|
),
|
|
8697
|
-
value && /* @__PURE__ */ (0,
|
|
8698
|
-
/* @__PURE__ */ (0,
|
|
8679
|
+
value && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
|
|
8680
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react37.Minus, { className: "h-4 w-4" }),
|
|
8699
8681
|
t("clear_sorting")
|
|
8700
8682
|
] })
|
|
8701
8683
|
] })
|
|
@@ -8704,9 +8686,9 @@ function SortingAction({
|
|
|
8704
8686
|
|
|
8705
8687
|
// src/status-button/StatusButton.tsx
|
|
8706
8688
|
var import_react62 = require("react");
|
|
8707
|
-
var
|
|
8689
|
+
var import_react_i18next21 = require("react-i18next");
|
|
8708
8690
|
var import_lucide_react38 = require("lucide-react");
|
|
8709
|
-
var
|
|
8691
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
8710
8692
|
function StatusButton({
|
|
8711
8693
|
hidden,
|
|
8712
8694
|
status,
|
|
@@ -8720,11 +8702,11 @@ function StatusButton({
|
|
|
8720
8702
|
variant = "default",
|
|
8721
8703
|
...props
|
|
8722
8704
|
}) {
|
|
8723
|
-
const { t } = (0,
|
|
8705
|
+
const { t } = (0, import_react_i18next21.useTranslation)();
|
|
8724
8706
|
const configMap = (0, import_react62.useMemo)(() => {
|
|
8725
8707
|
const defaultLoadingConfig = {
|
|
8726
8708
|
text: loadingText ?? `${t("saving")}...`,
|
|
8727
|
-
icon: /* @__PURE__ */ (0,
|
|
8709
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react38.Loader2, { className: "h-4 w-4 animate-spin" }),
|
|
8728
8710
|
variant,
|
|
8729
8711
|
isLoading: true
|
|
8730
8712
|
};
|
|
@@ -8734,13 +8716,13 @@ function StatusButton({
|
|
|
8734
8716
|
validating: { ...defaultLoadingConfig, text: t("validating") },
|
|
8735
8717
|
error: {
|
|
8736
8718
|
text: t("error"),
|
|
8737
|
-
icon: /* @__PURE__ */ (0,
|
|
8719
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react38.AlertCircle, { className: "h-4 w-4" }),
|
|
8738
8720
|
variant: "destructive",
|
|
8739
8721
|
isLoading: false
|
|
8740
8722
|
},
|
|
8741
8723
|
success: {
|
|
8742
8724
|
text: successText ?? t("saved_exclamation"),
|
|
8743
|
-
icon: /* @__PURE__ */ (0,
|
|
8725
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react38.CheckCircle, { className: "h-4 w-4" }),
|
|
8744
8726
|
variant,
|
|
8745
8727
|
isLoading: false
|
|
8746
8728
|
},
|
|
@@ -8756,7 +8738,7 @@ function StatusButton({
|
|
|
8756
8738
|
if (hidden) {
|
|
8757
8739
|
return null;
|
|
8758
8740
|
}
|
|
8759
|
-
return /* @__PURE__ */ (0,
|
|
8741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
|
|
8760
8742
|
Button,
|
|
8761
8743
|
{
|
|
8762
8744
|
className: cn(
|
|
@@ -8772,7 +8754,7 @@ function StatusButton({
|
|
|
8772
8754
|
...props,
|
|
8773
8755
|
children: [
|
|
8774
8756
|
config.icon,
|
|
8775
|
-
/* @__PURE__ */ (0,
|
|
8757
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: config.text })
|
|
8776
8758
|
]
|
|
8777
8759
|
}
|
|
8778
8760
|
);
|
|
@@ -8780,37 +8762,37 @@ function StatusButton({
|
|
|
8780
8762
|
|
|
8781
8763
|
// src/status-box/StatusBox.tsx
|
|
8782
8764
|
var import_lucide_react39 = require("lucide-react");
|
|
8783
|
-
var
|
|
8765
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
8784
8766
|
function StatusBox({ status, title, text }) {
|
|
8785
8767
|
if (status === "success") {
|
|
8786
|
-
return /* @__PURE__ */ (0,
|
|
8787
|
-
/* @__PURE__ */ (0,
|
|
8788
|
-
/* @__PURE__ */ (0,
|
|
8789
|
-
/* @__PURE__ */ (0,
|
|
8790
|
-
/* @__PURE__ */ (0,
|
|
8768
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
|
|
8769
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react39.CheckIcon, { className: "h-5 w-5 text-green-600" }) }),
|
|
8770
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
|
|
8771
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "font-semibold text-green-800", children: title }),
|
|
8772
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "text-sm text-green-700", children: text })
|
|
8791
8773
|
] })
|
|
8792
8774
|
] });
|
|
8793
8775
|
}
|
|
8794
8776
|
if (status === "failed") {
|
|
8795
|
-
return /* @__PURE__ */ (0,
|
|
8796
|
-
/* @__PURE__ */ (0,
|
|
8797
|
-
/* @__PURE__ */ (0,
|
|
8798
|
-
/* @__PURE__ */ (0,
|
|
8799
|
-
/* @__PURE__ */ (0,
|
|
8777
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
|
|
8778
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react39.XIcon, { className: "h-5 w-5 text-red-600" }) }),
|
|
8779
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
|
|
8780
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "font-semibold text-red-800", children: title }),
|
|
8781
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "text-sm text-red-700", children: text })
|
|
8800
8782
|
] })
|
|
8801
8783
|
] });
|
|
8802
8784
|
}
|
|
8803
|
-
return /* @__PURE__ */ (0,
|
|
8804
|
-
/* @__PURE__ */ (0,
|
|
8805
|
-
/* @__PURE__ */ (0,
|
|
8806
|
-
/* @__PURE__ */ (0,
|
|
8807
|
-
/* @__PURE__ */ (0,
|
|
8785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [
|
|
8786
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react39.AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
|
|
8787
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
|
|
8788
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "font-semibold text-amber-800", children: title }),
|
|
8789
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "text-sm text-amber-700", children: text })
|
|
8808
8790
|
] })
|
|
8809
8791
|
] });
|
|
8810
8792
|
}
|
|
8811
8793
|
|
|
8812
8794
|
// src/stepper/Stepper.tsx
|
|
8813
|
-
var
|
|
8795
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
8814
8796
|
function Stepper({
|
|
8815
8797
|
totalSteps,
|
|
8816
8798
|
activeStep,
|
|
@@ -8819,7 +8801,7 @@ function Stepper({
|
|
|
8819
8801
|
}) {
|
|
8820
8802
|
if (totalSteps <= 0) return null;
|
|
8821
8803
|
const clampedActiveStep = Math.max(1, Math.min(totalSteps, activeStep));
|
|
8822
|
-
return /* @__PURE__ */ (0,
|
|
8804
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
8823
8805
|
"div",
|
|
8824
8806
|
{
|
|
8825
8807
|
className: cn("flex w-full items-center gap-2", className),
|
|
@@ -8830,7 +8812,7 @@ function Stepper({
|
|
|
8830
8812
|
children: new Array(totalSteps).fill(null).map((_, stepIndex) => {
|
|
8831
8813
|
const stepNumber = stepIndex + 1;
|
|
8832
8814
|
const isActive = cumulative ? stepNumber <= clampedActiveStep : stepNumber === clampedActiveStep;
|
|
8833
|
-
return /* @__PURE__ */ (0,
|
|
8815
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
8834
8816
|
"span",
|
|
8835
8817
|
{
|
|
8836
8818
|
className: cn(
|
|
@@ -8847,14 +8829,14 @@ function Stepper({
|
|
|
8847
8829
|
|
|
8848
8830
|
// src/switch-blocks/SwitchBlocks.tsx
|
|
8849
8831
|
var import_react63 = require("react");
|
|
8850
|
-
var
|
|
8832
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
8851
8833
|
var SwitchBlocksInternal = (0, import_react63.forwardRef)(
|
|
8852
|
-
({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ (0,
|
|
8834
|
+
({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
8853
8835
|
"div",
|
|
8854
8836
|
{
|
|
8855
8837
|
ref,
|
|
8856
8838
|
className: cn("flex flex-wrap items-center justify-start gap-4", className),
|
|
8857
|
-
children: options.map((option) => /* @__PURE__ */ (0,
|
|
8839
|
+
children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
8858
8840
|
BoxOptionSelector,
|
|
8859
8841
|
{
|
|
8860
8842
|
id: option.id,
|
|
@@ -8876,7 +8858,7 @@ var SwitchBlocks = (0, import_react63.memo)(SwitchBlocksInternal);
|
|
|
8876
8858
|
|
|
8877
8859
|
// src/switch-group/SwitchGroup.tsx
|
|
8878
8860
|
var React27 = __toESM(require("react"), 1);
|
|
8879
|
-
var
|
|
8861
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
8880
8862
|
var SwitchGroup = React27.forwardRef(
|
|
8881
8863
|
({ options, value = [], onChange, disabled = false, className, error, ...props }, ref) => {
|
|
8882
8864
|
const handleOptionChange = (optionValue, checked) => {
|
|
@@ -8887,9 +8869,9 @@ var SwitchGroup = React27.forwardRef(
|
|
|
8887
8869
|
}
|
|
8888
8870
|
onChange(value.filter((selectedValue) => selectedValue !== optionValue));
|
|
8889
8871
|
};
|
|
8890
|
-
return /* @__PURE__ */ (0,
|
|
8891
|
-
options.map((option) => /* @__PURE__ */ (0,
|
|
8892
|
-
/* @__PURE__ */ (0,
|
|
8872
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { ref, className: cn("w-full space-y-4", className), ...props, children: [
|
|
8873
|
+
options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
|
|
8874
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
8893
8875
|
Label,
|
|
8894
8876
|
{
|
|
8895
8877
|
className: cn(
|
|
@@ -8898,7 +8880,7 @@ var SwitchGroup = React27.forwardRef(
|
|
|
8898
8880
|
),
|
|
8899
8881
|
children: [
|
|
8900
8882
|
option.label,
|
|
8901
|
-
option.description && /* @__PURE__ */ (0,
|
|
8883
|
+
option.description && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
8902
8884
|
"span",
|
|
8903
8885
|
{
|
|
8904
8886
|
className: cn(
|
|
@@ -8915,7 +8897,7 @@ var SwitchGroup = React27.forwardRef(
|
|
|
8915
8897
|
]
|
|
8916
8898
|
}
|
|
8917
8899
|
) }),
|
|
8918
|
-
/* @__PURE__ */ (0,
|
|
8900
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
8919
8901
|
Switch,
|
|
8920
8902
|
{
|
|
8921
8903
|
value: value.includes(option.value),
|
|
@@ -8925,7 +8907,7 @@ var SwitchGroup = React27.forwardRef(
|
|
|
8925
8907
|
}
|
|
8926
8908
|
)
|
|
8927
8909
|
] }, option.value)),
|
|
8928
|
-
error && /* @__PURE__ */ (0,
|
|
8910
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ErrorMessage, { disabled, children: error })
|
|
8929
8911
|
] });
|
|
8930
8912
|
}
|
|
8931
8913
|
);
|
|
@@ -8935,7 +8917,7 @@ SwitchGroup.displayName = "SwitchGroup";
|
|
|
8935
8917
|
var import_react64 = require("react");
|
|
8936
8918
|
var TabsPrimitive2 = __toESM(require("@radix-ui/react-tabs"), 1);
|
|
8937
8919
|
var import_class_variance_authority12 = require("class-variance-authority");
|
|
8938
|
-
var
|
|
8920
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
8939
8921
|
var Tabs = TabsPrimitive2.Root;
|
|
8940
8922
|
var tabsListVariants = (0, import_class_variance_authority12.cva)("inline-flex items-center", {
|
|
8941
8923
|
variants: {
|
|
@@ -8949,7 +8931,7 @@ var tabsListVariants = (0, import_class_variance_authority12.cva)("inline-flex i
|
|
|
8949
8931
|
}
|
|
8950
8932
|
});
|
|
8951
8933
|
var TabsList = (0, import_react64.forwardRef)(
|
|
8952
|
-
({ className, variant, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8934
|
+
({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8953
8935
|
TabsPrimitive2.List,
|
|
8954
8936
|
{
|
|
8955
8937
|
ref,
|
|
@@ -8973,7 +8955,7 @@ var tabsTriggerVariants = (0, import_class_variance_authority12.cva)(
|
|
|
8973
8955
|
}
|
|
8974
8956
|
}
|
|
8975
8957
|
);
|
|
8976
|
-
var TabsTrigger = (0, import_react64.forwardRef)(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8958
|
+
var TabsTrigger = (0, import_react64.forwardRef)(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8977
8959
|
TabsPrimitive2.Trigger,
|
|
8978
8960
|
{
|
|
8979
8961
|
ref,
|
|
@@ -8982,11 +8964,11 @@ var TabsTrigger = (0, import_react64.forwardRef)(({ className, variant, ...props
|
|
|
8982
8964
|
}
|
|
8983
8965
|
));
|
|
8984
8966
|
TabsTrigger.displayName = TabsPrimitive2.Trigger.displayName;
|
|
8985
|
-
var TabsContent = (0, import_react64.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8967
|
+
var TabsContent = (0, import_react64.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TabsPrimitive2.Content, { ref, className, tabIndex: -1, ...props }));
|
|
8986
8968
|
TabsContent.displayName = TabsPrimitive2.Content.displayName;
|
|
8987
8969
|
|
|
8988
8970
|
// src/tabbed-section/TabbedSection.tsx
|
|
8989
|
-
var
|
|
8971
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
8990
8972
|
function TabbedSection({
|
|
8991
8973
|
triggers,
|
|
8992
8974
|
value,
|
|
@@ -9008,8 +8990,8 @@ function TabbedSection({
|
|
|
9008
8990
|
"[&>div:first-child]:gap-3",
|
|
9009
8991
|
className
|
|
9010
8992
|
);
|
|
9011
|
-
return /* @__PURE__ */ (0,
|
|
9012
|
-
/* @__PURE__ */ (0,
|
|
8993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Tabs, { value: activeTab, onValueChange: onTabChange, className: "w-full", children: [
|
|
8994
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
9013
8995
|
BookmarkTabsList,
|
|
9014
8996
|
{
|
|
9015
8997
|
variant,
|
|
@@ -9017,12 +8999,12 @@ function TabbedSection({
|
|
|
9017
8999
|
children: triggers
|
|
9018
9000
|
}
|
|
9019
9001
|
),
|
|
9020
|
-
/* @__PURE__ */ (0,
|
|
9002
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: contentContainerClassName, children })
|
|
9021
9003
|
] });
|
|
9022
9004
|
}
|
|
9023
9005
|
|
|
9024
9006
|
// src/table-placeholder/TablePlaceholder.tsx
|
|
9025
|
-
var
|
|
9007
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
9026
9008
|
function TablePlaceholder({
|
|
9027
9009
|
children,
|
|
9028
9010
|
text,
|
|
@@ -9035,21 +9017,21 @@ function TablePlaceholder({
|
|
|
9035
9017
|
if (!visible) {
|
|
9036
9018
|
return null;
|
|
9037
9019
|
}
|
|
9038
|
-
const content = /* @__PURE__ */ (0,
|
|
9039
|
-
iconSlot && /* @__PURE__ */ (0,
|
|
9040
|
-
title && /* @__PURE__ */ (0,
|
|
9041
|
-
text && /* @__PURE__ */ (0,
|
|
9042
|
-
children && /* @__PURE__ */ (0,
|
|
9020
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col items-center justify-center px-4 py-14 text-center", children: [
|
|
9021
|
+
iconSlot && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "mb-6", children: iconSlot }),
|
|
9022
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("h3", { className: "mb-2 text-lg font-semibold", children: title }),
|
|
9023
|
+
text && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-md max-w-sm font-medium", children: text }),
|
|
9024
|
+
children && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "mt-6", children })
|
|
9043
9025
|
] });
|
|
9044
9026
|
if (insideTable) {
|
|
9045
|
-
return /* @__PURE__ */ (0,
|
|
9027
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("td", { colSpan: 100, className, children: content }) });
|
|
9046
9028
|
}
|
|
9047
|
-
return /* @__PURE__ */ (0,
|
|
9029
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className, children: content });
|
|
9048
9030
|
}
|
|
9049
9031
|
|
|
9050
9032
|
// src/task-card/TaskCard.tsx
|
|
9051
9033
|
var import_lucide_react40 = require("lucide-react");
|
|
9052
|
-
var
|
|
9034
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
9053
9035
|
function TaskCard({
|
|
9054
9036
|
title,
|
|
9055
9037
|
description,
|
|
@@ -9060,7 +9042,7 @@ function TaskCard({
|
|
|
9060
9042
|
}) {
|
|
9061
9043
|
const shouldShowCount = count !== void 0 && count > 1;
|
|
9062
9044
|
const shouldShowActions = shouldShowCount || onClick;
|
|
9063
|
-
return /* @__PURE__ */ (0,
|
|
9045
|
+
return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
|
|
9064
9046
|
"div",
|
|
9065
9047
|
{
|
|
9066
9048
|
className: cn(
|
|
@@ -9076,7 +9058,7 @@ function TaskCard({
|
|
|
9076
9058
|
role: onClick ? "button" : void 0,
|
|
9077
9059
|
tabIndex: onClick ? 0 : void 0,
|
|
9078
9060
|
children: [
|
|
9079
|
-
/* @__PURE__ */ (0,
|
|
9061
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
9080
9062
|
"div",
|
|
9081
9063
|
{
|
|
9082
9064
|
className: cn(
|
|
@@ -9086,12 +9068,12 @@ function TaskCard({
|
|
|
9086
9068
|
)
|
|
9087
9069
|
}
|
|
9088
9070
|
),
|
|
9089
|
-
/* @__PURE__ */ (0,
|
|
9090
|
-
/* @__PURE__ */ (0,
|
|
9091
|
-
/* @__PURE__ */ (0,
|
|
9071
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
|
|
9072
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("h4", { className: "m-0 w-full break-words text-base font-semibold leading-6 text-[var(--chekin-color-brand-navy)]", children: title }),
|
|
9073
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "m-0 w-full text-sm font-medium leading-6 text-[var(--chekin-color-gray-1)]", children: description })
|
|
9092
9074
|
] }),
|
|
9093
|
-
shouldShowActions && /* @__PURE__ */ (0,
|
|
9094
|
-
shouldShowCount && /* @__PURE__ */ (0,
|
|
9075
|
+
shouldShowActions && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
|
|
9076
|
+
shouldShowCount && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
9095
9077
|
"div",
|
|
9096
9078
|
{
|
|
9097
9079
|
className: cn(
|
|
@@ -9102,7 +9084,7 @@ function TaskCard({
|
|
|
9102
9084
|
children: count
|
|
9103
9085
|
}
|
|
9104
9086
|
),
|
|
9105
|
-
onClick && /* @__PURE__ */ (0,
|
|
9087
|
+
onClick && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
9106
9088
|
"button",
|
|
9107
9089
|
{
|
|
9108
9090
|
className: "flex h-8 w-0 min-w-0 cursor-pointer items-center justify-center overflow-hidden rounded-md border-0 bg-transparent p-0 text-[var(--chekin-color-gray-1)] opacity-0 transition-[width,opacity,min-width] duration-300 ease-in-out hover:bg-black/5 focus-visible:w-8 focus-visible:min-w-8 focus-visible:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--chekin-color-brand-blue)] group-hover:w-8 group-hover:min-w-8 group-hover:opacity-100",
|
|
@@ -9112,7 +9094,7 @@ function TaskCard({
|
|
|
9112
9094
|
},
|
|
9113
9095
|
"aria-label": "View details",
|
|
9114
9096
|
type: "button",
|
|
9115
|
-
children: /* @__PURE__ */ (0,
|
|
9097
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_lucide_react40.ArrowRight, { className: "h-5 w-5" })
|
|
9116
9098
|
}
|
|
9117
9099
|
)
|
|
9118
9100
|
] })
|
|
@@ -9200,7 +9182,7 @@ var toggleVariants = (0, import_class_variance_authority13.cva)(
|
|
|
9200
9182
|
);
|
|
9201
9183
|
|
|
9202
9184
|
// src/toggle-group/ToggleGroup.tsx
|
|
9203
|
-
var
|
|
9185
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
9204
9186
|
var ToggleGroupContext = React28.createContext({
|
|
9205
9187
|
size: "default",
|
|
9206
9188
|
variant: "default",
|
|
@@ -9208,7 +9190,7 @@ var ToggleGroupContext = React28.createContext({
|
|
|
9208
9190
|
});
|
|
9209
9191
|
var ToggleGroup = React28.forwardRef(({ className, variant, size, theme, children, ...props }, ref) => {
|
|
9210
9192
|
const isTabVariant = variant === "tab";
|
|
9211
|
-
return /* @__PURE__ */ (0,
|
|
9193
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9212
9194
|
ToggleGroupPrimitive.Root,
|
|
9213
9195
|
{
|
|
9214
9196
|
ref,
|
|
@@ -9218,7 +9200,7 @@ var ToggleGroup = React28.forwardRef(({ className, variant, size, theme, childre
|
|
|
9218
9200
|
className
|
|
9219
9201
|
),
|
|
9220
9202
|
...props,
|
|
9221
|
-
children: /* @__PURE__ */ (0,
|
|
9203
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ToggleGroupContext.Provider, { value: { variant, size, theme }, children })
|
|
9222
9204
|
}
|
|
9223
9205
|
);
|
|
9224
9206
|
});
|
|
@@ -9227,7 +9209,7 @@ var ToggleGroupItem = React28.forwardRef(({ className, children, variant, size,
|
|
|
9227
9209
|
const context = React28.useContext(ToggleGroupContext);
|
|
9228
9210
|
const resolvedVariant = context.variant || variant;
|
|
9229
9211
|
const isTabVariant = resolvedVariant === "tab";
|
|
9230
|
-
return /* @__PURE__ */ (0,
|
|
9212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9231
9213
|
ToggleGroupPrimitive.Item,
|
|
9232
9214
|
{
|
|
9233
9215
|
ref,
|
|
@@ -9240,9 +9222,9 @@ var ToggleGroupItem = React28.forwardRef(({ className, children, variant, size,
|
|
|
9240
9222
|
className
|
|
9241
9223
|
),
|
|
9242
9224
|
...props,
|
|
9243
|
-
children: isTabVariant ? /* @__PURE__ */ (0,
|
|
9244
|
-
/* @__PURE__ */ (0,
|
|
9245
|
-
/* @__PURE__ */ (0,
|
|
9225
|
+
children: isTabVariant ? /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "inline-grid", children: [
|
|
9226
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "invisible col-start-1 row-start-1 font-semibold", children }),
|
|
9227
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "col-start-1 row-start-1", children })
|
|
9246
9228
|
] }) : children
|
|
9247
9229
|
}
|
|
9248
9230
|
);
|
|
@@ -9251,7 +9233,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
|
|
|
9251
9233
|
|
|
9252
9234
|
// src/toggle-group/Toggles.tsx
|
|
9253
9235
|
var import_react66 = require("react");
|
|
9254
|
-
var
|
|
9236
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
9255
9237
|
var getValueArray2 = (value) => {
|
|
9256
9238
|
if (value) {
|
|
9257
9239
|
return Array.isArray(value) ? value : [value];
|
|
@@ -9347,16 +9329,16 @@ function TogglesInternal({
|
|
|
9347
9329
|
onValueChange: handleValueChange,
|
|
9348
9330
|
...multiple ? { type: "multiple", value: currentValue } : { type: "single", value: currentValue[0] ?? "" }
|
|
9349
9331
|
};
|
|
9350
|
-
return /* @__PURE__ */ (0,
|
|
9351
|
-
label && /* @__PURE__ */ (0,
|
|
9352
|
-
/* @__PURE__ */ (0,
|
|
9332
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { ref, className, children: [
|
|
9333
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "select-none text-base font-normal text-[var(--chekin-color-brand-navy)]", children: label }) }),
|
|
9334
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ToggleGroup, { className: groupClassName, ...toggleGroupProps, children: options.map((option, index) => {
|
|
9353
9335
|
const isSelected = Boolean(
|
|
9354
9336
|
getValueArray2(value).find((selectedValue) => selectedValue === option.value)
|
|
9355
9337
|
);
|
|
9356
9338
|
const isDisabled = disabled || disabledItems?.includes(option.value) || option.disabled;
|
|
9357
9339
|
const isMinSelected = getValueArray2(value).length <= minSelected;
|
|
9358
9340
|
const isItemReadOnly = readOnly || isMinSelected && isSelected || readonlyItems?.includes(option.value);
|
|
9359
|
-
return /* @__PURE__ */ (0,
|
|
9341
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
9360
9342
|
ToggleGroupItem,
|
|
9361
9343
|
{
|
|
9362
9344
|
value: String(option.value),
|
|
@@ -9375,15 +9357,15 @@ var Toggles = (0, import_react66.forwardRef)(TogglesInternal);
|
|
|
9375
9357
|
var React29 = __toESM(require("react"), 1);
|
|
9376
9358
|
var LabelPrimitive2 = __toESM(require("@radix-ui/react-label"), 1);
|
|
9377
9359
|
var import_class_variance_authority14 = require("class-variance-authority");
|
|
9378
|
-
var
|
|
9360
|
+
var import_react_i18next22 = require("react-i18next");
|
|
9379
9361
|
|
|
9380
9362
|
// src/text-field/EndIcon.tsx
|
|
9381
|
-
var
|
|
9382
|
-
var EndIcon = ({ children }) => /* @__PURE__ */ (0,
|
|
9363
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
9364
|
+
var EndIcon = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "pointer-events-none absolute right-3.5 top-1/2 -translate-y-1/2 [&>*]:pointer-events-auto", children });
|
|
9383
9365
|
|
|
9384
9366
|
// src/text-field/FieldError.tsx
|
|
9385
|
-
var
|
|
9386
|
-
var FieldError = ({ id, children }) => /* @__PURE__ */ (0,
|
|
9367
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
9368
|
+
var FieldError = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
9387
9369
|
"p",
|
|
9388
9370
|
{
|
|
9389
9371
|
id,
|
|
@@ -9394,11 +9376,11 @@ var FieldError = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime119
|
|
|
9394
9376
|
);
|
|
9395
9377
|
|
|
9396
9378
|
// src/text-field/SupportingText.tsx
|
|
9397
|
-
var
|
|
9398
|
-
var SupportingText = ({ id, children }) => /* @__PURE__ */ (0,
|
|
9379
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
9380
|
+
var SupportingText = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { id, className: "mt-1 text-xs italic text-[var(--chekin-color-gray-2)]", children });
|
|
9399
9381
|
|
|
9400
9382
|
// src/text-field/TextField.tsx
|
|
9401
|
-
var
|
|
9383
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
9402
9384
|
var textFieldRootClasses = [
|
|
9403
9385
|
"[--text-field-height:2.75rem]",
|
|
9404
9386
|
"[--text-field-radius:8px]",
|
|
@@ -9505,7 +9487,7 @@ var TextField = React29.forwardRef(
|
|
|
9505
9487
|
readOnly,
|
|
9506
9488
|
...props
|
|
9507
9489
|
}, ref) => {
|
|
9508
|
-
const { t } = (0,
|
|
9490
|
+
const { t } = (0, import_react_i18next22.useTranslation)();
|
|
9509
9491
|
const hasError = Boolean(error);
|
|
9510
9492
|
const autoId = React29.useId();
|
|
9511
9493
|
const inputId = props.id || autoId;
|
|
@@ -9519,7 +9501,7 @@ var TextField = React29.forwardRef(
|
|
|
9519
9501
|
const errorId = error ? `${inputId}-error` : void 0;
|
|
9520
9502
|
const ariaDescribedBy = errorId || descriptionId || void 0;
|
|
9521
9503
|
if (variant === "floating") {
|
|
9522
|
-
return /* @__PURE__ */ (0,
|
|
9504
|
+
return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
|
|
9523
9505
|
"div",
|
|
9524
9506
|
{
|
|
9525
9507
|
className: cn(
|
|
@@ -9528,8 +9510,8 @@ var TextField = React29.forwardRef(
|
|
|
9528
9510
|
wrapperClassName
|
|
9529
9511
|
),
|
|
9530
9512
|
children: [
|
|
9531
|
-
/* @__PURE__ */ (0,
|
|
9532
|
-
/* @__PURE__ */ (0,
|
|
9513
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "relative", children: [
|
|
9514
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
9533
9515
|
"input",
|
|
9534
9516
|
{
|
|
9535
9517
|
id: inputId,
|
|
@@ -9543,7 +9525,7 @@ var TextField = React29.forwardRef(
|
|
|
9543
9525
|
...props
|
|
9544
9526
|
}
|
|
9545
9527
|
),
|
|
9546
|
-
label && /* @__PURE__ */ (0,
|
|
9528
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
9547
9529
|
LabelPrimitive2.Root,
|
|
9548
9530
|
{
|
|
9549
9531
|
htmlFor: inputId,
|
|
@@ -9557,17 +9539,17 @@ var TextField = React29.forwardRef(
|
|
|
9557
9539
|
children: label
|
|
9558
9540
|
}
|
|
9559
9541
|
),
|
|
9560
|
-
endIcon && /* @__PURE__ */ (0,
|
|
9542
|
+
endIcon && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(EndIcon, { children: endIcon })
|
|
9561
9543
|
] }),
|
|
9562
|
-
supportingText && !hasError && /* @__PURE__ */ (0,
|
|
9563
|
-
hasError && /* @__PURE__ */ (0,
|
|
9544
|
+
supportingText && !hasError && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SupportingText, { id: descriptionId, children: supportingText }),
|
|
9545
|
+
hasError && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(FieldError, { id: errorId, children: error })
|
|
9564
9546
|
]
|
|
9565
9547
|
}
|
|
9566
9548
|
);
|
|
9567
9549
|
}
|
|
9568
|
-
return /* @__PURE__ */ (0,
|
|
9569
|
-
label && /* @__PURE__ */ (0,
|
|
9570
|
-
/* @__PURE__ */ (0,
|
|
9550
|
+
return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: cn("flex w-full flex-col", textFieldRootClasses, wrapperClassName), children: [
|
|
9551
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "mb-1 flex items-center gap-1", children: [
|
|
9552
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
9571
9553
|
LabelPrimitive2.Root,
|
|
9572
9554
|
{
|
|
9573
9555
|
htmlFor: inputId,
|
|
@@ -9575,14 +9557,14 @@ var TextField = React29.forwardRef(
|
|
|
9575
9557
|
children: label
|
|
9576
9558
|
}
|
|
9577
9559
|
),
|
|
9578
|
-
optional && /* @__PURE__ */ (0,
|
|
9579
|
-
/* @__PURE__ */ (0,
|
|
9580
|
-
/* @__PURE__ */ (0,
|
|
9560
|
+
optional && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("span", { className: "text-base leading-4", children: [
|
|
9561
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "text-[var(--chekin-color-brand-navy)]", children: "- " }),
|
|
9562
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "italic text-[var(--chekin-color-gray-2)]", children: optionalLabel || t("optional") })
|
|
9581
9563
|
] }),
|
|
9582
9564
|
tooltip
|
|
9583
9565
|
] }),
|
|
9584
|
-
/* @__PURE__ */ (0,
|
|
9585
|
-
/* @__PURE__ */ (0,
|
|
9566
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "relative", children: [
|
|
9567
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
9586
9568
|
"input",
|
|
9587
9569
|
{
|
|
9588
9570
|
id: inputId,
|
|
@@ -9596,10 +9578,10 @@ var TextField = React29.forwardRef(
|
|
|
9596
9578
|
...props
|
|
9597
9579
|
}
|
|
9598
9580
|
),
|
|
9599
|
-
endIcon && /* @__PURE__ */ (0,
|
|
9581
|
+
endIcon && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(EndIcon, { children: endIcon })
|
|
9600
9582
|
] }),
|
|
9601
|
-
supportingText && !hasError && /* @__PURE__ */ (0,
|
|
9602
|
-
hasError && /* @__PURE__ */ (0,
|
|
9583
|
+
supportingText && !hasError && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SupportingText, { id: descriptionId, children: supportingText }),
|
|
9584
|
+
hasError && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(FieldError, { id: errorId, children: error })
|
|
9603
9585
|
] });
|
|
9604
9586
|
}
|
|
9605
9587
|
);
|
|
@@ -9607,12 +9589,12 @@ TextField.displayName = "TextField";
|
|
|
9607
9589
|
|
|
9608
9590
|
// src/textarea/Textarea.tsx
|
|
9609
9591
|
var import_react67 = require("react");
|
|
9610
|
-
var
|
|
9592
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
9611
9593
|
var Textarea = (0, import_react67.forwardRef)(
|
|
9612
9594
|
({ className, textareaClassName, label, disabled, name, invalid, ...textareaProps }, ref) => {
|
|
9613
9595
|
const inputId = (0, import_react67.useId)();
|
|
9614
|
-
return /* @__PURE__ */ (0,
|
|
9615
|
-
/* @__PURE__ */ (0,
|
|
9596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: cn("relative", className), children: [
|
|
9597
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
9616
9598
|
"textarea",
|
|
9617
9599
|
{
|
|
9618
9600
|
ref,
|
|
@@ -9628,7 +9610,7 @@ var Textarea = (0, import_react67.forwardRef)(
|
|
|
9628
9610
|
...textareaProps
|
|
9629
9611
|
}
|
|
9630
9612
|
),
|
|
9631
|
-
label && /* @__PURE__ */ (0,
|
|
9613
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
9632
9614
|
"label",
|
|
9633
9615
|
{
|
|
9634
9616
|
htmlFor: inputId,
|
|
@@ -9646,34 +9628,34 @@ var Textarea = (0, import_react67.forwardRef)(
|
|
|
9646
9628
|
Textarea.displayName = "Textarea";
|
|
9647
9629
|
|
|
9648
9630
|
// src/three-dots-loader/ThreeDotsLoader.tsx
|
|
9649
|
-
var
|
|
9631
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
9650
9632
|
function Dots({
|
|
9651
9633
|
height,
|
|
9652
9634
|
width,
|
|
9653
9635
|
color
|
|
9654
9636
|
}) {
|
|
9655
|
-
return /* @__PURE__ */ (0,
|
|
9637
|
+
return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
|
|
9656
9638
|
"span",
|
|
9657
9639
|
{
|
|
9658
9640
|
className: "inline-flex items-center justify-center gap-[15%]",
|
|
9659
9641
|
style: { height, width },
|
|
9660
9642
|
"aria-hidden": "true",
|
|
9661
9643
|
children: [
|
|
9662
|
-
/* @__PURE__ */ (0,
|
|
9644
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
9663
9645
|
"span",
|
|
9664
9646
|
{
|
|
9665
9647
|
className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.32s]",
|
|
9666
9648
|
style: { backgroundColor: color }
|
|
9667
9649
|
}
|
|
9668
9650
|
),
|
|
9669
|
-
/* @__PURE__ */ (0,
|
|
9651
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
9670
9652
|
"span",
|
|
9671
9653
|
{
|
|
9672
9654
|
className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.16s]",
|
|
9673
9655
|
style: { backgroundColor: color }
|
|
9674
9656
|
}
|
|
9675
9657
|
),
|
|
9676
|
-
/* @__PURE__ */ (0,
|
|
9658
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
9677
9659
|
"span",
|
|
9678
9660
|
{
|
|
9679
9661
|
className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full",
|
|
@@ -9692,9 +9674,9 @@ function ThreeDotsLoader({
|
|
|
9692
9674
|
className,
|
|
9693
9675
|
labelPlacement = "right"
|
|
9694
9676
|
}) {
|
|
9695
|
-
const dots = /* @__PURE__ */ (0,
|
|
9677
|
+
const dots = /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Dots, { color, height, width });
|
|
9696
9678
|
if (label) {
|
|
9697
|
-
return /* @__PURE__ */ (0,
|
|
9679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
9698
9680
|
"div",
|
|
9699
9681
|
{
|
|
9700
9682
|
className: cn(
|
|
@@ -9702,22 +9684,22 @@ function ThreeDotsLoader({
|
|
|
9702
9684
|
className
|
|
9703
9685
|
),
|
|
9704
9686
|
role: "progressbar",
|
|
9705
|
-
children: labelPlacement === "right" ? /* @__PURE__ */ (0,
|
|
9687
|
+
children: labelPlacement === "right" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
|
|
9706
9688
|
dots,
|
|
9707
|
-
/* @__PURE__ */ (0,
|
|
9708
|
-
] }) : /* @__PURE__ */ (0,
|
|
9709
|
-
/* @__PURE__ */ (0,
|
|
9689
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { children: label })
|
|
9690
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
|
|
9691
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { children: label }),
|
|
9710
9692
|
dots
|
|
9711
9693
|
] })
|
|
9712
9694
|
}
|
|
9713
9695
|
);
|
|
9714
9696
|
}
|
|
9715
|
-
return /* @__PURE__ */ (0,
|
|
9697
|
+
return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { role: "progressbar", className, children: dots });
|
|
9716
9698
|
}
|
|
9717
9699
|
|
|
9718
9700
|
// src/uploaded-files-list/UploadedFilesList.tsx
|
|
9719
9701
|
var import_lucide_react41 = require("lucide-react");
|
|
9720
|
-
var
|
|
9702
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
9721
9703
|
function UploadedFilesList({
|
|
9722
9704
|
files,
|
|
9723
9705
|
onRemoveFile,
|
|
@@ -9726,20 +9708,20 @@ function UploadedFilesList({
|
|
|
9726
9708
|
if (!files.length) {
|
|
9727
9709
|
return null;
|
|
9728
9710
|
}
|
|
9729
|
-
return /* @__PURE__ */ (0,
|
|
9711
|
+
return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: cn("flex flex-wrap gap-2.5", className), children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
|
|
9730
9712
|
"div",
|
|
9731
9713
|
{
|
|
9732
9714
|
className: "flex cursor-default items-center gap-2 rounded border border-[var(--chekin-color-gray-2)] bg-[var(--chekin-color-surface-pressed)] py-1.5 pl-3 pr-1.5",
|
|
9733
9715
|
children: [
|
|
9734
|
-
/* @__PURE__ */ (0,
|
|
9735
|
-
/* @__PURE__ */ (0,
|
|
9716
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "text-nowrap text-sm font-medium leading-5 text-[var(--chekin-color-brand-navy)]", children: file.name }),
|
|
9717
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
9736
9718
|
"button",
|
|
9737
9719
|
{
|
|
9738
9720
|
type: "button",
|
|
9739
9721
|
onClick: () => onRemoveFile(file.name),
|
|
9740
9722
|
className: "flex h-[18px] w-[18px] shrink-0 cursor-pointer items-center justify-center rounded bg-[var(--chekin-color-gray-1)] transition-all hover:shadow-md active:opacity-95",
|
|
9741
9723
|
"aria-label": `Remove ${file.name}`,
|
|
9742
|
-
children: /* @__PURE__ */ (0,
|
|
9724
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react41.X, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
|
|
9743
9725
|
}
|
|
9744
9726
|
)
|
|
9745
9727
|
]
|
|
@@ -9749,9 +9731,9 @@ function UploadedFilesList({
|
|
|
9749
9731
|
}
|
|
9750
9732
|
|
|
9751
9733
|
// src/wide-button/WideButton.tsx
|
|
9752
|
-
var
|
|
9734
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
9753
9735
|
function WideButton({ className, disabled, ...props }) {
|
|
9754
|
-
return /* @__PURE__ */ (0,
|
|
9736
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
9755
9737
|
Button,
|
|
9756
9738
|
{
|
|
9757
9739
|
variant: "ghost",
|
|
@@ -9775,22 +9757,22 @@ var import_lucide_react44 = require("lucide-react");
|
|
|
9775
9757
|
var React30 = __toESM(require("react"), 1);
|
|
9776
9758
|
var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
|
|
9777
9759
|
var import_react_draggable = __toESM(require("react-draggable"), 1);
|
|
9778
|
-
var
|
|
9760
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
9779
9761
|
var DRAWER_CLOSE_THRESHOLD = 72;
|
|
9780
9762
|
var DRAWER_MIN_OVERLAY_OPACITY = 0.1;
|
|
9781
9763
|
function Drawer({ ...props }) {
|
|
9782
|
-
return /* @__PURE__ */ (0,
|
|
9764
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DialogPrimitive2.Root, { "data-slot": "drawer", ...props });
|
|
9783
9765
|
}
|
|
9784
9766
|
function DrawerTrigger({ ...props }) {
|
|
9785
|
-
return /* @__PURE__ */ (0,
|
|
9767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", ...props });
|
|
9786
9768
|
}
|
|
9787
9769
|
function DrawerPortal({ ...props }) {
|
|
9788
|
-
return /* @__PURE__ */ (0,
|
|
9770
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DialogPrimitive2.Portal, { "data-slot": "drawer-portal", ...props });
|
|
9789
9771
|
}
|
|
9790
9772
|
function DrawerClose({ ...props }) {
|
|
9791
|
-
return /* @__PURE__ */ (0,
|
|
9773
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
|
|
9792
9774
|
}
|
|
9793
|
-
var DrawerOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
9775
|
+
var DrawerOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
9794
9776
|
DialogPrimitive2.Overlay,
|
|
9795
9777
|
{
|
|
9796
9778
|
ref,
|
|
@@ -9839,14 +9821,14 @@ var DrawerContent = React30.forwardRef(
|
|
|
9839
9821
|
},
|
|
9840
9822
|
[onClose]
|
|
9841
9823
|
);
|
|
9842
|
-
return /* @__PURE__ */ (0,
|
|
9843
|
-
lockScroll ? /* @__PURE__ */ (0,
|
|
9824
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DrawerPortal, { container: finalContainer, children: [
|
|
9825
|
+
lockScroll ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
9844
9826
|
DrawerOverlay,
|
|
9845
9827
|
{
|
|
9846
9828
|
style: { opacity: overlayOpacity },
|
|
9847
9829
|
onClick: closeOnOverlayClick ? onClose : void 0
|
|
9848
9830
|
}
|
|
9849
|
-
) : /* @__PURE__ */ (0,
|
|
9831
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
9850
9832
|
"div",
|
|
9851
9833
|
{
|
|
9852
9834
|
className: cn(DrawerOverlayClasses),
|
|
@@ -9854,7 +9836,7 @@ var DrawerContent = React30.forwardRef(
|
|
|
9854
9836
|
onClick: closeOnOverlayClick ? onClose : void 0
|
|
9855
9837
|
}
|
|
9856
9838
|
),
|
|
9857
|
-
/* @__PURE__ */ (0,
|
|
9839
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
9858
9840
|
DialogPrimitive2.Content,
|
|
9859
9841
|
{
|
|
9860
9842
|
asChild: true,
|
|
@@ -9870,7 +9852,7 @@ var DrawerContent = React30.forwardRef(
|
|
|
9870
9852
|
}
|
|
9871
9853
|
},
|
|
9872
9854
|
...props,
|
|
9873
|
-
children: /* @__PURE__ */ (0,
|
|
9855
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "fixed inset-x-0 bottom-0 top-auto z-50 outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
9874
9856
|
import_react_draggable.default,
|
|
9875
9857
|
{
|
|
9876
9858
|
axis: "y",
|
|
@@ -9880,7 +9862,7 @@ var DrawerContent = React30.forwardRef(
|
|
|
9880
9862
|
onDrag: handleDrag,
|
|
9881
9863
|
onStop: handleStop,
|
|
9882
9864
|
position: { x: 0, y: dragOffsetY },
|
|
9883
|
-
children: /* @__PURE__ */ (0,
|
|
9865
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
|
|
9884
9866
|
"div",
|
|
9885
9867
|
{
|
|
9886
9868
|
ref: nodeRef,
|
|
@@ -9889,15 +9871,15 @@ var DrawerContent = React30.forwardRef(
|
|
|
9889
9871
|
className
|
|
9890
9872
|
),
|
|
9891
9873
|
children: [
|
|
9892
|
-
showHandle && /* @__PURE__ */ (0,
|
|
9874
|
+
showHandle && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
9893
9875
|
"div",
|
|
9894
9876
|
{
|
|
9895
9877
|
"data-drawer-handle": true,
|
|
9896
9878
|
className: "mx-auto flex h-8 w-24 cursor-grab touch-none items-center justify-center active:cursor-grabbing",
|
|
9897
|
-
children: /* @__PURE__ */ (0,
|
|
9879
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "block h-1.5 w-12 rounded-full bg-[#D9D7D3]" })
|
|
9898
9880
|
}
|
|
9899
9881
|
),
|
|
9900
|
-
/* @__PURE__ */ (0,
|
|
9882
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children })
|
|
9901
9883
|
]
|
|
9902
9884
|
}
|
|
9903
9885
|
)
|
|
@@ -9909,7 +9891,7 @@ var DrawerContent = React30.forwardRef(
|
|
|
9909
9891
|
}
|
|
9910
9892
|
);
|
|
9911
9893
|
DrawerContent.displayName = DialogPrimitive2.Content.displayName;
|
|
9912
|
-
var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0,
|
|
9894
|
+
var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
9913
9895
|
"div",
|
|
9914
9896
|
{
|
|
9915
9897
|
className: cn("flex flex-col gap-2 px-5 pt-2 text-center", className),
|
|
@@ -9917,9 +9899,9 @@ var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
|
|
|
9917
9899
|
}
|
|
9918
9900
|
);
|
|
9919
9901
|
DrawerHeader.displayName = "DrawerHeader";
|
|
9920
|
-
var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0,
|
|
9902
|
+
var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
|
|
9921
9903
|
DrawerFooter.displayName = "DrawerFooter";
|
|
9922
|
-
var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
9904
|
+
var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
9923
9905
|
DialogPrimitive2.Title,
|
|
9924
9906
|
{
|
|
9925
9907
|
ref,
|
|
@@ -9929,7 +9911,7 @@ var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
9929
9911
|
}
|
|
9930
9912
|
));
|
|
9931
9913
|
DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
|
|
9932
|
-
var DrawerDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
9914
|
+
var DrawerDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
9933
9915
|
DialogPrimitive2.Description,
|
|
9934
9916
|
{
|
|
9935
9917
|
ref,
|
|
@@ -10362,7 +10344,7 @@ function useDatePickerWheel({
|
|
|
10362
10344
|
}
|
|
10363
10345
|
|
|
10364
10346
|
// src/datepicker/DatePickerWheelColumn.tsx
|
|
10365
|
-
var
|
|
10347
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
10366
10348
|
var spacerHeight = DATE_PICKER_OPTION_HEIGHT * DATE_PICKER_WHEEL_BUFFER_OPTIONS;
|
|
10367
10349
|
function DatePickerWheelColumn({
|
|
10368
10350
|
id,
|
|
@@ -10376,7 +10358,7 @@ function DatePickerWheelColumn({
|
|
|
10376
10358
|
onOptionSelect,
|
|
10377
10359
|
column
|
|
10378
10360
|
}) {
|
|
10379
|
-
return /* @__PURE__ */ (0,
|
|
10361
|
+
return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "relative z-10 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
|
|
10380
10362
|
"div",
|
|
10381
10363
|
{
|
|
10382
10364
|
id,
|
|
@@ -10393,14 +10375,14 @@ function DatePickerWheelColumn({
|
|
|
10393
10375
|
WebkitOverflowScrolling: "touch"
|
|
10394
10376
|
},
|
|
10395
10377
|
children: [
|
|
10396
|
-
/* @__PURE__ */ (0,
|
|
10378
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { style: { height: `${spacerHeight}px` } }),
|
|
10397
10379
|
items.map((item, index) => {
|
|
10398
10380
|
const { style } = getWheelOptionStyles(
|
|
10399
10381
|
index,
|
|
10400
10382
|
scrollTop,
|
|
10401
10383
|
DATE_PICKER_OPTION_HEIGHT
|
|
10402
10384
|
);
|
|
10403
|
-
return /* @__PURE__ */ (0,
|
|
10385
|
+
return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
10404
10386
|
"button",
|
|
10405
10387
|
{
|
|
10406
10388
|
id: `${id}-option-${index}`,
|
|
@@ -10416,14 +10398,14 @@ function DatePickerWheelColumn({
|
|
|
10416
10398
|
`${column}-${item}-${index}`
|
|
10417
10399
|
);
|
|
10418
10400
|
}),
|
|
10419
|
-
/* @__PURE__ */ (0,
|
|
10401
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { style: { height: `${spacerHeight}px` } })
|
|
10420
10402
|
]
|
|
10421
10403
|
}
|
|
10422
10404
|
) });
|
|
10423
10405
|
}
|
|
10424
10406
|
|
|
10425
10407
|
// src/datepicker/DatePickerContent.tsx
|
|
10426
|
-
var
|
|
10408
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
10427
10409
|
function DatePickerBody({
|
|
10428
10410
|
baseId,
|
|
10429
10411
|
label,
|
|
@@ -10445,19 +10427,19 @@ function DatePickerBody({
|
|
|
10445
10427
|
onOptionSelect,
|
|
10446
10428
|
onDone
|
|
10447
10429
|
}) {
|
|
10448
|
-
return /* @__PURE__ */ (0,
|
|
10449
|
-
/* @__PURE__ */ (0,
|
|
10450
|
-
/* @__PURE__ */ (0,
|
|
10451
|
-
/* @__PURE__ */ (0,
|
|
10452
|
-
/* @__PURE__ */ (0,
|
|
10430
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "px-6 pb-4 pt-1 bg-white", children: [
|
|
10431
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "relative overflow-hidden rounded-[24px]", children: [
|
|
10432
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-16 bg-gradient-to-b from-white via-white/80 to-transparent" }),
|
|
10433
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-20 h-16 bg-gradient-to-t from-white via-white/80 to-transparent" }),
|
|
10434
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
10453
10435
|
"div",
|
|
10454
10436
|
{
|
|
10455
10437
|
"aria-hidden": true,
|
|
10456
10438
|
className: "pointer-events-none absolute inset-x-0 top-1/2 z-0 h-8 -translate-y-1/2 rounded-[12px] bg-black/[0.04]"
|
|
10457
10439
|
}
|
|
10458
10440
|
),
|
|
10459
|
-
/* @__PURE__ */ (0,
|
|
10460
|
-
/* @__PURE__ */ (0,
|
|
10441
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "relative grid grid-cols-[1.35fr_0.7fr_1fr] gap-1", children: [
|
|
10442
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
10461
10443
|
DatePickerWheelColumn,
|
|
10462
10444
|
{
|
|
10463
10445
|
id: `${baseId}-month`,
|
|
@@ -10472,7 +10454,7 @@ function DatePickerBody({
|
|
|
10472
10454
|
onOptionSelect
|
|
10473
10455
|
}
|
|
10474
10456
|
),
|
|
10475
|
-
/* @__PURE__ */ (0,
|
|
10457
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
10476
10458
|
DatePickerWheelColumn,
|
|
10477
10459
|
{
|
|
10478
10460
|
id: `${baseId}-day`,
|
|
@@ -10487,7 +10469,7 @@ function DatePickerBody({
|
|
|
10487
10469
|
onOptionSelect
|
|
10488
10470
|
}
|
|
10489
10471
|
),
|
|
10490
|
-
/* @__PURE__ */ (0,
|
|
10472
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
10491
10473
|
DatePickerWheelColumn,
|
|
10492
10474
|
{
|
|
10493
10475
|
id: `${baseId}-year`,
|
|
@@ -10504,7 +10486,7 @@ function DatePickerBody({
|
|
|
10504
10486
|
)
|
|
10505
10487
|
] })
|
|
10506
10488
|
] }),
|
|
10507
|
-
/* @__PURE__ */ (0,
|
|
10489
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
|
|
10508
10490
|
] });
|
|
10509
10491
|
}
|
|
10510
10492
|
function DatePickerContent({
|
|
@@ -10532,7 +10514,7 @@ function DatePickerContent({
|
|
|
10532
10514
|
onColumnKeyDown,
|
|
10533
10515
|
onOptionSelect
|
|
10534
10516
|
}) {
|
|
10535
|
-
const body = /* @__PURE__ */ (0,
|
|
10517
|
+
const body = /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
10536
10518
|
DatePickerBody,
|
|
10537
10519
|
{
|
|
10538
10520
|
baseId,
|
|
@@ -10557,27 +10539,27 @@ function DatePickerContent({
|
|
|
10557
10539
|
}
|
|
10558
10540
|
);
|
|
10559
10541
|
if (isMobile) {
|
|
10560
|
-
return /* @__PURE__ */ (0,
|
|
10542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
|
|
10561
10543
|
DrawerContent,
|
|
10562
10544
|
{
|
|
10563
10545
|
onClose: () => onOpenChange(false),
|
|
10564
10546
|
className: "rounded-none rounded-t-[32px] border-0 p-0",
|
|
10565
10547
|
children: [
|
|
10566
|
-
/* @__PURE__ */ (0,
|
|
10567
|
-
/* @__PURE__ */ (0,
|
|
10548
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(DrawerTitle, { className: "sr-only", children: title }),
|
|
10549
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(DrawerDescription, { className: "sr-only", children: label }),
|
|
10568
10550
|
body
|
|
10569
10551
|
]
|
|
10570
10552
|
}
|
|
10571
10553
|
) });
|
|
10572
10554
|
}
|
|
10573
|
-
return /* @__PURE__ */ (0,
|
|
10555
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
|
|
10574
10556
|
DialogContent,
|
|
10575
10557
|
{
|
|
10576
10558
|
className: "max-w-[520px] rounded-[28px] border-0 p-0 shadow-xl",
|
|
10577
10559
|
showCloseButton: false,
|
|
10578
10560
|
children: [
|
|
10579
|
-
/* @__PURE__ */ (0,
|
|
10580
|
-
/* @__PURE__ */ (0,
|
|
10561
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(DialogTitle, { className: "sr-only", children: title }),
|
|
10562
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(DialogDescription, { className: "sr-only", children: label }),
|
|
10581
10563
|
body
|
|
10582
10564
|
]
|
|
10583
10565
|
}
|
|
@@ -10602,11 +10584,11 @@ var DEVICE = {
|
|
|
10602
10584
|
// src/field-trigger/FieldTrigger.tsx
|
|
10603
10585
|
var React32 = __toESM(require("react"), 1);
|
|
10604
10586
|
var import_lucide_react43 = require("lucide-react");
|
|
10605
|
-
var
|
|
10587
|
+
var import_react_i18next23 = require("react-i18next");
|
|
10606
10588
|
|
|
10607
10589
|
// src/field-error-message/FieldErrorMessage.tsx
|
|
10608
10590
|
var import_lucide_react42 = require("lucide-react");
|
|
10609
|
-
var
|
|
10591
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
10610
10592
|
function FieldErrorMessage({
|
|
10611
10593
|
id,
|
|
10612
10594
|
message,
|
|
@@ -10617,7 +10599,7 @@ function FieldErrorMessage({
|
|
|
10617
10599
|
}) {
|
|
10618
10600
|
const content = message ?? children;
|
|
10619
10601
|
if (!content) return null;
|
|
10620
|
-
return /* @__PURE__ */ (0,
|
|
10602
|
+
return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
|
|
10621
10603
|
"p",
|
|
10622
10604
|
{
|
|
10623
10605
|
id,
|
|
@@ -10629,21 +10611,21 @@ function FieldErrorMessage({
|
|
|
10629
10611
|
),
|
|
10630
10612
|
...props,
|
|
10631
10613
|
children: [
|
|
10632
|
-
/* @__PURE__ */ (0,
|
|
10614
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
10633
10615
|
import_lucide_react42.AlertCircle,
|
|
10634
10616
|
{
|
|
10635
10617
|
className: "h-[18px] w-[18px] shrink-0 text-white",
|
|
10636
10618
|
fill: "var(--error-message-color)"
|
|
10637
10619
|
}
|
|
10638
10620
|
),
|
|
10639
|
-
/* @__PURE__ */ (0,
|
|
10621
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { children: content })
|
|
10640
10622
|
]
|
|
10641
10623
|
}
|
|
10642
10624
|
);
|
|
10643
10625
|
}
|
|
10644
10626
|
|
|
10645
10627
|
// src/field-trigger/FieldTrigger.tsx
|
|
10646
|
-
var
|
|
10628
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
10647
10629
|
var FieldTrigger = React32.forwardRef(
|
|
10648
10630
|
({
|
|
10649
10631
|
as = "button",
|
|
@@ -10675,20 +10657,20 @@ var FieldTrigger = React32.forwardRef(
|
|
|
10675
10657
|
onKeyDown,
|
|
10676
10658
|
...props
|
|
10677
10659
|
}, ref) => {
|
|
10678
|
-
const { t } = (0,
|
|
10660
|
+
const { t } = (0, import_react_i18next23.useTranslation)();
|
|
10679
10661
|
const hasValue = Boolean(valueText);
|
|
10680
10662
|
const isRaised = hasValue || forceFloatingLabel;
|
|
10681
10663
|
const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
|
|
10682
10664
|
const visibleLabelText = labelText ?? label;
|
|
10683
10665
|
const hasLabelMeta = Boolean(optionalLabel) || Boolean(tooltip);
|
|
10684
|
-
const resolvedLabelText = visibleLabelText && hasLabelMeta ? /* @__PURE__ */ (0,
|
|
10685
|
-
/* @__PURE__ */ (0,
|
|
10686
|
-
optionalLabel && /* @__PURE__ */ (0,
|
|
10666
|
+
const resolvedLabelText = visibleLabelText && hasLabelMeta ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "inline-flex max-w-full items-center gap-1.5 align-middle", children: [
|
|
10667
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "min-w-0 truncate", children: visibleLabelText }),
|
|
10668
|
+
optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "shrink-0 text-[12px] relative top-[1px] font-normal leading-4 text-current opacity-70", children: [
|
|
10687
10669
|
"(",
|
|
10688
10670
|
optionalLabel,
|
|
10689
10671
|
")"
|
|
10690
10672
|
] }),
|
|
10691
|
-
tooltip && /* @__PURE__ */ (0,
|
|
10673
|
+
tooltip && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
10692
10674
|
HelpTooltip,
|
|
10693
10675
|
{
|
|
10694
10676
|
content: tooltip,
|
|
@@ -10704,9 +10686,9 @@ var FieldTrigger = React32.forwardRef(
|
|
|
10704
10686
|
const hasInvalidState = Boolean(error);
|
|
10705
10687
|
const errorMessage = typeof error === "string" ? error : void 0;
|
|
10706
10688
|
const isBlocked = Boolean(disabled) || Boolean(loading);
|
|
10707
|
-
const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ (0,
|
|
10689
|
+
const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "flex items-center gap-2", children: [
|
|
10708
10690
|
trailingAdornment,
|
|
10709
|
-
loading && /* @__PURE__ */ (0,
|
|
10691
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
10710
10692
|
import_lucide_react43.Loader2,
|
|
10711
10693
|
{
|
|
10712
10694
|
"aria-hidden": "true",
|
|
@@ -10722,8 +10704,8 @@ var FieldTrigger = React32.forwardRef(
|
|
|
10722
10704
|
disabled ? "cursor-not-allowed opacity-50" : loading ? "cursor-progress" : isAirbnbVariant ? "cursor-pointer" : "cursor-text",
|
|
10723
10705
|
className
|
|
10724
10706
|
);
|
|
10725
|
-
const sharedContent = /* @__PURE__ */ (0,
|
|
10726
|
-
/* @__PURE__ */ (0,
|
|
10707
|
+
const sharedContent = /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
|
|
10708
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
|
|
10727
10709
|
"span",
|
|
10728
10710
|
{
|
|
10729
10711
|
className: cn(
|
|
@@ -10732,7 +10714,7 @@ var FieldTrigger = React32.forwardRef(
|
|
|
10732
10714
|
contentClassName
|
|
10733
10715
|
),
|
|
10734
10716
|
children: [
|
|
10735
|
-
/* @__PURE__ */ (0,
|
|
10717
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
10736
10718
|
"span",
|
|
10737
10719
|
{
|
|
10738
10720
|
id: labelId,
|
|
@@ -10745,7 +10727,7 @@ var FieldTrigger = React32.forwardRef(
|
|
|
10745
10727
|
children: animatedLabel
|
|
10746
10728
|
}
|
|
10747
10729
|
),
|
|
10748
|
-
children ? children : hasValue ? /* @__PURE__ */ (0,
|
|
10730
|
+
children ? children : hasValue ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
10749
10731
|
"span",
|
|
10750
10732
|
{
|
|
10751
10733
|
id: valueId,
|
|
@@ -10756,11 +10738,11 @@ var FieldTrigger = React32.forwardRef(
|
|
|
10756
10738
|
),
|
|
10757
10739
|
children: valueText
|
|
10758
10740
|
}
|
|
10759
|
-
) : /* @__PURE__ */ (0,
|
|
10741
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { id: helperTextId, className: "sr-only", children: placeholder ?? label })
|
|
10760
10742
|
]
|
|
10761
10743
|
}
|
|
10762
10744
|
),
|
|
10763
|
-
resolvedTrailingAdornment && /* @__PURE__ */ (0,
|
|
10745
|
+
resolvedTrailingAdornment && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
10764
10746
|
"span",
|
|
10765
10747
|
{
|
|
10766
10748
|
"aria-hidden": "true",
|
|
@@ -10772,9 +10754,9 @@ var FieldTrigger = React32.forwardRef(
|
|
|
10772
10754
|
}
|
|
10773
10755
|
)
|
|
10774
10756
|
] });
|
|
10775
|
-
return /* @__PURE__ */ (0,
|
|
10776
|
-
topLabel && /* @__PURE__ */ (0,
|
|
10777
|
-
as === "button" ? /* @__PURE__ */ (0,
|
|
10757
|
+
return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "w-full", children: [
|
|
10758
|
+
topLabel && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "mb-3 text-[16px] font-semibold leading-5 text-[#222222]", children: topLabel }),
|
|
10759
|
+
as === "button" ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
10778
10760
|
"button",
|
|
10779
10761
|
{
|
|
10780
10762
|
id,
|
|
@@ -10791,7 +10773,7 @@ var FieldTrigger = React32.forwardRef(
|
|
|
10791
10773
|
...props,
|
|
10792
10774
|
children: sharedContent
|
|
10793
10775
|
}
|
|
10794
|
-
) : /* @__PURE__ */ (0,
|
|
10776
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
10795
10777
|
"div",
|
|
10796
10778
|
{
|
|
10797
10779
|
id,
|
|
@@ -10808,14 +10790,14 @@ var FieldTrigger = React32.forwardRef(
|
|
|
10808
10790
|
children: sharedContent
|
|
10809
10791
|
}
|
|
10810
10792
|
),
|
|
10811
|
-
errorMessage && !hideErrorMessage && /* @__PURE__ */ (0,
|
|
10793
|
+
errorMessage && !hideErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(FieldErrorMessage, { id: errorId, message: errorMessage })
|
|
10812
10794
|
] });
|
|
10813
10795
|
}
|
|
10814
10796
|
);
|
|
10815
10797
|
FieldTrigger.displayName = "FieldTrigger";
|
|
10816
10798
|
|
|
10817
10799
|
// src/datepicker/DatePicker.tsx
|
|
10818
|
-
var
|
|
10800
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
10819
10801
|
var DEFAULT_MIN_DATE = new Date(1920, 0, 1);
|
|
10820
10802
|
var DatePicker = React33.forwardRef(
|
|
10821
10803
|
({
|
|
@@ -10932,8 +10914,8 @@ var DatePicker = React33.forwardRef(
|
|
|
10932
10914
|
setIsOpen(false);
|
|
10933
10915
|
}
|
|
10934
10916
|
}, [isBlocked]);
|
|
10935
|
-
return /* @__PURE__ */ (0,
|
|
10936
|
-
name && /* @__PURE__ */ (0,
|
|
10917
|
+
return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: cn("relative w-full max-w-[var(--max-field-width)]", className), children: [
|
|
10918
|
+
name && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
10937
10919
|
"input",
|
|
10938
10920
|
{
|
|
10939
10921
|
type: "hidden",
|
|
@@ -10941,7 +10923,7 @@ var DatePicker = React33.forwardRef(
|
|
|
10941
10923
|
value: resolvedValue ? formatDateInputValue(resolvedValue) : ""
|
|
10942
10924
|
}
|
|
10943
10925
|
),
|
|
10944
|
-
/* @__PURE__ */ (0,
|
|
10926
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
10945
10927
|
FieldTrigger,
|
|
10946
10928
|
{
|
|
10947
10929
|
id: triggerId,
|
|
@@ -10968,10 +10950,10 @@ var DatePicker = React33.forwardRef(
|
|
|
10968
10950
|
onClick: handleTriggerClick,
|
|
10969
10951
|
onKeyDown: handleTriggerKeyDown,
|
|
10970
10952
|
onBlur,
|
|
10971
|
-
trailingAdornment: /* @__PURE__ */ (0,
|
|
10953
|
+
trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_lucide_react44.Calendar, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
|
|
10972
10954
|
}
|
|
10973
10955
|
),
|
|
10974
|
-
/* @__PURE__ */ (0,
|
|
10956
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
10975
10957
|
DatePickerContent,
|
|
10976
10958
|
{
|
|
10977
10959
|
baseId: pickerId,
|
|
@@ -11005,7 +10987,7 @@ var DatePicker = React33.forwardRef(
|
|
|
11005
10987
|
DatePicker.displayName = "DatePicker";
|
|
11006
10988
|
|
|
11007
10989
|
// src/responsive-sheet/ResponsiveSheet.tsx
|
|
11008
|
-
var
|
|
10990
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
11009
10991
|
function ResponsiveSheet({
|
|
11010
10992
|
open,
|
|
11011
10993
|
onClose,
|
|
@@ -11040,7 +11022,7 @@ function ResponsiveSheet({
|
|
|
11040
11022
|
event.preventDefault();
|
|
11041
11023
|
}
|
|
11042
11024
|
};
|
|
11043
|
-
const content = /* @__PURE__ */ (0,
|
|
11025
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
|
|
11044
11026
|
"div",
|
|
11045
11027
|
{
|
|
11046
11028
|
className: cn(
|
|
@@ -11048,7 +11030,7 @@ function ResponsiveSheet({
|
|
|
11048
11030
|
contentClassName
|
|
11049
11031
|
),
|
|
11050
11032
|
children: [
|
|
11051
|
-
title ? /* @__PURE__ */ (0,
|
|
11033
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
11052
11034
|
"div",
|
|
11053
11035
|
{
|
|
11054
11036
|
className: cn(
|
|
@@ -11058,7 +11040,7 @@ function ResponsiveSheet({
|
|
|
11058
11040
|
children: title
|
|
11059
11041
|
}
|
|
11060
11042
|
) : null,
|
|
11061
|
-
description ? /* @__PURE__ */ (0,
|
|
11043
|
+
description ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
11062
11044
|
"p",
|
|
11063
11045
|
{
|
|
11064
11046
|
className: cn(
|
|
@@ -11073,7 +11055,7 @@ function ResponsiveSheet({
|
|
|
11073
11055
|
}
|
|
11074
11056
|
);
|
|
11075
11057
|
if (isMobileMode) {
|
|
11076
|
-
return /* @__PURE__ */ (0,
|
|
11058
|
+
return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Drawer, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
|
|
11077
11059
|
DrawerContent,
|
|
11078
11060
|
{
|
|
11079
11061
|
onClose,
|
|
@@ -11083,14 +11065,14 @@ function ResponsiveSheet({
|
|
|
11083
11065
|
onEscapeKeyDown: handleEscapeKeyDown,
|
|
11084
11066
|
className: cn(className, drawerClassName),
|
|
11085
11067
|
children: [
|
|
11086
|
-
title ? /* @__PURE__ */ (0,
|
|
11087
|
-
description ? /* @__PURE__ */ (0,
|
|
11068
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(DrawerTitle, { className: "sr-only", children: title }) : null,
|
|
11069
|
+
description ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(DrawerDescription, { className: "sr-only", children: description }) : null,
|
|
11088
11070
|
content
|
|
11089
11071
|
]
|
|
11090
11072
|
}
|
|
11091
11073
|
) });
|
|
11092
11074
|
}
|
|
11093
|
-
return /* @__PURE__ */ (0,
|
|
11075
|
+
return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
|
|
11094
11076
|
DialogContent,
|
|
11095
11077
|
{
|
|
11096
11078
|
showCloseButton,
|
|
@@ -11100,8 +11082,8 @@ function ResponsiveSheet({
|
|
|
11100
11082
|
className: cn("max-w-[560px] border-0 p-0 shadow-xl", className, dialogClassName),
|
|
11101
11083
|
lockScroll: false,
|
|
11102
11084
|
children: [
|
|
11103
|
-
title ? /* @__PURE__ */ (0,
|
|
11104
|
-
description ? /* @__PURE__ */ (0,
|
|
11085
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(DialogTitle, { className: "sr-only", children: title }) : null,
|
|
11086
|
+
description ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(DialogDescription, { className: "sr-only", children: description }) : null,
|
|
11105
11087
|
content
|
|
11106
11088
|
]
|
|
11107
11089
|
}
|
|
@@ -11110,7 +11092,7 @@ function ResponsiveSheet({
|
|
|
11110
11092
|
|
|
11111
11093
|
// src/airbnb/input/Input.tsx
|
|
11112
11094
|
var React34 = __toESM(require("react"), 1);
|
|
11113
|
-
var
|
|
11095
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
11114
11096
|
var getInputValue = (value) => value != null ? String(value) : "";
|
|
11115
11097
|
var AirbnbInput = React34.forwardRef(
|
|
11116
11098
|
({
|
|
@@ -11193,7 +11175,7 @@ var AirbnbInput = React34.forwardRef(
|
|
|
11193
11175
|
setIsFocused(false);
|
|
11194
11176
|
onBlur?.(event);
|
|
11195
11177
|
};
|
|
11196
|
-
return /* @__PURE__ */ (0,
|
|
11178
|
+
return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
11197
11179
|
FieldTrigger,
|
|
11198
11180
|
{
|
|
11199
11181
|
as: "div",
|
|
@@ -11225,7 +11207,7 @@ var AirbnbInput = React34.forwardRef(
|
|
|
11225
11207
|
forceFloatingLabel: shouldShowLabel,
|
|
11226
11208
|
forceLabelText: hasLabelMeta,
|
|
11227
11209
|
hideErrorMessage: !renderErrorMessage,
|
|
11228
|
-
children: /* @__PURE__ */ (0,
|
|
11210
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
11229
11211
|
"input",
|
|
11230
11212
|
{
|
|
11231
11213
|
...props,
|
|
@@ -11268,7 +11250,7 @@ var import_lucide_react46 = require("lucide-react");
|
|
|
11268
11250
|
var React39 = __toESM(require("react"), 1);
|
|
11269
11251
|
|
|
11270
11252
|
// src/airbnb/select/SelectDesktopMenu.tsx
|
|
11271
|
-
var
|
|
11253
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
11272
11254
|
function SelectDesktopMenu({
|
|
11273
11255
|
id,
|
|
11274
11256
|
options,
|
|
@@ -11287,7 +11269,7 @@ function SelectDesktopMenu({
|
|
|
11287
11269
|
noOptionsMessage
|
|
11288
11270
|
}) {
|
|
11289
11271
|
const emptyMessage = noOptionsMessage?.();
|
|
11290
|
-
return /* @__PURE__ */ (0,
|
|
11272
|
+
return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
|
|
11291
11273
|
"div",
|
|
11292
11274
|
{
|
|
11293
11275
|
id,
|
|
@@ -11300,12 +11282,12 @@ function SelectDesktopMenu({
|
|
|
11300
11282
|
onKeyDown,
|
|
11301
11283
|
className: cn("max-h-[280px] overflow-y-auto p-2 outline-none", menuClassName),
|
|
11302
11284
|
children: [
|
|
11303
|
-
options.length === 0 && emptyMessage ? /* @__PURE__ */ (0,
|
|
11285
|
+
options.length === 0 && emptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "px-4 py-3 text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
|
|
11304
11286
|
options.map((option, index) => {
|
|
11305
11287
|
const isSelected = selectedValue?.value === option.value;
|
|
11306
11288
|
const isHighlighted = index === highlightedIndex;
|
|
11307
11289
|
const optionKey = `${String(option.value)}-${index}`;
|
|
11308
|
-
return /* @__PURE__ */ (0,
|
|
11290
|
+
return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
11309
11291
|
"button",
|
|
11310
11292
|
{
|
|
11311
11293
|
id: getOptionId2(index),
|
|
@@ -11337,7 +11319,7 @@ function SelectDesktopMenu({
|
|
|
11337
11319
|
}
|
|
11338
11320
|
|
|
11339
11321
|
// src/airbnb/select/SelectDesktopContent.tsx
|
|
11340
|
-
var
|
|
11322
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
11341
11323
|
function SelectDesktopContent({
|
|
11342
11324
|
isOpen,
|
|
11343
11325
|
listboxId,
|
|
@@ -11358,14 +11340,14 @@ function SelectDesktopContent({
|
|
|
11358
11340
|
noOptionsMessage
|
|
11359
11341
|
}) {
|
|
11360
11342
|
if (!isOpen) return null;
|
|
11361
|
-
return /* @__PURE__ */ (0,
|
|
11343
|
+
return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
11362
11344
|
"div",
|
|
11363
11345
|
{
|
|
11364
11346
|
className: cn(
|
|
11365
11347
|
"absolute left-0 right-0 top-[calc(100%+8px)] z-20 overflow-hidden rounded-[20px] border border-[#DEDAD2] bg-white shadow-[0_14px_30px_rgba(18,18,18,0.08)]",
|
|
11366
11348
|
dropdownClassName
|
|
11367
11349
|
),
|
|
11368
|
-
children: /* @__PURE__ */ (0,
|
|
11350
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
11369
11351
|
SelectDesktopMenu,
|
|
11370
11352
|
{
|
|
11371
11353
|
id: listboxId,
|
|
@@ -11463,7 +11445,7 @@ function getMobileOptionStyles(index, scrollTop) {
|
|
|
11463
11445
|
}
|
|
11464
11446
|
|
|
11465
11447
|
// src/airbnb/select/SelectMobileWheel.tsx
|
|
11466
|
-
var
|
|
11448
|
+
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
11467
11449
|
function SelectMobileWheel({
|
|
11468
11450
|
id,
|
|
11469
11451
|
options,
|
|
@@ -11482,7 +11464,7 @@ function SelectMobileWheel({
|
|
|
11482
11464
|
}) {
|
|
11483
11465
|
const spacerHeight2 = getWheelSpacerHeight();
|
|
11484
11466
|
const emptyMessage = noOptionsMessage?.();
|
|
11485
|
-
return /* @__PURE__ */ (0,
|
|
11467
|
+
return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
|
|
11486
11468
|
"div",
|
|
11487
11469
|
{
|
|
11488
11470
|
id,
|
|
@@ -11494,10 +11476,10 @@ function SelectMobileWheel({
|
|
|
11494
11476
|
onKeyDown,
|
|
11495
11477
|
className: cn("relative overflow-hidden outline-none", menuClassName),
|
|
11496
11478
|
children: [
|
|
11497
|
-
options.length === 0 && emptyMessage ? /* @__PURE__ */ (0,
|
|
11498
|
-
/* @__PURE__ */ (0,
|
|
11499
|
-
/* @__PURE__ */ (0,
|
|
11500
|
-
/* @__PURE__ */ (0,
|
|
11479
|
+
options.length === 0 && emptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex min-h-[160px] items-center justify-center px-4 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
|
|
11480
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "pointer-events-none absolute inset-x-0 top-0 h-16 bg-gradient-to-b from-white via-white/80 to-transparent" }),
|
|
11481
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-white via-white/80 to-transparent" }),
|
|
11482
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
11501
11483
|
"div",
|
|
11502
11484
|
{
|
|
11503
11485
|
"aria-hidden": true,
|
|
@@ -11507,7 +11489,7 @@ function SelectMobileWheel({
|
|
|
11507
11489
|
)
|
|
11508
11490
|
}
|
|
11509
11491
|
),
|
|
11510
|
-
/* @__PURE__ */ (0,
|
|
11492
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
|
|
11511
11493
|
"div",
|
|
11512
11494
|
{
|
|
11513
11495
|
ref: listRef,
|
|
@@ -11522,11 +11504,11 @@ function SelectMobileWheel({
|
|
|
11522
11504
|
WebkitOverflowScrolling: "touch"
|
|
11523
11505
|
},
|
|
11524
11506
|
children: [
|
|
11525
|
-
/* @__PURE__ */ (0,
|
|
11507
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { style: { height: `${spacerHeight2}px` } }),
|
|
11526
11508
|
options.map((option, index) => {
|
|
11527
11509
|
const { distance, style } = getMobileOptionStyles(index, scrollTop);
|
|
11528
11510
|
const optionKey = `${String(option.value)}-${index}`;
|
|
11529
|
-
return /* @__PURE__ */ (0,
|
|
11511
|
+
return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
11530
11512
|
"button",
|
|
11531
11513
|
{
|
|
11532
11514
|
id: getOptionId2(index),
|
|
@@ -11547,7 +11529,7 @@ function SelectMobileWheel({
|
|
|
11547
11529
|
optionKey
|
|
11548
11530
|
);
|
|
11549
11531
|
}),
|
|
11550
|
-
/* @__PURE__ */ (0,
|
|
11532
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { style: { height: `${spacerHeight2}px` } })
|
|
11551
11533
|
]
|
|
11552
11534
|
}
|
|
11553
11535
|
)
|
|
@@ -11557,7 +11539,7 @@ function SelectMobileWheel({
|
|
|
11557
11539
|
}
|
|
11558
11540
|
|
|
11559
11541
|
// src/airbnb/select/SelectMobileContent.tsx
|
|
11560
|
-
var
|
|
11542
|
+
var import_jsx_runtime136 = require("react/jsx-runtime");
|
|
11561
11543
|
function SelectMobileContent({
|
|
11562
11544
|
open,
|
|
11563
11545
|
onOpenChange,
|
|
@@ -11581,11 +11563,11 @@ function SelectMobileContent({
|
|
|
11581
11563
|
getOptionId: getOptionId2,
|
|
11582
11564
|
noOptionsMessage
|
|
11583
11565
|
}) {
|
|
11584
|
-
return /* @__PURE__ */ (0,
|
|
11585
|
-
/* @__PURE__ */ (0,
|
|
11586
|
-
/* @__PURE__ */ (0,
|
|
11587
|
-
/* @__PURE__ */ (0,
|
|
11588
|
-
/* @__PURE__ */ (0,
|
|
11566
|
+
return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(DrawerContent, { onClose, lockScroll: false, children: [
|
|
11567
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
|
|
11568
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DrawerDescription, { className: "sr-only", children: label }),
|
|
11569
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "px-6 pb-4 pt-1", children: [
|
|
11570
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
11589
11571
|
SelectMobileWheel,
|
|
11590
11572
|
{
|
|
11591
11573
|
id: listboxId,
|
|
@@ -11604,7 +11586,7 @@ function SelectMobileContent({
|
|
|
11604
11586
|
noOptionsMessage
|
|
11605
11587
|
}
|
|
11606
11588
|
),
|
|
11607
|
-
/* @__PURE__ */ (0,
|
|
11589
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
|
|
11608
11590
|
] })
|
|
11609
11591
|
] }) });
|
|
11610
11592
|
}
|
|
@@ -11612,7 +11594,7 @@ function SelectMobileContent({
|
|
|
11612
11594
|
// src/airbnb/select/SelectTrigger.tsx
|
|
11613
11595
|
var React35 = __toESM(require("react"), 1);
|
|
11614
11596
|
var import_lucide_react45 = require("lucide-react");
|
|
11615
|
-
var
|
|
11597
|
+
var import_jsx_runtime137 = require("react/jsx-runtime");
|
|
11616
11598
|
var SelectTrigger2 = React35.forwardRef(
|
|
11617
11599
|
({
|
|
11618
11600
|
id,
|
|
@@ -11638,7 +11620,7 @@ var SelectTrigger2 = React35.forwardRef(
|
|
|
11638
11620
|
onKeyDown,
|
|
11639
11621
|
onBlur
|
|
11640
11622
|
}, ref) => {
|
|
11641
|
-
return /* @__PURE__ */ (0,
|
|
11623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
11642
11624
|
FieldTrigger,
|
|
11643
11625
|
{
|
|
11644
11626
|
id,
|
|
@@ -11667,7 +11649,7 @@ var SelectTrigger2 = React35.forwardRef(
|
|
|
11667
11649
|
onClick,
|
|
11668
11650
|
onKeyDown,
|
|
11669
11651
|
onBlur,
|
|
11670
|
-
trailingAdornment: /* @__PURE__ */ (0,
|
|
11652
|
+
trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
11671
11653
|
import_lucide_react45.ChevronDown,
|
|
11672
11654
|
{
|
|
11673
11655
|
className: open ? "h-6 w-6 rotate-180 text-[#1F1F1B] transition-transform" : "h-6 w-6 text-[#1F1F1B] transition-transform"
|
|
@@ -12029,7 +12011,7 @@ function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
|
|
|
12029
12011
|
}
|
|
12030
12012
|
|
|
12031
12013
|
// src/airbnb/select/Select.tsx
|
|
12032
|
-
var
|
|
12014
|
+
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
12033
12015
|
var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
|
|
12034
12016
|
options = [],
|
|
12035
12017
|
value,
|
|
@@ -12206,13 +12188,13 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
|
|
|
12206
12188
|
handleMobileOpenChange(false);
|
|
12207
12189
|
}
|
|
12208
12190
|
};
|
|
12209
|
-
return /* @__PURE__ */ (0,
|
|
12191
|
+
return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
|
|
12210
12192
|
"div",
|
|
12211
12193
|
{
|
|
12212
12194
|
ref: containerRef,
|
|
12213
12195
|
className: cn("relative w-full max-w-[var(--max-field-width)]", className),
|
|
12214
12196
|
children: [
|
|
12215
|
-
name && /* @__PURE__ */ (0,
|
|
12197
|
+
name && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
|
|
12216
12198
|
renderTrigger ? renderTrigger({
|
|
12217
12199
|
id: triggerId,
|
|
12218
12200
|
open: isOpen,
|
|
@@ -12234,7 +12216,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
|
|
|
12234
12216
|
onClick: handleTriggerClick,
|
|
12235
12217
|
onKeyDown: handleRootTriggerKeyDown,
|
|
12236
12218
|
onBlur
|
|
12237
|
-
}) : /* @__PURE__ */ (0,
|
|
12219
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
12238
12220
|
SelectTrigger2,
|
|
12239
12221
|
{
|
|
12240
12222
|
id: triggerId,
|
|
@@ -12262,7 +12244,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
|
|
|
12262
12244
|
onBlur
|
|
12263
12245
|
}
|
|
12264
12246
|
),
|
|
12265
|
-
isMobile ? /* @__PURE__ */ (0,
|
|
12247
|
+
isMobile ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
12266
12248
|
SelectMobileContent,
|
|
12267
12249
|
{
|
|
12268
12250
|
open: isOpen,
|
|
@@ -12287,7 +12269,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
|
|
|
12287
12269
|
getOptionId: getOptionId2,
|
|
12288
12270
|
noOptionsMessage
|
|
12289
12271
|
}
|
|
12290
|
-
) : /* @__PURE__ */ (0,
|
|
12272
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
12291
12273
|
SelectDesktopContent,
|
|
12292
12274
|
{
|
|
12293
12275
|
isOpen,
|
|
@@ -12321,7 +12303,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
|
|
|
12321
12303
|
});
|
|
12322
12304
|
|
|
12323
12305
|
// src/airbnb/phone-field/PhoneField.tsx
|
|
12324
|
-
var
|
|
12306
|
+
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
12325
12307
|
function formatPhoneCodeOptionLabel(option) {
|
|
12326
12308
|
const label = String(option.label);
|
|
12327
12309
|
const value = String(option.value);
|
|
@@ -12368,9 +12350,9 @@ var PhoneField = React40.forwardRef(
|
|
|
12368
12350
|
const hasInvalidState = Boolean(error) || Boolean(invalid);
|
|
12369
12351
|
const isBlocked = Boolean(disabled) || Boolean(loading);
|
|
12370
12352
|
const isCodeBlocked = isBlocked || Boolean(codeReadOnly);
|
|
12371
|
-
return /* @__PURE__ */ (0,
|
|
12372
|
-
name && /* @__PURE__ */ (0,
|
|
12373
|
-
codeName && /* @__PURE__ */ (0,
|
|
12353
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
|
|
12354
|
+
name && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("input", { type: "hidden", name, value: combinedValue, disabled }),
|
|
12355
|
+
codeName && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
12374
12356
|
"input",
|
|
12375
12357
|
{
|
|
12376
12358
|
type: "hidden",
|
|
@@ -12379,7 +12361,7 @@ var PhoneField = React40.forwardRef(
|
|
|
12379
12361
|
disabled
|
|
12380
12362
|
}
|
|
12381
12363
|
),
|
|
12382
|
-
numberName && /* @__PURE__ */ (0,
|
|
12364
|
+
numberName && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
12383
12365
|
"input",
|
|
12384
12366
|
{
|
|
12385
12367
|
type: "hidden",
|
|
@@ -12388,7 +12370,7 @@ var PhoneField = React40.forwardRef(
|
|
|
12388
12370
|
disabled
|
|
12389
12371
|
}
|
|
12390
12372
|
),
|
|
12391
|
-
topLabel && /* @__PURE__ */ (0,
|
|
12373
|
+
topLabel && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
12392
12374
|
"label",
|
|
12393
12375
|
{
|
|
12394
12376
|
htmlFor: inputId,
|
|
@@ -12396,8 +12378,8 @@ var PhoneField = React40.forwardRef(
|
|
|
12396
12378
|
children: topLabel
|
|
12397
12379
|
}
|
|
12398
12380
|
),
|
|
12399
|
-
/* @__PURE__ */ (0,
|
|
12400
|
-
/* @__PURE__ */ (0,
|
|
12381
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-stretch", children: [
|
|
12382
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
12401
12383
|
AirbnbSelect,
|
|
12402
12384
|
{
|
|
12403
12385
|
ref,
|
|
@@ -12428,7 +12410,7 @@ var PhoneField = React40.forwardRef(
|
|
|
12428
12410
|
onClick,
|
|
12429
12411
|
onKeyDown,
|
|
12430
12412
|
valueLabel
|
|
12431
|
-
}) => /* @__PURE__ */ (0,
|
|
12413
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
|
|
12432
12414
|
"button",
|
|
12433
12415
|
{
|
|
12434
12416
|
id,
|
|
@@ -12450,8 +12432,8 @@ var PhoneField = React40.forwardRef(
|
|
|
12450
12432
|
triggerDisabled ? "cursor-not-allowed opacity-50" : triggerLoading ? "cursor-progress" : "cursor-pointer"
|
|
12451
12433
|
),
|
|
12452
12434
|
children: [
|
|
12453
|
-
/* @__PURE__ */ (0,
|
|
12454
|
-
/* @__PURE__ */ (0,
|
|
12435
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { children: valueLabel ?? codePlaceholder }),
|
|
12436
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
12455
12437
|
import_lucide_react46.ChevronDown,
|
|
12456
12438
|
{
|
|
12457
12439
|
className: cn("h-5 w-5 transition-transform", open ? "rotate-180" : ""),
|
|
@@ -12463,7 +12445,7 @@ var PhoneField = React40.forwardRef(
|
|
|
12463
12445
|
)
|
|
12464
12446
|
}
|
|
12465
12447
|
),
|
|
12466
|
-
/* @__PURE__ */ (0,
|
|
12448
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
12467
12449
|
AirbnbInput,
|
|
12468
12450
|
{
|
|
12469
12451
|
id: inputId,
|
|
@@ -12495,7 +12477,7 @@ var PhoneField = React40.forwardRef(
|
|
|
12495
12477
|
}
|
|
12496
12478
|
)
|
|
12497
12479
|
] }),
|
|
12498
|
-
error && /* @__PURE__ */ (0,
|
|
12480
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(FieldErrorMessage, { message: error })
|
|
12499
12481
|
] });
|
|
12500
12482
|
}
|
|
12501
12483
|
);
|
|
@@ -12503,15 +12485,15 @@ PhoneField.displayName = "PhoneField";
|
|
|
12503
12485
|
|
|
12504
12486
|
// src/airbnb/search-input/SearchInput.tsx
|
|
12505
12487
|
var React41 = __toESM(require("react"), 1);
|
|
12506
|
-
var
|
|
12488
|
+
var import_react_i18next24 = require("react-i18next");
|
|
12507
12489
|
var import_lucide_react47 = require("lucide-react");
|
|
12508
|
-
var
|
|
12490
|
+
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
12509
12491
|
var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
|
|
12510
|
-
const { t } = (0,
|
|
12492
|
+
const { t } = (0, import_react_i18next24.useTranslation)();
|
|
12511
12493
|
const placeholderText = placeholder || t("search_property") + "...";
|
|
12512
|
-
return /* @__PURE__ */ (0,
|
|
12513
|
-
/* @__PURE__ */ (0,
|
|
12514
|
-
/* @__PURE__ */ (0,
|
|
12494
|
+
return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
|
|
12495
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_lucide_react47.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
|
|
12496
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
12515
12497
|
"input",
|
|
12516
12498
|
{
|
|
12517
12499
|
...props,
|
|
@@ -12530,13 +12512,13 @@ var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClass
|
|
|
12530
12512
|
)
|
|
12531
12513
|
}
|
|
12532
12514
|
),
|
|
12533
|
-
onReset && /* @__PURE__ */ (0,
|
|
12515
|
+
onReset && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
12534
12516
|
Button,
|
|
12535
12517
|
{
|
|
12536
12518
|
variant: "ghost",
|
|
12537
12519
|
onClick: onReset,
|
|
12538
12520
|
className: "absolute right-0 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]",
|
|
12539
|
-
children: /* @__PURE__ */ (0,
|
|
12521
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_lucide_react47.X, { className: "h-5 w-5" })
|
|
12540
12522
|
}
|
|
12541
12523
|
)
|
|
12542
12524
|
] });
|
|
@@ -12548,7 +12530,7 @@ var React42 = __toESM(require("react"), 1);
|
|
|
12548
12530
|
var import_lucide_react48 = require("lucide-react");
|
|
12549
12531
|
var import_react_virtual2 = require("@tanstack/react-virtual");
|
|
12550
12532
|
var import_react68 = require("react");
|
|
12551
|
-
var
|
|
12533
|
+
var import_jsx_runtime141 = require("react/jsx-runtime");
|
|
12552
12534
|
var ROW_HEIGHT = 48;
|
|
12553
12535
|
var DESKTOP_LIST_HEIGHT = 280;
|
|
12554
12536
|
var MOBILE_LIST_HEIGHT = 420;
|
|
@@ -12717,7 +12699,7 @@ var SearchableSelectInternal = ({
|
|
|
12717
12699
|
}
|
|
12718
12700
|
}
|
|
12719
12701
|
}
|
|
12720
|
-
const content = /* @__PURE__ */ (0,
|
|
12702
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
12721
12703
|
SearchableSelectContent,
|
|
12722
12704
|
{
|
|
12723
12705
|
inputId: searchInputId,
|
|
@@ -12745,9 +12727,9 @@ var SearchableSelectInternal = ({
|
|
|
12745
12727
|
}
|
|
12746
12728
|
);
|
|
12747
12729
|
React42.useImperativeHandle(ref, () => triggerRef.current, []);
|
|
12748
|
-
return /* @__PURE__ */ (0,
|
|
12749
|
-
name && /* @__PURE__ */ (0,
|
|
12750
|
-
/* @__PURE__ */ (0,
|
|
12730
|
+
return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
|
|
12731
|
+
name && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
|
|
12732
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
12751
12733
|
FieldTrigger,
|
|
12752
12734
|
{
|
|
12753
12735
|
id: `${reactId}-trigger`,
|
|
@@ -12782,7 +12764,7 @@ var SearchableSelectInternal = ({
|
|
|
12782
12764
|
},
|
|
12783
12765
|
onKeyDown: handleTriggerKeyDown,
|
|
12784
12766
|
onBlur,
|
|
12785
|
-
trailingAdornment: /* @__PURE__ */ (0,
|
|
12767
|
+
trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
12786
12768
|
import_lucide_react48.ChevronDown,
|
|
12787
12769
|
{
|
|
12788
12770
|
className: cn(
|
|
@@ -12793,7 +12775,7 @@ var SearchableSelectInternal = ({
|
|
|
12793
12775
|
)
|
|
12794
12776
|
}
|
|
12795
12777
|
),
|
|
12796
|
-
isMobile ? /* @__PURE__ */ (0,
|
|
12778
|
+
isMobile ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
12797
12779
|
Drawer,
|
|
12798
12780
|
{
|
|
12799
12781
|
open,
|
|
@@ -12805,13 +12787,13 @@ var SearchableSelectInternal = ({
|
|
|
12805
12787
|
}
|
|
12806
12788
|
closeSelect();
|
|
12807
12789
|
},
|
|
12808
|
-
children: /* @__PURE__ */ (0,
|
|
12809
|
-
/* @__PURE__ */ (0,
|
|
12810
|
-
/* @__PURE__ */ (0,
|
|
12811
|
-
/* @__PURE__ */ (0,
|
|
12790
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
|
|
12791
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
|
|
12792
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(DrawerDescription, { className: "sr-only", children: label }),
|
|
12793
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "px-5 pb-5 pt-1", children: content })
|
|
12812
12794
|
] })
|
|
12813
12795
|
}
|
|
12814
|
-
) : open ? /* @__PURE__ */ (0,
|
|
12796
|
+
) : open ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
12815
12797
|
"div",
|
|
12816
12798
|
{
|
|
12817
12799
|
className: cn(
|
|
@@ -12878,16 +12860,16 @@ function SearchableSelectContent({
|
|
|
12878
12860
|
virtualizer.scrollToIndex(highlightedIndex, { align: "auto" });
|
|
12879
12861
|
}
|
|
12880
12862
|
}, [highlightedIndex, virtualizer]);
|
|
12881
|
-
return /* @__PURE__ */ (0,
|
|
12882
|
-
/* @__PURE__ */ (0,
|
|
12883
|
-
/* @__PURE__ */ (0,
|
|
12863
|
+
return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "p-2", children: [
|
|
12864
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "relative mb-2", children: [
|
|
12865
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
12884
12866
|
import_lucide_react48.Search,
|
|
12885
12867
|
{
|
|
12886
12868
|
"aria-hidden": "true",
|
|
12887
12869
|
className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[#9696B9]"
|
|
12888
12870
|
}
|
|
12889
12871
|
),
|
|
12890
|
-
/* @__PURE__ */ (0,
|
|
12872
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
12891
12873
|
"input",
|
|
12892
12874
|
{
|
|
12893
12875
|
id: inputId,
|
|
@@ -12906,7 +12888,7 @@ function SearchableSelectContent({
|
|
|
12906
12888
|
}
|
|
12907
12889
|
)
|
|
12908
12890
|
] }),
|
|
12909
|
-
loading && options.length === 0 ? /* @__PURE__ */ (0,
|
|
12891
|
+
loading && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
12910
12892
|
"div",
|
|
12911
12893
|
{
|
|
12912
12894
|
id: listboxId,
|
|
@@ -12915,7 +12897,7 @@ function SearchableSelectContent({
|
|
|
12915
12897
|
"aria-labelledby": labelId,
|
|
12916
12898
|
className: cn("overflow-y-auto outline-none", menuClassName),
|
|
12917
12899
|
style: { height: Math.min(height, rowCount * ROW_HEIGHT) },
|
|
12918
|
-
children: /* @__PURE__ */ (0,
|
|
12900
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
12919
12901
|
"div",
|
|
12920
12902
|
{
|
|
12921
12903
|
className: "relative w-full",
|
|
@@ -12923,7 +12905,7 @@ function SearchableSelectContent({
|
|
|
12923
12905
|
children: virtualItems.map((virtualItem) => {
|
|
12924
12906
|
const option = options[virtualItem.index];
|
|
12925
12907
|
if (!option) {
|
|
12926
|
-
return /* @__PURE__ */ (0,
|
|
12908
|
+
return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
12927
12909
|
"div",
|
|
12928
12910
|
{
|
|
12929
12911
|
className: "absolute left-0 top-0 flex w-full items-center px-4 text-base leading-6 text-[#6C6C6C]",
|
|
@@ -12938,7 +12920,7 @@ function SearchableSelectContent({
|
|
|
12938
12920
|
}
|
|
12939
12921
|
const isSelected = value?.value === option.value;
|
|
12940
12922
|
const isHighlighted = virtualItem.index === highlightedIndex;
|
|
12941
|
-
return /* @__PURE__ */ (0,
|
|
12923
|
+
return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
12942
12924
|
"button",
|
|
12943
12925
|
{
|
|
12944
12926
|
id: getOptionId(idPrefix, virtualItem.index),
|
|
@@ -12960,7 +12942,7 @@ function SearchableSelectContent({
|
|
|
12960
12942
|
height: `${virtualItem.size}px`,
|
|
12961
12943
|
transform: `translateY(${virtualItem.start}px)`
|
|
12962
12944
|
},
|
|
12963
|
-
children: /* @__PURE__ */ (0,
|
|
12945
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "truncate text-center", children: String(option.label) })
|
|
12964
12946
|
},
|
|
12965
12947
|
`${String(option.value)}-${virtualItem.index}`
|
|
12966
12948
|
);
|
|
@@ -13127,7 +13109,6 @@ function getNextEnabledIndex(options, startIndex, step) {
|
|
|
13127
13109
|
ModalLoader,
|
|
13128
13110
|
MultiSelect,
|
|
13129
13111
|
OverlayLoader,
|
|
13130
|
-
PageLoader,
|
|
13131
13112
|
Pagination,
|
|
13132
13113
|
PhoneField,
|
|
13133
13114
|
Popover,
|