@iclips/ui 0.0.7 → 0.0.9
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 +679 -512
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +31 -1
- package/dist/index.d.ts +31 -1
- package/dist/index.js +467 -301
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -5,10 +5,11 @@ var lucideReact = require('lucide-react');
|
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var tailwindMerge = require('tailwind-merge');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
var
|
|
8
|
+
var React5 = require('react');
|
|
9
9
|
var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
|
|
10
10
|
var reactSlot = require('@radix-ui/react-slot');
|
|
11
11
|
var classVarianceAuthority = require('class-variance-authority');
|
|
12
|
+
var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
|
|
12
13
|
var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
|
|
13
14
|
var AvatarPrimitive = require('@radix-ui/react-avatar');
|
|
14
15
|
var reactDayPicker = require('react-day-picker');
|
|
@@ -30,7 +31,6 @@ var PopoverPrimitive = require('@radix-ui/react-popover');
|
|
|
30
31
|
var ProgressPrimitive = require('@radix-ui/react-progress');
|
|
31
32
|
var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
|
|
32
33
|
var ResizablePrimitive = require('react-resizable-panels');
|
|
33
|
-
var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
|
|
34
34
|
var SelectPrimitive = require('@radix-ui/react-select');
|
|
35
35
|
var SeparatorPrimitive = require('@radix-ui/react-separator');
|
|
36
36
|
var SliderPrimitive = require('@radix-ui/react-slider');
|
|
@@ -70,8 +70,9 @@ function _interopNamespace(e) {
|
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
73
|
-
var
|
|
73
|
+
var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
|
|
74
74
|
var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
|
|
75
|
+
var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
|
|
75
76
|
var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
|
|
76
77
|
var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
|
|
77
78
|
var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
|
|
@@ -88,7 +89,6 @@ var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitiv
|
|
|
88
89
|
var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
|
|
89
90
|
var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
|
|
90
91
|
var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
|
|
91
|
-
var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
|
|
92
92
|
var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
|
|
93
93
|
var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
|
|
94
94
|
var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
|
|
@@ -303,7 +303,7 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
);
|
|
306
|
-
var Button =
|
|
306
|
+
var Button = React5__namespace.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
307
307
|
const Comp = asChild ? reactSlot.Slot : "button";
|
|
308
308
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
309
309
|
Comp,
|
|
@@ -331,7 +331,7 @@ function AlertDialogPortal({
|
|
|
331
331
|
}) {
|
|
332
332
|
return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Portal, { "data-slot": "alert-dialog-portal", ...props });
|
|
333
333
|
}
|
|
334
|
-
var AlertDialogOverlay =
|
|
334
|
+
var AlertDialogOverlay = React5__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
335
335
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
336
336
|
AlertDialogPrimitive__namespace.Overlay,
|
|
337
337
|
{
|
|
@@ -502,6 +502,355 @@ function AlertDescription({
|
|
|
502
502
|
}
|
|
503
503
|
);
|
|
504
504
|
}
|
|
505
|
+
function ScrollArea({
|
|
506
|
+
className,
|
|
507
|
+
children,
|
|
508
|
+
...props
|
|
509
|
+
}) {
|
|
510
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
511
|
+
ScrollAreaPrimitive__namespace.Root,
|
|
512
|
+
{
|
|
513
|
+
"data-slot": "scroll-area",
|
|
514
|
+
className: cn("relative", className),
|
|
515
|
+
...props,
|
|
516
|
+
children: [
|
|
517
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
518
|
+
ScrollAreaPrimitive__namespace.Viewport,
|
|
519
|
+
{
|
|
520
|
+
"data-slot": "scroll-area-viewport",
|
|
521
|
+
className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
|
|
522
|
+
children
|
|
523
|
+
}
|
|
524
|
+
),
|
|
525
|
+
/* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
|
|
526
|
+
/* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
|
|
527
|
+
]
|
|
528
|
+
}
|
|
529
|
+
);
|
|
530
|
+
}
|
|
531
|
+
function ScrollBar({
|
|
532
|
+
className,
|
|
533
|
+
orientation = "vertical",
|
|
534
|
+
...props
|
|
535
|
+
}) {
|
|
536
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
537
|
+
ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
|
|
538
|
+
{
|
|
539
|
+
"data-slot": "scroll-area-scrollbar",
|
|
540
|
+
orientation,
|
|
541
|
+
className: cn(
|
|
542
|
+
"flex touch-none p-px transition-colors select-none",
|
|
543
|
+
orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
|
|
544
|
+
orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
|
|
545
|
+
className
|
|
546
|
+
),
|
|
547
|
+
...props,
|
|
548
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
549
|
+
ScrollAreaPrimitive__namespace.ScrollAreaThumb,
|
|
550
|
+
{
|
|
551
|
+
"data-slot": "scroll-area-thumb",
|
|
552
|
+
className: "bg-border relative flex-1 rounded-full"
|
|
553
|
+
}
|
|
554
|
+
)
|
|
555
|
+
}
|
|
556
|
+
);
|
|
557
|
+
}
|
|
558
|
+
var badgeVariants = classVarianceAuthority.cva(
|
|
559
|
+
"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
|
|
560
|
+
{
|
|
561
|
+
variants: {
|
|
562
|
+
variant: {
|
|
563
|
+
default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
564
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
565
|
+
destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
566
|
+
outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
|
|
567
|
+
}
|
|
568
|
+
},
|
|
569
|
+
defaultVariants: {
|
|
570
|
+
variant: "default"
|
|
571
|
+
}
|
|
572
|
+
}
|
|
573
|
+
);
|
|
574
|
+
var Badge = React5__namespace.forwardRef(({ className, variant, asChild = false, ...props }, ref) => {
|
|
575
|
+
const Comp = asChild ? reactSlot.Slot : "span";
|
|
576
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
577
|
+
Comp,
|
|
578
|
+
{
|
|
579
|
+
ref,
|
|
580
|
+
"data-slot": "badge",
|
|
581
|
+
className: cn(badgeVariants({ variant }), className),
|
|
582
|
+
...props
|
|
583
|
+
}
|
|
584
|
+
);
|
|
585
|
+
});
|
|
586
|
+
Badge.displayName = "Badge";
|
|
587
|
+
|
|
588
|
+
// imports/svg-txovph4k0g.ts
|
|
589
|
+
var svg_txovph4k0g_default = {
|
|
590
|
+
p395de780: "M0 1.88343C0 0.870644 0.847464 0 1.86025 0C2.89622 0 3.74369 0.871417 3.74369 1.88343C3.74369 2.89622 2.89622 3.74446 1.86025 3.74446C0.847464 3.74446 0 2.89622 0 1.88343Z",
|
|
591
|
+
p9466600: "M14.366 0.0315111C9.86678 -0.373296 6.07442 3.17572 6.07442 7.59306V25.1303C6.07442 27.4664 7.74695 29.567 10.0661 29.8474C12.8287 30.1811 15.1857 28.0234 15.1857 25.3258V15.2102V14.0661C15.1857 13.1908 14.4757 12.4809 13.6004 12.4809H12.1488V15.2102V25.2161C12.1488 25.9847 11.5355 26.7689 10.7699 26.8384C9.86987 26.9195 9.11125 26.2095 9.11125 25.3258V7.78928C9.11125 5.45314 10.783 3.35263 13.1021 3.07142C15.8647 2.73692 18.2225 4.8946 18.2225 7.59306V21.0459C18.2225 21.0459 18.2225 21.0931 18.2225 21.1595C18.2225 21.9483 18.2225 25.3428 18.2225 25.3605C18.2024 29.7655 14.4124 33.2967 9.91931 32.8858C5.96936 32.525 3.03682 29.0355 3.03682 25.0693V15.1291V12.4816H1.58524C0.709959 12.4816 0 13.1916 0 14.0669V25.0152C0 30.6014 4.18017 35.4676 9.74781 35.9195C15.6461 36.3977 20.6529 32.029 21.2083 26.3725C21.2145 26.3053 21.2408 23.8325 21.2531 21.8216L21.2593 21.8231V7.85031C21.2601 3.87872 18.3206 0.386876 14.366 0.0315111Z"
|
|
592
|
+
};
|
|
593
|
+
|
|
594
|
+
// imports/svg-p4zgbw8x8e.ts
|
|
595
|
+
var svg_p4zgbw8x8e_default = {
|
|
596
|
+
p1cdcfe80: "M21.9603 17.085C21.9556 16.3915 22.1577 15.7123 22.5408 15.1339C22.9239 14.5555 23.4707 14.104 24.1116 13.837C24.7525 13.57 25.4585 13.4995 26.1397 13.6345C26.8208 13.7696 27.4463 14.104 27.9365 14.5952C28.4267 15.0864 28.7594 15.7122 28.8923 16.3929C29.0251 17.0736 28.9521 17.7784 28.6825 18.4175C28.4129 19.0566 27.959 19.6011 27.3784 19.9817C26.7979 20.3623 26.1171 20.5618 25.4227 20.5547C24.5062 20.5422 23.631 20.1723 22.984 19.5239C22.337 18.8756 21.9696 18.0003 21.9603 17.085V17.085Z",
|
|
597
|
+
p2cb5a300: "M98.983 25.9984C101.074 28.2086 102.206 31.1541 102.134 34.1939C102.207 37.2482 101.076 40.2089 98.983 42.4373C98.0369 43.5032 96.8719 44.353 95.5674 44.929C94.2629 45.505 92.8495 45.7937 91.4233 45.7754C90.0666 45.8501 88.7117 45.5978 87.4731 45.0398C86.2345 44.4817 85.1486 43.6343 84.3069 42.5689V54.8204H81.5394C80.7736 54.8204 80.0392 54.5166 79.4978 53.9758C78.9563 53.4351 78.6521 52.7017 78.6521 51.937V23.2227H81.9947C82.2987 23.2211 82.6001 23.2797 82.8814 23.3952C83.1626 23.5107 83.4182 23.6807 83.6332 23.8955C83.8482 24.1102 84.0185 24.3654 84.1341 24.6462C84.2498 24.9271 84.3085 25.2281 84.3069 25.5318V25.807C85.1512 24.7453 86.2379 23.9013 87.4761 23.3455C88.7143 22.7897 90.0678 22.5383 91.4233 22.6125C92.8528 22.6025 94.2678 22.8997 95.5721 23.4839C96.8765 24.0681 98.0398 24.9257 98.983 25.9984V25.9984ZM90.369 40.3555C91.1724 40.3816 91.9727 40.2432 92.7206 39.949C93.4685 39.6548 94.1482 39.2109 94.718 38.6446C95.302 38.0584 95.7595 37.359 96.0624 36.5894C96.3653 35.8198 96.5071 34.9964 96.4791 34.17C96.5113 33.3502 96.3713 32.5328 96.068 31.7703C95.7646 31.0079 95.3048 30.3174 94.718 29.7432C93.5516 28.6161 91.9921 27.9859 90.369 27.9859C88.746 27.9859 87.1865 28.6161 86.0201 29.7432C85.4473 30.3253 84.9997 31.0184 84.7051 31.7797C84.4105 32.541 84.275 33.3544 84.3069 34.17C84.2815 34.992 84.4199 35.8108 84.714 36.579C85.0081 37.3471 85.4521 38.0492 86.0201 38.6446C86.5912 39.2107 87.2706 39.656 88.0178 39.954C88.765 40.2521 89.5646 40.3968 90.369 40.3795V40.3555Z",
|
|
598
|
+
p2d489f00: "M67.1509 17.085C67.1485 16.3949 67.3516 15.7197 67.7343 15.145C68.117 14.5704 68.6621 14.1223 69.3003 13.8577C69.9385 13.593 70.6411 13.5238 71.3188 13.6587C71.9966 13.7937 72.6188 14.1267 73.1066 14.6155C73.5944 15.1044 73.9258 15.7269 74.0585 16.4042C74.1913 17.0815 74.1196 17.7828 73.8524 18.4193C73.5852 19.0557 73.1346 19.5985 72.5579 19.9787C71.9811 20.3589 71.3043 20.5594 70.6132 20.5547C69.6968 20.5422 68.8215 20.1723 68.1746 19.5239C67.5276 18.8756 67.1602 18.0003 67.1509 17.085V17.085Z",
|
|
599
|
+
p344a5f80: "M114.869 31.8729C118.068 32.5309 122.249 34.0623 122.201 38.7523C122.254 39.7667 122.048 40.7778 121.602 41.6904C121.155 42.603 120.483 43.3871 119.649 43.9688C117.799 45.2158 115.603 45.8481 113.372 45.7754C108.855 45.7754 105.776 44.0166 104.159 40.5589L107.118 38.8839C107.569 38.6258 108.095 38.5289 108.609 38.6094C109.123 38.6899 109.595 38.9428 109.945 39.3266C110.382 39.7887 110.916 40.1492 111.508 40.3828C112.1 40.6165 112.736 40.7174 113.372 40.6786C115.396 40.6786 116.403 40.0684 116.403 38.7882C116.403 37.508 114.654 36.9457 112.413 36.3954C109.155 35.5579 105.081 34.1939 105.081 29.6356C105.046 28.6587 105.245 27.6876 105.662 26.8032C106.079 25.9187 106.701 25.1465 107.477 24.5507C108.587 23.7568 109.846 23.1971 111.179 22.9057C112.513 22.6144 113.891 22.5975 115.231 22.8562C116.571 23.1148 117.844 23.6436 118.972 24.4101C120.101 25.1767 121.061 26.1649 121.794 27.3145L118.727 28.9895C118.302 29.2175 117.816 29.3077 117.338 29.2477C116.859 29.1877 116.411 28.9803 116.055 28.6545C115.346 28.0113 114.413 27.6719 113.456 27.7093C112.006 27.7093 110.904 28.4152 110.904 29.5039C110.904 30.5927 112.617 31.2986 114.869 31.8729Z",
|
|
600
|
+
p35662200: "M22.6552 23.2346V34.0025V47.2828C22.6619 47.9663 22.4243 48.6297 21.9851 49.1538C21.5459 49.6779 20.9339 50.0284 20.2591 50.1423C19.8565 50.2006 19.4462 50.1718 19.0557 50.0579C18.6653 49.9441 18.3039 49.7477 17.9961 49.4823C17.6882 49.2168 17.441 48.8884 17.2713 48.5193C17.1016 48.1501 17.0133 47.7489 17.0124 47.3427V14.1777C16.9965 11.9279 17.8761 9.76402 19.4579 8.16199C21.0396 6.55996 23.1938 5.65104 25.4466 5.63517C27.6994 5.61931 29.8663 6.4978 31.4705 8.07739C33.0747 9.65698 33.9848 11.8083 34.0007 14.058V20.5546H36.7802C37.546 20.5546 38.2804 20.2508 38.8218 19.7101C39.3633 19.1694 39.6675 18.436 39.6675 17.6712V14.2255C39.6898 10.4749 38.2191 6.86905 35.5792 4.20125C32.9392 1.53344 29.3461 0.0222044 25.5904 -7.4932e-06C21.8347 -0.0222194 18.2239 1.44641 15.5525 4.08281C12.8811 6.7192 11.3678 10.3074 11.3456 14.058V47.1632C11.3377 48.2772 11.5496 49.3818 11.9692 50.4139C12.3888 51.4461 13.0079 52.3856 13.7911 53.1789C15.3728 54.7809 17.5271 55.6898 19.7799 55.7057C22.0327 55.7216 24.1995 54.8431 25.8037 53.2635C27.4079 51.6839 28.3181 49.5326 28.3339 47.2828V33.9427V26.118C28.3339 25.3533 28.0297 24.6199 27.4883 24.0792C26.9468 23.5384 26.2124 23.2346 25.4466 23.2346H22.6552Z",
|
|
601
|
+
p3838afa0: "M67.8097 42.2698V23.2347H70.5773C70.9564 23.2347 71.3319 23.3092 71.6822 23.4541C72.0325 23.599 72.3508 23.8114 72.6189 24.0792C72.887 24.3469 73.0997 24.6648 73.2448 25.0146C73.3899 25.3644 73.4646 25.7394 73.4646 26.118V45.1532H70.6851C69.9214 45.15 69.1901 44.8449 68.6512 44.3045C68.1123 43.7641 67.8097 43.0325 67.8097 42.2698V42.2698Z",
|
|
602
|
+
p38a74f0: "M33.9767 47.929C33.4376 55.3229 27.2676 61.4247 20.0554 61.4247C16.2424 61.4247 12.5857 59.9121 9.88955 57.2196C7.19341 54.5271 5.67874 50.8753 5.67874 47.0675V23.2466H2.89926C2.13239 23.2466 1.39675 23.55 0.853375 24.0904C0.309997 24.6308 0.00313895 25.3642 -2.99221e-05 26.13V47.1154C-0.0224375 52.3706 2.03925 57.421 5.73442 61.1627C9.4296 64.9045 14.4577 67.0333 19.7199 67.0838C24.2797 67.0831 28.704 65.5352 32.2674 62.694C35.8307 59.8529 38.3217 55.8869 39.332 51.4465C39.4399 51.0198 39.4486 50.574 39.3573 50.1435C39.2661 49.7129 39.0773 49.3089 38.8056 48.9625C38.5338 48.616 38.1862 48.3363 37.7895 48.1447C37.3927 47.9531 36.9573 47.8547 36.5166 47.8572H33.9767V47.929Z",
|
|
603
|
+
pe814d80: "M56.9674 42.2698V16.4628C56.9673 16.0801 57.0436 15.7012 57.1916 15.3482C57.3397 14.9953 57.5567 14.6752 57.8299 14.4069C58.1031 14.1385 58.4271 13.9271 58.783 13.785C59.1388 13.643 59.5194 13.5731 59.9026 13.5794H62.6701V45.1532H59.9026C59.5194 45.1596 59.1388 45.0897 58.783 44.9476C58.4271 44.8056 58.1031 44.5942 57.8299 44.3258C57.5567 44.0574 57.3397 43.7374 57.1916 43.3844C57.0436 43.0314 56.9673 42.6525 56.9674 42.2698V42.2698Z",
|
|
604
|
+
pf48a00: "M35.7618 42.4373C34.6809 41.3588 33.8312 40.0716 33.2648 38.6543C32.6983 37.2371 32.427 35.7194 32.4672 34.1939C32.4311 32.6648 32.7061 31.1442 33.2755 29.7242C33.845 28.3043 34.697 27.0144 35.7801 25.9329C36.8631 24.8513 38.1547 24.0004 39.5766 23.4317C40.9985 22.8631 42.5211 22.5884 44.0524 22.6245C46.0565 22.5718 48.0365 23.0708 49.7756 24.0669C51.5147 25.0629 52.9458 26.5176 53.9123 28.2716L50.8334 30.0782C50.399 30.3371 49.8912 30.4457 49.3888 30.3873C48.8863 30.3289 48.4171 30.1067 48.0539 29.7552C46.9749 28.7253 45.5327 28.1621 44.0404 28.1879C43.2541 28.1709 42.4726 28.3149 41.7441 28.6109C41.0156 28.907 40.3555 29.3488 39.8044 29.9092C39.2533 30.4696 38.823 31.1367 38.5398 31.8695C38.2567 32.6023 38.1267 33.3852 38.1579 34.17C38.1376 34.9603 38.2742 35.7468 38.5601 36.4841C38.8459 37.2213 39.2752 37.8947 39.8232 38.4652C40.936 39.5183 42.404 40.1161 43.9369 40.1405C45.4697 40.1648 46.956 39.614 48.1018 38.5968C48.4741 38.2608 48.9427 38.05 49.4414 37.9942C49.9401 37.9384 50.4437 38.0404 50.8813 38.2857L53.9842 40.0564C53.0823 41.5777 51.8458 42.8744 50.3684 43.8484C48.8909 44.8224 47.2111 45.4483 45.4558 45.6788C43.7006 45.9093 41.9158 45.7384 40.2364 45.1789C38.557 44.6194 37.027 43.686 35.7618 42.4493V42.4373Z"
|
|
605
|
+
};
|
|
606
|
+
|
|
607
|
+
// imports/svg-agvoxj05dl.ts
|
|
608
|
+
var svg_agvoxj05dl_default = {
|
|
609
|
+
p12652a00: "M12.7929 15.2014C12.4062 14.8151 12.1022 14.354 11.8996 13.8463C11.697 13.3386 11.5999 12.795 11.6143 12.2486C11.6014 11.7008 11.6997 11.1561 11.9034 10.6475C12.1071 10.1388 12.4119 9.67682 12.7994 9.28938C13.1868 8.90195 13.6488 8.59716 14.1575 8.39346C14.6661 8.18975 15.2108 8.09138 15.7586 8.10429C16.4755 8.08543 17.1838 8.26417 17.8059 8.62096C18.428 8.97775 18.94 9.49883 19.2857 10.1271L18.1843 10.7743C18.0289 10.867 17.8473 10.9059 17.6675 10.885C17.4878 10.8641 17.3199 10.7845 17.19 10.6586C16.804 10.2897 16.2881 10.0879 15.7543 10.0971C15.473 10.0911 15.1934 10.1426 14.9328 10.2487C14.6722 10.3547 14.4361 10.513 14.239 10.7137C14.0418 10.9145 13.8879 11.1535 13.7866 11.4159C13.6853 11.6784 13.6388 11.9589 13.65 12.24C13.6427 12.5231 13.6916 12.8048 13.7938 13.0689C13.8961 13.333 14.0497 13.5742 14.2457 13.7786C14.6438 14.1558 15.1689 14.3699 15.7172 14.3787C16.2656 14.3874 16.7973 14.1901 17.2071 13.8257C17.3403 13.7054 17.5079 13.6299 17.6863 13.6099C17.8647 13.5899 18.0449 13.6264 18.2014 13.7143L19.3114 14.3486C18.9888 14.8935 18.5465 15.358 18.0179 15.7069C17.4894 16.0558 16.8885 16.28 16.2606 16.3626C15.6327 16.4451 14.9943 16.3839 14.3935 16.1835C13.7928 15.9831 13.2454 15.6487 12.7929 15.2057V15.2014Z",
|
|
610
|
+
p128e2c00: "M7.85574 6.12C7.85405 5.87159 7.92633 5.62829 8.06338 5.4211C8.20043 5.21391 8.39604 5.05219 8.62531 4.95654C8.85457 4.86089 9.10712 4.83565 9.35078 4.88401C9.59445 4.93238 9.8182 5.05217 9.99356 5.22813C10.1689 5.40409 10.2879 5.62826 10.3355 5.87209C10.383 6.11592 10.3569 6.36838 10.2604 6.59731C10.164 6.82625 10.0016 7.0213 9.79392 7.15763C9.58626 7.29396 9.34271 7.36541 9.09431 7.36286C8.76647 7.3584 8.45337 7.22589 8.22193 6.99365C7.99049 6.76141 7.85906 6.44786 7.85574 6.12V6.12Z",
|
|
611
|
+
p15ebc880: "M24.0214 6.12001C24.0206 5.8728 24.0932 5.63092 24.2301 5.42508C24.3671 5.21925 24.562 5.05874 24.7903 4.96394C25.0187 4.86915 25.27 4.84434 25.5124 4.89268C25.7549 4.94101 25.9775 5.06031 26.152 5.23541C26.3265 5.41051 26.445 5.63353 26.4925 5.87613C26.54 6.11873 26.5143 6.36998 26.4187 6.59796C26.3231 6.82594 26.162 7.02037 25.9557 7.15656C25.7493 7.29275 25.5072 7.36456 25.26 7.36286C24.9322 7.3584 24.6191 7.22589 24.3876 6.99365C24.1562 6.76141 24.0248 6.44786 24.0214 6.12001V6.12001Z",
|
|
612
|
+
p2b03ee00: "M8.10429 8.32285V12.18V16.9371C8.10669 17.1819 8.0217 17.4196 7.86458 17.6073C7.70747 17.7951 7.48854 17.9206 7.24715 17.9614C7.10315 17.9823 6.95635 17.972 6.81668 17.9312C6.67701 17.8904 6.54774 17.8201 6.43761 17.725C6.32748 17.6299 6.23907 17.5123 6.17836 17.38C6.11765 17.2478 6.08605 17.1041 6.08572 16.9586V5.07857C6.08003 4.27269 6.39472 3.49756 6.96054 2.9237C7.52637 2.34984 8.29698 2.02425 9.10286 2.01857C9.90874 2.01289 10.6839 2.32757 11.2577 2.89339C11.8316 3.45922 12.1572 4.22983 12.1629 5.03571V7.36285H13.1571C13.4311 7.36285 13.6938 7.25404 13.8875 7.06034C14.0812 6.86664 14.19 6.60393 14.19 6.33V5.09571C14.198 3.7522 13.6719 2.46056 12.7275 1.50492C11.7831 0.549292 10.4978 0.00795366 9.15429 -2.83887e-06C7.81078 -0.00795933 6.51913 0.518118 5.5635 1.4625C4.60787 2.40688 4.06653 3.6922 4.05857 5.03571V16.8943C4.05576 17.2933 4.13157 17.689 4.28167 18.0587C4.43177 18.4285 4.65323 18.765 4.9334 19.0492C5.49922 19.623 6.26984 19.9486 7.07572 19.9543C7.8816 19.96 8.65673 19.6453 9.23059 19.0795C9.80445 18.5136 10.13 17.743 10.1357 16.9371V12.1586V9.35571C10.1357 9.08178 10.0269 8.81907 9.8332 8.62537C9.6395 8.43167 9.37679 8.32285 9.10286 8.32285H8.10429Z",
|
|
613
|
+
p3000fb00: "M41.0914 11.4171C42.2357 11.6529 43.7314 12.2014 43.7143 13.8814C43.7333 14.2448 43.6594 14.607 43.4997 14.9339C43.34 15.2608 43.0997 15.5417 42.8014 15.75C42.1396 16.1967 41.3537 16.4232 40.5557 16.3971C38.94 16.3971 37.8386 15.7671 37.26 14.5286L38.3186 13.9286C38.4801 13.8361 38.6683 13.8014 38.8521 13.8302C39.036 13.8591 39.2046 13.9497 39.33 14.0871C39.4864 14.2527 39.6773 14.3818 39.889 14.4655C40.1008 14.5492 40.3284 14.5853 40.5557 14.5714C41.28 14.5714 41.64 14.3529 41.64 13.8943C41.64 13.4357 41.0143 13.2343 40.2129 13.0371C39.0472 12.7371 37.59 12.2486 37.59 10.6157C37.5775 10.2658 37.6488 9.91796 37.7979 9.60114C37.947 9.28433 38.1696 9.0077 38.4472 8.79429C38.844 8.5099 39.2946 8.3094 39.7715 8.20504C40.2484 8.10067 40.7416 8.09463 41.2209 8.18729C41.7002 8.27994 42.1556 8.46935 42.5593 8.74393C42.9629 9.01851 43.3063 9.37251 43.5686 9.78429L42.4714 10.3843C42.3194 10.466 42.1457 10.4983 41.9744 10.4768C41.8032 10.4553 41.6429 10.381 41.5157 10.2643C41.2621 10.0339 40.9281 9.91232 40.5857 9.92572C40.0671 9.92572 39.6729 10.1786 39.6729 10.5686C39.6729 10.9586 40.2857 11.2114 41.0914 11.4171Z",
|
|
614
|
+
p3405fff0: "M12.1543 17.1686C11.9614 19.8172 9.75428 22.0029 7.17428 22.0029C5.81031 22.0029 4.5022 21.461 3.53773 20.4966C2.57325 19.5321 2.03142 18.224 2.03142 16.86V8.32715H1.03713C0.762807 8.32715 0.499653 8.43583 0.305274 8.62941C0.110895 8.82298 0.00112454 9.08569 -9.03731e-06 9.36001V16.8772C-0.00802475 18.7596 0.729489 20.5687 2.05134 21.909C3.37319 23.2494 5.17188 24.0119 7.05428 24.03C8.68543 24.0298 10.2681 23.4753 11.5428 22.4576C12.8175 21.4398 13.7086 20.0192 14.07 18.4286C14.1086 18.2757 14.1117 18.1161 14.079 17.9618C14.0464 17.8076 13.9789 17.6629 13.8817 17.5388C13.7844 17.4147 13.6601 17.3145 13.5182 17.2459C13.3763 17.1772 13.2205 17.142 13.0628 17.1429H12.1543V17.1686Z",
|
|
615
|
+
p36679780: "M24.2571 15.1414V8.32286H25.2471C25.3828 8.32286 25.5171 8.34958 25.6424 8.40148C25.7677 8.45339 25.8816 8.52947 25.9775 8.62538C26.0734 8.72129 26.1495 8.83515 26.2014 8.96046C26.2533 9.08577 26.28 9.22008 26.28 9.35572V16.1743H25.2857C25.0125 16.1732 24.7509 16.0638 24.5581 15.8703C24.3654 15.6767 24.2571 15.4146 24.2571 15.1414V15.1414Z",
|
|
616
|
+
p75f2980: "M20.3786 15.1414V5.89714C20.3786 5.76004 20.4058 5.62432 20.4588 5.49788C20.5118 5.37144 20.5894 5.2568 20.6871 5.16067C20.7849 5.06453 20.9008 4.98881 21.0281 4.93792C21.1553 4.88704 21.2915 4.862 21.4286 4.86428H22.4186V16.1743H21.4286C21.2915 16.1766 21.1553 16.1515 21.0281 16.1006C20.9008 16.0498 20.7849 15.974 20.6871 15.8779C20.5894 15.7818 20.5118 15.6671 20.4588 15.5407C20.4058 15.4142 20.3786 15.2785 20.3786 15.1414V15.1414Z",
|
|
617
|
+
pb292700: "M35.4086 9.31285C36.1566 10.1046 36.5616 11.1597 36.5357 12.2486C36.562 13.3426 36.1572 14.4032 35.4086 15.2014C35.0701 15.5832 34.6534 15.8876 34.1867 16.094C33.7201 16.3003 33.2144 16.4037 32.7043 16.3971C32.2189 16.4239 31.7343 16.3336 31.2912 16.1337C30.8481 15.9337 30.4596 15.6302 30.1586 15.2486V19.6371H29.1686C28.8946 19.6371 28.6319 19.5283 28.4382 19.3346C28.2445 19.1409 28.1357 18.8782 28.1357 18.6043V8.31857H29.3314C29.4402 8.318 29.548 8.33901 29.6486 8.38037C29.7492 8.42174 29.8406 8.48264 29.9176 8.55957C29.9945 8.63649 30.0554 8.7279 30.0967 8.82851C30.1381 8.92912 30.1591 9.03693 30.1586 9.14571V9.24428C30.4606 8.864 30.8493 8.56165 31.2923 8.36255C31.7352 8.16346 32.2194 8.07343 32.7043 8.1C33.2156 8.09642 33.7218 8.20287 34.1884 8.41214C34.655 8.62141 35.0711 8.92859 35.4086 9.31285V9.31285ZM32.3271 14.4557C32.6145 14.465 32.9008 14.4155 33.1683 14.3101C33.4359 14.2047 33.679 14.0457 33.8828 13.8429C34.0917 13.6329 34.2554 13.3823 34.3638 13.1067C34.4721 12.831 34.5229 12.536 34.5128 12.24C34.5244 11.9463 34.4743 11.6535 34.3658 11.3804C34.2573 11.1073 34.0928 10.86 33.8828 10.6543C33.4656 10.2505 32.9077 10.0248 32.3271 10.0248C31.7465 10.0248 31.1887 10.2505 30.7714 10.6543C30.5665 10.8628 30.4064 11.1111 30.301 11.3838C30.1956 11.6565 30.1471 11.9479 30.1586 12.24C30.1495 12.5344 30.199 12.8278 30.3042 13.1029C30.4094 13.3781 30.5682 13.6296 30.7714 13.8429C30.9757 14.0456 31.2187 14.2051 31.486 14.3119C31.7533 14.4187 32.0394 14.4705 32.3271 14.4643V14.4557Z"
|
|
618
|
+
};
|
|
619
|
+
function BrandLogo({ variant = "full", mode = "positive", className, ...props }) {
|
|
620
|
+
if (variant === "symbol") {
|
|
621
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative inline-block", className), ...props, "data-name": "Logo S\xEDmbolo", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
622
|
+
"svg",
|
|
623
|
+
{
|
|
624
|
+
className: "block w-full h-full",
|
|
625
|
+
fill: "none",
|
|
626
|
+
viewBox: "0 0 22 36",
|
|
627
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
628
|
+
children: [
|
|
629
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_txovph4k0g_default.p9466600, fill: "#E62EA8", transform: "translate(0.37, 0.02)" }),
|
|
630
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_txovph4k0g_default.p395de780, fill: "#E62EA8", transform: "translate(11.65, 7.32)" })
|
|
631
|
+
]
|
|
632
|
+
}
|
|
633
|
+
) });
|
|
634
|
+
}
|
|
635
|
+
if (mode === "positive") {
|
|
636
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative inline-block", className), ...props, "data-name": "Logo", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
637
|
+
"svg",
|
|
638
|
+
{
|
|
639
|
+
className: "block w-full h-full",
|
|
640
|
+
fill: "none",
|
|
641
|
+
viewBox: "0 0 123 67",
|
|
642
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
643
|
+
children: [
|
|
644
|
+
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_positive)", children: [
|
|
645
|
+
/* @__PURE__ */ jsxRuntime.jsxs("g", { id: "Group_Positive", children: [
|
|
646
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p38a74f0, fill: "#E52EA8" }),
|
|
647
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p35662200, fill: "#E52EA8" }),
|
|
648
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p1cdcfe80, fill: "#E52EA8" })
|
|
649
|
+
] }),
|
|
650
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.pf48a00, fill: "#5B158C" }),
|
|
651
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.pe814d80, fill: "#5B158C" }),
|
|
652
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p3838afa0, fill: "#5B158C" }),
|
|
653
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p2d489f00, fill: "#5B158C" }),
|
|
654
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p2cb5a300, fill: "#5B158C" }),
|
|
655
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p344a5f80, fill: "#5B158C" })
|
|
656
|
+
] }),
|
|
657
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_positive", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "122.201", height: "67", fill: "white" }) }) })
|
|
658
|
+
]
|
|
659
|
+
}
|
|
660
|
+
) });
|
|
661
|
+
}
|
|
662
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative inline-block", className), ...props, "data-name": "Logo Negative", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
663
|
+
"svg",
|
|
664
|
+
{
|
|
665
|
+
className: "block w-full h-full",
|
|
666
|
+
fill: "none",
|
|
667
|
+
viewBox: "0 0 44 24",
|
|
668
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
669
|
+
children: [
|
|
670
|
+
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_negative)", children: [
|
|
671
|
+
/* @__PURE__ */ jsxRuntime.jsxs("g", { id: "Group_Negative", children: [
|
|
672
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p3405fff0, fill: "#E52EA8" }),
|
|
673
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p2b03ee00, fill: "#E52EA8" }),
|
|
674
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p128e2c00, fill: "#E52EA8" })
|
|
675
|
+
] }),
|
|
676
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p12652a00, fill: "white" }),
|
|
677
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p75f2980, fill: "white" }),
|
|
678
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p36679780, fill: "white" }),
|
|
679
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p15ebc880, fill: "white" }),
|
|
680
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.pb292700, fill: "white" }),
|
|
681
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p3000fb00, fill: "white" })
|
|
682
|
+
] }),
|
|
683
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_negative", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "43.7143", height: "24", fill: "white" }) }) })
|
|
684
|
+
]
|
|
685
|
+
}
|
|
686
|
+
) });
|
|
687
|
+
}
|
|
688
|
+
var DEFAULT_PRIMARY_NAV_ITEMS = [
|
|
689
|
+
{ id: "home", label: "In\xEDcio", icon: lucideReact.Home },
|
|
690
|
+
{ id: "projects", label: "Projetos", icon: lucideReact.Folder },
|
|
691
|
+
{ id: "clients", label: "Clientes", icon: lucideReact.Users },
|
|
692
|
+
{ id: "calendar", label: "Calend\xE1rio", icon: lucideReact.Calendar },
|
|
693
|
+
{ id: "reports", label: "Relat\xF3rios", icon: lucideReact.BarChart3 },
|
|
694
|
+
{ id: "settings", label: "Configura\xE7\xF5es", icon: lucideReact.Settings }
|
|
695
|
+
];
|
|
696
|
+
var DEFAULT_SECONDARY_NAV_ITEMS = [
|
|
697
|
+
{ label: "Todos os Projetos", icon: lucideReact.LayoutGrid },
|
|
698
|
+
{ label: "Documentos", icon: lucideReact.FileText, badge: "3" },
|
|
699
|
+
{ label: "Favoritos", icon: lucideReact.Star, chevron: true },
|
|
700
|
+
{ label: "Coment\xE1rios", icon: lucideReact.MessageSquare, badge: "12", highlighted: true },
|
|
701
|
+
{ label: "Downloads", icon: lucideReact.Download },
|
|
702
|
+
{ label: "Recentes", icon: lucideReact.Sparkles, chevron: true }
|
|
703
|
+
];
|
|
704
|
+
function AppLayout({
|
|
705
|
+
children,
|
|
706
|
+
title = "Dashboard",
|
|
707
|
+
theme = "light",
|
|
708
|
+
onThemeToggle,
|
|
709
|
+
primaryNavItems = DEFAULT_PRIMARY_NAV_ITEMS,
|
|
710
|
+
secondaryNavItems = DEFAULT_SECONDARY_NAV_ITEMS,
|
|
711
|
+
secondaryNavTitle = "Menu",
|
|
712
|
+
activePrimaryItem,
|
|
713
|
+
onPrimaryItemClick,
|
|
714
|
+
logoComponent,
|
|
715
|
+
hideSecondaryNav = false,
|
|
716
|
+
defaultPrimaryNavPinned = false,
|
|
717
|
+
defaultSecondaryNavOpen = true
|
|
718
|
+
}) {
|
|
719
|
+
const [isPrimaryNavPinned, setIsPrimaryNavPinned] = React5__namespace.useState(defaultPrimaryNavPinned);
|
|
720
|
+
const [isPrimaryNavHovered, setIsPrimaryNavHovered] = React5__namespace.useState(false);
|
|
721
|
+
const [isSecondaryNavOpen, setIsSecondaryNavOpen] = React5__namespace.useState(defaultSecondaryNavOpen);
|
|
722
|
+
const [activeItem, setActiveItem] = React5__namespace.useState(activePrimaryItem || primaryNavItems[0]?.id);
|
|
723
|
+
const isPrimaryNavExpanded = isPrimaryNavPinned || isPrimaryNavHovered;
|
|
724
|
+
const handlePrimaryItemClick = (id) => {
|
|
725
|
+
setActiveItem(id);
|
|
726
|
+
if (onPrimaryItemClick) {
|
|
727
|
+
onPrimaryItemClick(id);
|
|
728
|
+
}
|
|
729
|
+
};
|
|
730
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-screen w-full bg-background", children: [
|
|
731
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
732
|
+
"div",
|
|
733
|
+
{
|
|
734
|
+
className: cn(
|
|
735
|
+
"relative border-r bg-background transition-all duration-200",
|
|
736
|
+
isPrimaryNavExpanded ? "w-56" : "w-16"
|
|
737
|
+
),
|
|
738
|
+
onMouseEnter: () => setIsPrimaryNavHovered(true),
|
|
739
|
+
onMouseLeave: () => setIsPrimaryNavHovered(false),
|
|
740
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col", children: [
|
|
741
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-14 min-h-[65px] items-center border-b bg-background px-3", children: isPrimaryNavExpanded ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center justify-between overflow-hidden", children: [
|
|
742
|
+
logoComponent || /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { variant: "full", className: "h-8 w-auto" }),
|
|
743
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
744
|
+
"button",
|
|
745
|
+
{
|
|
746
|
+
className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded hover:bg-accent",
|
|
747
|
+
onClick: () => setIsPrimaryNavPinned(!isPrimaryNavPinned),
|
|
748
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pin, { className: cn("h-3.5 w-3.5", isPrimaryNavPinned ? "fill-primary text-primary" : "text-muted-foreground") })
|
|
749
|
+
}
|
|
750
|
+
)
|
|
751
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full justify-center", children: logoComponent || /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { variant: "symbol", className: "h-8 w-8" }) }) }),
|
|
752
|
+
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex-1 space-y-1 p-2", children: primaryNavItems.map((item) => {
|
|
753
|
+
const Icon2 = item.icon;
|
|
754
|
+
const isActive2 = activeItem === item.id;
|
|
755
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
756
|
+
"button",
|
|
757
|
+
{
|
|
758
|
+
onClick: () => handlePrimaryItemClick(item.id),
|
|
759
|
+
className: cn(
|
|
760
|
+
"flex w-full items-center gap-3 rounded px-3 py-2 text-sm transition-colors",
|
|
761
|
+
isActive2 ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
|
|
762
|
+
),
|
|
763
|
+
children: [
|
|
764
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-4 w-4 shrink-0" }),
|
|
765
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
766
|
+
"span",
|
|
767
|
+
{
|
|
768
|
+
className: cn(
|
|
769
|
+
"transition-all duration-300",
|
|
770
|
+
isPrimaryNavExpanded ? "opacity-100" : "w-0 opacity-0"
|
|
771
|
+
),
|
|
772
|
+
children: item.label
|
|
773
|
+
}
|
|
774
|
+
)
|
|
775
|
+
]
|
|
776
|
+
},
|
|
777
|
+
item.id
|
|
778
|
+
);
|
|
779
|
+
}) })
|
|
780
|
+
] }) })
|
|
781
|
+
}
|
|
782
|
+
),
|
|
783
|
+
!hideSecondaryNav && isSecondaryNavOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-64 border-l bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col", children: [
|
|
784
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-14 items-center justify-between border-b px-3", children: [
|
|
785
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: secondaryNavTitle }),
|
|
786
|
+
/* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 p-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }) })
|
|
787
|
+
] }),
|
|
788
|
+
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex-1 space-y-0.5 p-2", children: secondaryNavItems.map((item, index) => {
|
|
789
|
+
const Icon2 = item.icon;
|
|
790
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
791
|
+
"button",
|
|
792
|
+
{
|
|
793
|
+
className: cn(
|
|
794
|
+
"flex w-full items-center gap-2 rounded px-3 py-2 text-sm transition-colors",
|
|
795
|
+
item.highlighted ? "bg-primary/5 text-primary hover:bg-accent" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
|
|
796
|
+
),
|
|
797
|
+
children: [
|
|
798
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-4 w-4 shrink-0" }),
|
|
799
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("flex-1 text-left", item.highlighted && "font-medium"), children: item.label }),
|
|
800
|
+
item.badge && /* @__PURE__ */ jsxRuntime.jsx(
|
|
801
|
+
Badge,
|
|
802
|
+
{
|
|
803
|
+
variant: item.highlighted ? "default" : "secondary",
|
|
804
|
+
className: "min-w-5 px-1.5 text-xs",
|
|
805
|
+
children: item.badge
|
|
806
|
+
}
|
|
807
|
+
),
|
|
808
|
+
item.chevron && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3 w-3" })
|
|
809
|
+
]
|
|
810
|
+
},
|
|
811
|
+
index
|
|
812
|
+
);
|
|
813
|
+
}) }),
|
|
814
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
815
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-primary text-primary-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { className: "h-4 w-4" }) }),
|
|
816
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
|
|
817
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "A\xE7\xF5es r\xE1pidas" }),
|
|
818
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Ver todas" })
|
|
819
|
+
] })
|
|
820
|
+
] }) })
|
|
821
|
+
] }) }) }),
|
|
822
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col", children: [
|
|
823
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-14 items-center justify-between border-b bg-background px-4", children: [
|
|
824
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
825
|
+
!hideSecondaryNav && /* @__PURE__ */ jsxRuntime.jsx(
|
|
826
|
+
Button,
|
|
827
|
+
{
|
|
828
|
+
variant: "ghost",
|
|
829
|
+
size: "icon",
|
|
830
|
+
className: "h-8 w-8 p-0",
|
|
831
|
+
onClick: () => setIsSecondaryNavOpen(!isSecondaryNavOpen),
|
|
832
|
+
children: isSecondaryNavOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftClose, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { className: "h-4 w-4" })
|
|
833
|
+
}
|
|
834
|
+
),
|
|
835
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base font-semibold", children: title })
|
|
836
|
+
] }),
|
|
837
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
838
|
+
/* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "h-4 w-4" }) }),
|
|
839
|
+
onThemeToggle && /* @__PURE__ */ jsxRuntime.jsx(
|
|
840
|
+
Button,
|
|
841
|
+
{
|
|
842
|
+
variant: "outline",
|
|
843
|
+
size: "sm",
|
|
844
|
+
onClick: onThemeToggle,
|
|
845
|
+
children: theme === "light" ? "\u{1F319}" : "\u2600\uFE0F"
|
|
846
|
+
}
|
|
847
|
+
)
|
|
848
|
+
] })
|
|
849
|
+
] }),
|
|
850
|
+
/* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children }) })
|
|
851
|
+
] })
|
|
852
|
+
] });
|
|
853
|
+
}
|
|
505
854
|
function AspectRatio({
|
|
506
855
|
...props
|
|
507
856
|
}) {
|
|
@@ -552,35 +901,6 @@ function AvatarFallback({
|
|
|
552
901
|
}
|
|
553
902
|
);
|
|
554
903
|
}
|
|
555
|
-
var badgeVariants = classVarianceAuthority.cva(
|
|
556
|
-
"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
|
|
557
|
-
{
|
|
558
|
-
variants: {
|
|
559
|
-
variant: {
|
|
560
|
-
default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
561
|
-
secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
562
|
-
destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
563
|
-
outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
|
|
564
|
-
}
|
|
565
|
-
},
|
|
566
|
-
defaultVariants: {
|
|
567
|
-
variant: "default"
|
|
568
|
-
}
|
|
569
|
-
}
|
|
570
|
-
);
|
|
571
|
-
var Badge = React4__namespace.forwardRef(({ className, variant, asChild = false, ...props }, ref) => {
|
|
572
|
-
const Comp = asChild ? reactSlot.Slot : "span";
|
|
573
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
574
|
-
Comp,
|
|
575
|
-
{
|
|
576
|
-
ref,
|
|
577
|
-
"data-slot": "badge",
|
|
578
|
-
className: cn(badgeVariants({ variant }), className),
|
|
579
|
-
...props
|
|
580
|
-
}
|
|
581
|
-
);
|
|
582
|
-
});
|
|
583
|
-
Badge.displayName = "Badge";
|
|
584
904
|
function Breadcrumb({ ...props }) {
|
|
585
905
|
return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
|
|
586
906
|
}
|
|
@@ -671,7 +991,7 @@ function BreadcrumbEllipsis({
|
|
|
671
991
|
}
|
|
672
992
|
);
|
|
673
993
|
}
|
|
674
|
-
function
|
|
994
|
+
function Calendar2({
|
|
675
995
|
className,
|
|
676
996
|
classNames,
|
|
677
997
|
showOutsideDays = true,
|
|
@@ -805,9 +1125,9 @@ function CardFooter({ className, ...props }) {
|
|
|
805
1125
|
}
|
|
806
1126
|
);
|
|
807
1127
|
}
|
|
808
|
-
var CarouselContext =
|
|
1128
|
+
var CarouselContext = React5__namespace.createContext(null);
|
|
809
1129
|
function useCarousel() {
|
|
810
|
-
const context =
|
|
1130
|
+
const context = React5__namespace.useContext(CarouselContext);
|
|
811
1131
|
if (!context) {
|
|
812
1132
|
throw new Error("useCarousel must be used within a <Carousel />");
|
|
813
1133
|
}
|
|
@@ -829,20 +1149,20 @@ function Carousel({
|
|
|
829
1149
|
},
|
|
830
1150
|
plugins
|
|
831
1151
|
);
|
|
832
|
-
const [canScrollPrev, setCanScrollPrev] =
|
|
833
|
-
const [canScrollNext, setCanScrollNext] =
|
|
834
|
-
const onSelect =
|
|
1152
|
+
const [canScrollPrev, setCanScrollPrev] = React5__namespace.useState(false);
|
|
1153
|
+
const [canScrollNext, setCanScrollNext] = React5__namespace.useState(false);
|
|
1154
|
+
const onSelect = React5__namespace.useCallback((api2) => {
|
|
835
1155
|
if (!api2) return;
|
|
836
1156
|
setCanScrollPrev(api2.canScrollPrev());
|
|
837
1157
|
setCanScrollNext(api2.canScrollNext());
|
|
838
1158
|
}, []);
|
|
839
|
-
const scrollPrev =
|
|
1159
|
+
const scrollPrev = React5__namespace.useCallback(() => {
|
|
840
1160
|
api?.scrollPrev();
|
|
841
1161
|
}, [api]);
|
|
842
|
-
const scrollNext =
|
|
1162
|
+
const scrollNext = React5__namespace.useCallback(() => {
|
|
843
1163
|
api?.scrollNext();
|
|
844
1164
|
}, [api]);
|
|
845
|
-
const handleKeyDown2 =
|
|
1165
|
+
const handleKeyDown2 = React5__namespace.useCallback(
|
|
846
1166
|
(event) => {
|
|
847
1167
|
if (event.key === "ArrowLeft") {
|
|
848
1168
|
event.preventDefault();
|
|
@@ -854,11 +1174,11 @@ function Carousel({
|
|
|
854
1174
|
},
|
|
855
1175
|
[scrollPrev, scrollNext]
|
|
856
1176
|
);
|
|
857
|
-
|
|
1177
|
+
React5__namespace.useEffect(() => {
|
|
858
1178
|
if (!api || !setApi) return;
|
|
859
1179
|
setApi(api);
|
|
860
1180
|
}, [api, setApi]);
|
|
861
|
-
|
|
1181
|
+
React5__namespace.useEffect(() => {
|
|
862
1182
|
if (!api) return;
|
|
863
1183
|
onSelect(api);
|
|
864
1184
|
api.on("reInit", onSelect);
|
|
@@ -1061,7 +1381,7 @@ function DialogClose({
|
|
|
1061
1381
|
}) {
|
|
1062
1382
|
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "data-slot": "dialog-close", ...props });
|
|
1063
1383
|
}
|
|
1064
|
-
var DialogOverlay =
|
|
1384
|
+
var DialogOverlay = React5__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
1065
1385
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1066
1386
|
DialogPrimitive__namespace.Overlay,
|
|
1067
1387
|
{
|
|
@@ -1504,7 +1824,7 @@ function Drawer({
|
|
|
1504
1824
|
}) {
|
|
1505
1825
|
return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Root, { "data-slot": "drawer", ...props });
|
|
1506
1826
|
}
|
|
1507
|
-
var DrawerTrigger =
|
|
1827
|
+
var DrawerTrigger = React5__namespace.forwardRef(({ ...props }, ref) => {
|
|
1508
1828
|
return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Trigger, { ref, "data-slot": "drawer-trigger", ...props });
|
|
1509
1829
|
});
|
|
1510
1830
|
DrawerTrigger.displayName = "DrawerTrigger";
|
|
@@ -1513,11 +1833,11 @@ function DrawerPortal({
|
|
|
1513
1833
|
}) {
|
|
1514
1834
|
return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
|
|
1515
1835
|
}
|
|
1516
|
-
var DrawerClose =
|
|
1836
|
+
var DrawerClose = React5__namespace.forwardRef(({ ...props }, ref) => {
|
|
1517
1837
|
return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Close, { ref, "data-slot": "drawer-close", ...props });
|
|
1518
1838
|
});
|
|
1519
1839
|
DrawerClose.displayName = "DrawerClose";
|
|
1520
|
-
var DrawerOverlay =
|
|
1840
|
+
var DrawerOverlay = React5__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
1521
1841
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1522
1842
|
vaul.Drawer.Overlay,
|
|
1523
1843
|
{
|
|
@@ -1532,7 +1852,7 @@ var DrawerOverlay = React4__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1532
1852
|
);
|
|
1533
1853
|
});
|
|
1534
1854
|
DrawerOverlay.displayName = "DrawerOverlay";
|
|
1535
|
-
var DrawerContent =
|
|
1855
|
+
var DrawerContent = React5__namespace.forwardRef(({ className, children, ...props }, ref) => {
|
|
1536
1856
|
return /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
|
|
1537
1857
|
/* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
|
|
1538
1858
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -1578,7 +1898,7 @@ function DrawerFooter({ className, ...props }) {
|
|
|
1578
1898
|
}
|
|
1579
1899
|
);
|
|
1580
1900
|
}
|
|
1581
|
-
var DrawerTitle =
|
|
1901
|
+
var DrawerTitle = React5__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
1582
1902
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1583
1903
|
vaul.Drawer.Title,
|
|
1584
1904
|
{
|
|
@@ -1590,7 +1910,7 @@ var DrawerTitle = React4__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1590
1910
|
);
|
|
1591
1911
|
});
|
|
1592
1912
|
DrawerTitle.displayName = "DrawerTitle";
|
|
1593
|
-
var DrawerDescription =
|
|
1913
|
+
var DrawerDescription = React5__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
1594
1914
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1595
1915
|
vaul.Drawer.Description,
|
|
1596
1916
|
{
|
|
@@ -1829,7 +2149,7 @@ function Label3({
|
|
|
1829
2149
|
);
|
|
1830
2150
|
}
|
|
1831
2151
|
var Form = reactHookForm.FormProvider;
|
|
1832
|
-
var FormFieldContext =
|
|
2152
|
+
var FormFieldContext = React5__namespace.createContext(
|
|
1833
2153
|
{}
|
|
1834
2154
|
);
|
|
1835
2155
|
var FormField = ({
|
|
@@ -1838,8 +2158,8 @@ var FormField = ({
|
|
|
1838
2158
|
return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
|
|
1839
2159
|
};
|
|
1840
2160
|
var useFormField = () => {
|
|
1841
|
-
const fieldContext =
|
|
1842
|
-
const itemContext =
|
|
2161
|
+
const fieldContext = React5__namespace.useContext(FormFieldContext);
|
|
2162
|
+
const itemContext = React5__namespace.useContext(FormItemContext);
|
|
1843
2163
|
const { getFieldState } = reactHookForm.useFormContext();
|
|
1844
2164
|
const formState = reactHookForm.useFormState({ name: fieldContext.name });
|
|
1845
2165
|
const fieldState = getFieldState(fieldContext.name, formState);
|
|
@@ -1856,11 +2176,11 @@ var useFormField = () => {
|
|
|
1856
2176
|
...fieldState
|
|
1857
2177
|
};
|
|
1858
2178
|
};
|
|
1859
|
-
var FormItemContext =
|
|
2179
|
+
var FormItemContext = React5__namespace.createContext(
|
|
1860
2180
|
{}
|
|
1861
2181
|
);
|
|
1862
2182
|
function FormItem({ className, ...props }) {
|
|
1863
|
-
const id =
|
|
2183
|
+
const id = React5__namespace.useId();
|
|
1864
2184
|
return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1865
2185
|
"div",
|
|
1866
2186
|
{
|
|
@@ -1991,7 +2311,7 @@ function InputOTPSlot({
|
|
|
1991
2311
|
className,
|
|
1992
2312
|
...props
|
|
1993
2313
|
}) {
|
|
1994
|
-
const inputOTPContext =
|
|
2314
|
+
const inputOTPContext = React5__namespace.useContext(inputOtp.OTPInputContext);
|
|
1995
2315
|
const { char, hasFakeCaret, isActive: isActive2 } = inputOTPContext?.slots[index] ?? {};
|
|
1996
2316
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1997
2317
|
"div",
|
|
@@ -2522,11 +2842,11 @@ function Popover({
|
|
|
2522
2842
|
}) {
|
|
2523
2843
|
return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { "data-slot": "popover", ...props });
|
|
2524
2844
|
}
|
|
2525
|
-
var PopoverTrigger =
|
|
2845
|
+
var PopoverTrigger = React5__namespace.forwardRef((props, ref) => {
|
|
2526
2846
|
return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { ref, "data-slot": "popover-trigger", ...props });
|
|
2527
2847
|
});
|
|
2528
2848
|
PopoverTrigger.displayName = PopoverPrimitive__namespace.Trigger.displayName;
|
|
2529
|
-
var PopoverContent =
|
|
2849
|
+
var PopoverContent = React5__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
|
|
2530
2850
|
return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2531
2851
|
PopoverPrimitive__namespace.Content,
|
|
2532
2852
|
{
|
|
@@ -2543,7 +2863,7 @@ var PopoverContent = React4__namespace.forwardRef(({ className, align = "center"
|
|
|
2543
2863
|
) });
|
|
2544
2864
|
});
|
|
2545
2865
|
PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
|
|
2546
|
-
var PopoverAnchor =
|
|
2866
|
+
var PopoverAnchor = React5__namespace.forwardRef((props, ref) => {
|
|
2547
2867
|
return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Anchor, { ref, "data-slot": "popover-anchor", ...props });
|
|
2548
2868
|
});
|
|
2549
2869
|
PopoverAnchor.displayName = PopoverPrimitive__namespace.Anchor.displayName;
|
|
@@ -2648,59 +2968,6 @@ function ResizableHandle({
|
|
|
2648
2968
|
}
|
|
2649
2969
|
);
|
|
2650
2970
|
}
|
|
2651
|
-
function ScrollArea({
|
|
2652
|
-
className,
|
|
2653
|
-
children,
|
|
2654
|
-
...props
|
|
2655
|
-
}) {
|
|
2656
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2657
|
-
ScrollAreaPrimitive__namespace.Root,
|
|
2658
|
-
{
|
|
2659
|
-
"data-slot": "scroll-area",
|
|
2660
|
-
className: cn("relative", className),
|
|
2661
|
-
...props,
|
|
2662
|
-
children: [
|
|
2663
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2664
|
-
ScrollAreaPrimitive__namespace.Viewport,
|
|
2665
|
-
{
|
|
2666
|
-
"data-slot": "scroll-area-viewport",
|
|
2667
|
-
className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
|
|
2668
|
-
children
|
|
2669
|
-
}
|
|
2670
|
-
),
|
|
2671
|
-
/* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
|
|
2672
|
-
/* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
|
|
2673
|
-
]
|
|
2674
|
-
}
|
|
2675
|
-
);
|
|
2676
|
-
}
|
|
2677
|
-
function ScrollBar({
|
|
2678
|
-
className,
|
|
2679
|
-
orientation = "vertical",
|
|
2680
|
-
...props
|
|
2681
|
-
}) {
|
|
2682
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2683
|
-
ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
|
|
2684
|
-
{
|
|
2685
|
-
"data-slot": "scroll-area-scrollbar",
|
|
2686
|
-
orientation,
|
|
2687
|
-
className: cn(
|
|
2688
|
-
"flex touch-none p-px transition-colors select-none",
|
|
2689
|
-
orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
|
|
2690
|
-
orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
|
|
2691
|
-
className
|
|
2692
|
-
),
|
|
2693
|
-
...props,
|
|
2694
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2695
|
-
ScrollAreaPrimitive__namespace.ScrollAreaThumb,
|
|
2696
|
-
{
|
|
2697
|
-
"data-slot": "scroll-area-thumb",
|
|
2698
|
-
className: "bg-border relative flex-1 rounded-full"
|
|
2699
|
-
}
|
|
2700
|
-
)
|
|
2701
|
-
}
|
|
2702
|
-
);
|
|
2703
|
-
}
|
|
2704
2971
|
function Select({
|
|
2705
2972
|
...props
|
|
2706
2973
|
}) {
|
|
@@ -2892,7 +3159,7 @@ function SheetPortal({
|
|
|
2892
3159
|
}) {
|
|
2893
3160
|
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
|
|
2894
3161
|
}
|
|
2895
|
-
var SheetOverlay =
|
|
3162
|
+
var SheetOverlay = React5__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
2896
3163
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2897
3164
|
DialogPrimitive__namespace.Overlay,
|
|
2898
3165
|
{
|
|
@@ -3003,7 +3270,7 @@ function Slider({
|
|
|
3003
3270
|
max: max2 = 100,
|
|
3004
3271
|
...props
|
|
3005
3272
|
}) {
|
|
3006
|
-
const _values =
|
|
3273
|
+
const _values = React5__namespace.useMemo(
|
|
3007
3274
|
() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min2, max2],
|
|
3008
3275
|
[value, defaultValue, min2, max2]
|
|
3009
3276
|
);
|
|
@@ -3142,7 +3409,7 @@ function TableFooter({ className, ...props }) {
|
|
|
3142
3409
|
}
|
|
3143
3410
|
);
|
|
3144
3411
|
}
|
|
3145
|
-
var TableRow =
|
|
3412
|
+
var TableRow = React5__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
3146
3413
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3147
3414
|
"tr",
|
|
3148
3415
|
{
|
|
@@ -3302,7 +3569,7 @@ function Toggle({
|
|
|
3302
3569
|
}
|
|
3303
3570
|
);
|
|
3304
3571
|
}
|
|
3305
|
-
var ToggleGroupContext =
|
|
3572
|
+
var ToggleGroupContext = React5__namespace.createContext({
|
|
3306
3573
|
size: "default",
|
|
3307
3574
|
variant: "default"
|
|
3308
3575
|
});
|
|
@@ -3335,7 +3602,7 @@ function ToggleGroupItem({
|
|
|
3335
3602
|
size,
|
|
3336
3603
|
...props
|
|
3337
3604
|
}) {
|
|
3338
|
-
const context =
|
|
3605
|
+
const context = React5__namespace.useContext(ToggleGroupContext);
|
|
3339
3606
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3340
3607
|
ToggleGroupPrimitive__namespace.Item,
|
|
3341
3608
|
{
|
|
@@ -3401,111 +3668,10 @@ function TooltipContent({
|
|
|
3401
3668
|
}
|
|
3402
3669
|
) });
|
|
3403
3670
|
}
|
|
3404
|
-
|
|
3405
|
-
// imports/svg-txovph4k0g.ts
|
|
3406
|
-
var svg_txovph4k0g_default = {
|
|
3407
|
-
p395de780: "M0 1.88343C0 0.870644 0.847464 0 1.86025 0C2.89622 0 3.74369 0.871417 3.74369 1.88343C3.74369 2.89622 2.89622 3.74446 1.86025 3.74446C0.847464 3.74446 0 2.89622 0 1.88343Z",
|
|
3408
|
-
p9466600: "M14.366 0.0315111C9.86678 -0.373296 6.07442 3.17572 6.07442 7.59306V25.1303C6.07442 27.4664 7.74695 29.567 10.0661 29.8474C12.8287 30.1811 15.1857 28.0234 15.1857 25.3258V15.2102V14.0661C15.1857 13.1908 14.4757 12.4809 13.6004 12.4809H12.1488V15.2102V25.2161C12.1488 25.9847 11.5355 26.7689 10.7699 26.8384C9.86987 26.9195 9.11125 26.2095 9.11125 25.3258V7.78928C9.11125 5.45314 10.783 3.35263 13.1021 3.07142C15.8647 2.73692 18.2225 4.8946 18.2225 7.59306V21.0459C18.2225 21.0459 18.2225 21.0931 18.2225 21.1595C18.2225 21.9483 18.2225 25.3428 18.2225 25.3605C18.2024 29.7655 14.4124 33.2967 9.91931 32.8858C5.96936 32.525 3.03682 29.0355 3.03682 25.0693V15.1291V12.4816H1.58524C0.709959 12.4816 0 13.1916 0 14.0669V25.0152C0 30.6014 4.18017 35.4676 9.74781 35.9195C15.6461 36.3977 20.6529 32.029 21.2083 26.3725C21.2145 26.3053 21.2408 23.8325 21.2531 21.8216L21.2593 21.8231V7.85031C21.2601 3.87872 18.3206 0.386876 14.366 0.0315111Z"
|
|
3409
|
-
};
|
|
3410
|
-
|
|
3411
|
-
// imports/svg-p4zgbw8x8e.ts
|
|
3412
|
-
var svg_p4zgbw8x8e_default = {
|
|
3413
|
-
p1cdcfe80: "M21.9603 17.085C21.9556 16.3915 22.1577 15.7123 22.5408 15.1339C22.9239 14.5555 23.4707 14.104 24.1116 13.837C24.7525 13.57 25.4585 13.4995 26.1397 13.6345C26.8208 13.7696 27.4463 14.104 27.9365 14.5952C28.4267 15.0864 28.7594 15.7122 28.8923 16.3929C29.0251 17.0736 28.9521 17.7784 28.6825 18.4175C28.4129 19.0566 27.959 19.6011 27.3784 19.9817C26.7979 20.3623 26.1171 20.5618 25.4227 20.5547C24.5062 20.5422 23.631 20.1723 22.984 19.5239C22.337 18.8756 21.9696 18.0003 21.9603 17.085V17.085Z",
|
|
3414
|
-
p2cb5a300: "M98.983 25.9984C101.074 28.2086 102.206 31.1541 102.134 34.1939C102.207 37.2482 101.076 40.2089 98.983 42.4373C98.0369 43.5032 96.8719 44.353 95.5674 44.929C94.2629 45.505 92.8495 45.7937 91.4233 45.7754C90.0666 45.8501 88.7117 45.5978 87.4731 45.0398C86.2345 44.4817 85.1486 43.6343 84.3069 42.5689V54.8204H81.5394C80.7736 54.8204 80.0392 54.5166 79.4978 53.9758C78.9563 53.4351 78.6521 52.7017 78.6521 51.937V23.2227H81.9947C82.2987 23.2211 82.6001 23.2797 82.8814 23.3952C83.1626 23.5107 83.4182 23.6807 83.6332 23.8955C83.8482 24.1102 84.0185 24.3654 84.1341 24.6462C84.2498 24.9271 84.3085 25.2281 84.3069 25.5318V25.807C85.1512 24.7453 86.2379 23.9013 87.4761 23.3455C88.7143 22.7897 90.0678 22.5383 91.4233 22.6125C92.8528 22.6025 94.2678 22.8997 95.5721 23.4839C96.8765 24.0681 98.0398 24.9257 98.983 25.9984V25.9984ZM90.369 40.3555C91.1724 40.3816 91.9727 40.2432 92.7206 39.949C93.4685 39.6548 94.1482 39.2109 94.718 38.6446C95.302 38.0584 95.7595 37.359 96.0624 36.5894C96.3653 35.8198 96.5071 34.9964 96.4791 34.17C96.5113 33.3502 96.3713 32.5328 96.068 31.7703C95.7646 31.0079 95.3048 30.3174 94.718 29.7432C93.5516 28.6161 91.9921 27.9859 90.369 27.9859C88.746 27.9859 87.1865 28.6161 86.0201 29.7432C85.4473 30.3253 84.9997 31.0184 84.7051 31.7797C84.4105 32.541 84.275 33.3544 84.3069 34.17C84.2815 34.992 84.4199 35.8108 84.714 36.579C85.0081 37.3471 85.4521 38.0492 86.0201 38.6446C86.5912 39.2107 87.2706 39.656 88.0178 39.954C88.765 40.2521 89.5646 40.3968 90.369 40.3795V40.3555Z",
|
|
3415
|
-
p2d489f00: "M67.1509 17.085C67.1485 16.3949 67.3516 15.7197 67.7343 15.145C68.117 14.5704 68.6621 14.1223 69.3003 13.8577C69.9385 13.593 70.6411 13.5238 71.3188 13.6587C71.9966 13.7937 72.6188 14.1267 73.1066 14.6155C73.5944 15.1044 73.9258 15.7269 74.0585 16.4042C74.1913 17.0815 74.1196 17.7828 73.8524 18.4193C73.5852 19.0557 73.1346 19.5985 72.5579 19.9787C71.9811 20.3589 71.3043 20.5594 70.6132 20.5547C69.6968 20.5422 68.8215 20.1723 68.1746 19.5239C67.5276 18.8756 67.1602 18.0003 67.1509 17.085V17.085Z",
|
|
3416
|
-
p344a5f80: "M114.869 31.8729C118.068 32.5309 122.249 34.0623 122.201 38.7523C122.254 39.7667 122.048 40.7778 121.602 41.6904C121.155 42.603 120.483 43.3871 119.649 43.9688C117.799 45.2158 115.603 45.8481 113.372 45.7754C108.855 45.7754 105.776 44.0166 104.159 40.5589L107.118 38.8839C107.569 38.6258 108.095 38.5289 108.609 38.6094C109.123 38.6899 109.595 38.9428 109.945 39.3266C110.382 39.7887 110.916 40.1492 111.508 40.3828C112.1 40.6165 112.736 40.7174 113.372 40.6786C115.396 40.6786 116.403 40.0684 116.403 38.7882C116.403 37.508 114.654 36.9457 112.413 36.3954C109.155 35.5579 105.081 34.1939 105.081 29.6356C105.046 28.6587 105.245 27.6876 105.662 26.8032C106.079 25.9187 106.701 25.1465 107.477 24.5507C108.587 23.7568 109.846 23.1971 111.179 22.9057C112.513 22.6144 113.891 22.5975 115.231 22.8562C116.571 23.1148 117.844 23.6436 118.972 24.4101C120.101 25.1767 121.061 26.1649 121.794 27.3145L118.727 28.9895C118.302 29.2175 117.816 29.3077 117.338 29.2477C116.859 29.1877 116.411 28.9803 116.055 28.6545C115.346 28.0113 114.413 27.6719 113.456 27.7093C112.006 27.7093 110.904 28.4152 110.904 29.5039C110.904 30.5927 112.617 31.2986 114.869 31.8729Z",
|
|
3417
|
-
p35662200: "M22.6552 23.2346V34.0025V47.2828C22.6619 47.9663 22.4243 48.6297 21.9851 49.1538C21.5459 49.6779 20.9339 50.0284 20.2591 50.1423C19.8565 50.2006 19.4462 50.1718 19.0557 50.0579C18.6653 49.9441 18.3039 49.7477 17.9961 49.4823C17.6882 49.2168 17.441 48.8884 17.2713 48.5193C17.1016 48.1501 17.0133 47.7489 17.0124 47.3427V14.1777C16.9965 11.9279 17.8761 9.76402 19.4579 8.16199C21.0396 6.55996 23.1938 5.65104 25.4466 5.63517C27.6994 5.61931 29.8663 6.4978 31.4705 8.07739C33.0747 9.65698 33.9848 11.8083 34.0007 14.058V20.5546H36.7802C37.546 20.5546 38.2804 20.2508 38.8218 19.7101C39.3633 19.1694 39.6675 18.436 39.6675 17.6712V14.2255C39.6898 10.4749 38.2191 6.86905 35.5792 4.20125C32.9392 1.53344 29.3461 0.0222044 25.5904 -7.4932e-06C21.8347 -0.0222194 18.2239 1.44641 15.5525 4.08281C12.8811 6.7192 11.3678 10.3074 11.3456 14.058V47.1632C11.3377 48.2772 11.5496 49.3818 11.9692 50.4139C12.3888 51.4461 13.0079 52.3856 13.7911 53.1789C15.3728 54.7809 17.5271 55.6898 19.7799 55.7057C22.0327 55.7216 24.1995 54.8431 25.8037 53.2635C27.4079 51.6839 28.3181 49.5326 28.3339 47.2828V33.9427V26.118C28.3339 25.3533 28.0297 24.6199 27.4883 24.0792C26.9468 23.5384 26.2124 23.2346 25.4466 23.2346H22.6552Z",
|
|
3418
|
-
p3838afa0: "M67.8097 42.2698V23.2347H70.5773C70.9564 23.2347 71.3319 23.3092 71.6822 23.4541C72.0325 23.599 72.3508 23.8114 72.6189 24.0792C72.887 24.3469 73.0997 24.6648 73.2448 25.0146C73.3899 25.3644 73.4646 25.7394 73.4646 26.118V45.1532H70.6851C69.9214 45.15 69.1901 44.8449 68.6512 44.3045C68.1123 43.7641 67.8097 43.0325 67.8097 42.2698V42.2698Z",
|
|
3419
|
-
p38a74f0: "M33.9767 47.929C33.4376 55.3229 27.2676 61.4247 20.0554 61.4247C16.2424 61.4247 12.5857 59.9121 9.88955 57.2196C7.19341 54.5271 5.67874 50.8753 5.67874 47.0675V23.2466H2.89926C2.13239 23.2466 1.39675 23.55 0.853375 24.0904C0.309997 24.6308 0.00313895 25.3642 -2.99221e-05 26.13V47.1154C-0.0224375 52.3706 2.03925 57.421 5.73442 61.1627C9.4296 64.9045 14.4577 67.0333 19.7199 67.0838C24.2797 67.0831 28.704 65.5352 32.2674 62.694C35.8307 59.8529 38.3217 55.8869 39.332 51.4465C39.4399 51.0198 39.4486 50.574 39.3573 50.1435C39.2661 49.7129 39.0773 49.3089 38.8056 48.9625C38.5338 48.616 38.1862 48.3363 37.7895 48.1447C37.3927 47.9531 36.9573 47.8547 36.5166 47.8572H33.9767V47.929Z",
|
|
3420
|
-
pe814d80: "M56.9674 42.2698V16.4628C56.9673 16.0801 57.0436 15.7012 57.1916 15.3482C57.3397 14.9953 57.5567 14.6752 57.8299 14.4069C58.1031 14.1385 58.4271 13.9271 58.783 13.785C59.1388 13.643 59.5194 13.5731 59.9026 13.5794H62.6701V45.1532H59.9026C59.5194 45.1596 59.1388 45.0897 58.783 44.9476C58.4271 44.8056 58.1031 44.5942 57.8299 44.3258C57.5567 44.0574 57.3397 43.7374 57.1916 43.3844C57.0436 43.0314 56.9673 42.6525 56.9674 42.2698V42.2698Z",
|
|
3421
|
-
pf48a00: "M35.7618 42.4373C34.6809 41.3588 33.8312 40.0716 33.2648 38.6543C32.6983 37.2371 32.427 35.7194 32.4672 34.1939C32.4311 32.6648 32.7061 31.1442 33.2755 29.7242C33.845 28.3043 34.697 27.0144 35.7801 25.9329C36.8631 24.8513 38.1547 24.0004 39.5766 23.4317C40.9985 22.8631 42.5211 22.5884 44.0524 22.6245C46.0565 22.5718 48.0365 23.0708 49.7756 24.0669C51.5147 25.0629 52.9458 26.5176 53.9123 28.2716L50.8334 30.0782C50.399 30.3371 49.8912 30.4457 49.3888 30.3873C48.8863 30.3289 48.4171 30.1067 48.0539 29.7552C46.9749 28.7253 45.5327 28.1621 44.0404 28.1879C43.2541 28.1709 42.4726 28.3149 41.7441 28.6109C41.0156 28.907 40.3555 29.3488 39.8044 29.9092C39.2533 30.4696 38.823 31.1367 38.5398 31.8695C38.2567 32.6023 38.1267 33.3852 38.1579 34.17C38.1376 34.9603 38.2742 35.7468 38.5601 36.4841C38.8459 37.2213 39.2752 37.8947 39.8232 38.4652C40.936 39.5183 42.404 40.1161 43.9369 40.1405C45.4697 40.1648 46.956 39.614 48.1018 38.5968C48.4741 38.2608 48.9427 38.05 49.4414 37.9942C49.9401 37.9384 50.4437 38.0404 50.8813 38.2857L53.9842 40.0564C53.0823 41.5777 51.8458 42.8744 50.3684 43.8484C48.8909 44.8224 47.2111 45.4483 45.4558 45.6788C43.7006 45.9093 41.9158 45.7384 40.2364 45.1789C38.557 44.6194 37.027 43.686 35.7618 42.4493V42.4373Z"
|
|
3422
|
-
};
|
|
3423
|
-
|
|
3424
|
-
// imports/svg-agvoxj05dl.ts
|
|
3425
|
-
var svg_agvoxj05dl_default = {
|
|
3426
|
-
p12652a00: "M12.7929 15.2014C12.4062 14.8151 12.1022 14.354 11.8996 13.8463C11.697 13.3386 11.5999 12.795 11.6143 12.2486C11.6014 11.7008 11.6997 11.1561 11.9034 10.6475C12.1071 10.1388 12.4119 9.67682 12.7994 9.28938C13.1868 8.90195 13.6488 8.59716 14.1575 8.39346C14.6661 8.18975 15.2108 8.09138 15.7586 8.10429C16.4755 8.08543 17.1838 8.26417 17.8059 8.62096C18.428 8.97775 18.94 9.49883 19.2857 10.1271L18.1843 10.7743C18.0289 10.867 17.8473 10.9059 17.6675 10.885C17.4878 10.8641 17.3199 10.7845 17.19 10.6586C16.804 10.2897 16.2881 10.0879 15.7543 10.0971C15.473 10.0911 15.1934 10.1426 14.9328 10.2487C14.6722 10.3547 14.4361 10.513 14.239 10.7137C14.0418 10.9145 13.8879 11.1535 13.7866 11.4159C13.6853 11.6784 13.6388 11.9589 13.65 12.24C13.6427 12.5231 13.6916 12.8048 13.7938 13.0689C13.8961 13.333 14.0497 13.5742 14.2457 13.7786C14.6438 14.1558 15.1689 14.3699 15.7172 14.3787C16.2656 14.3874 16.7973 14.1901 17.2071 13.8257C17.3403 13.7054 17.5079 13.6299 17.6863 13.6099C17.8647 13.5899 18.0449 13.6264 18.2014 13.7143L19.3114 14.3486C18.9888 14.8935 18.5465 15.358 18.0179 15.7069C17.4894 16.0558 16.8885 16.28 16.2606 16.3626C15.6327 16.4451 14.9943 16.3839 14.3935 16.1835C13.7928 15.9831 13.2454 15.6487 12.7929 15.2057V15.2014Z",
|
|
3427
|
-
p128e2c00: "M7.85574 6.12C7.85405 5.87159 7.92633 5.62829 8.06338 5.4211C8.20043 5.21391 8.39604 5.05219 8.62531 4.95654C8.85457 4.86089 9.10712 4.83565 9.35078 4.88401C9.59445 4.93238 9.8182 5.05217 9.99356 5.22813C10.1689 5.40409 10.2879 5.62826 10.3355 5.87209C10.383 6.11592 10.3569 6.36838 10.2604 6.59731C10.164 6.82625 10.0016 7.0213 9.79392 7.15763C9.58626 7.29396 9.34271 7.36541 9.09431 7.36286C8.76647 7.3584 8.45337 7.22589 8.22193 6.99365C7.99049 6.76141 7.85906 6.44786 7.85574 6.12V6.12Z",
|
|
3428
|
-
p15ebc880: "M24.0214 6.12001C24.0206 5.8728 24.0932 5.63092 24.2301 5.42508C24.3671 5.21925 24.562 5.05874 24.7903 4.96394C25.0187 4.86915 25.27 4.84434 25.5124 4.89268C25.7549 4.94101 25.9775 5.06031 26.152 5.23541C26.3265 5.41051 26.445 5.63353 26.4925 5.87613C26.54 6.11873 26.5143 6.36998 26.4187 6.59796C26.3231 6.82594 26.162 7.02037 25.9557 7.15656C25.7493 7.29275 25.5072 7.36456 25.26 7.36286C24.9322 7.3584 24.6191 7.22589 24.3876 6.99365C24.1562 6.76141 24.0248 6.44786 24.0214 6.12001V6.12001Z",
|
|
3429
|
-
p2b03ee00: "M8.10429 8.32285V12.18V16.9371C8.10669 17.1819 8.0217 17.4196 7.86458 17.6073C7.70747 17.7951 7.48854 17.9206 7.24715 17.9614C7.10315 17.9823 6.95635 17.972 6.81668 17.9312C6.67701 17.8904 6.54774 17.8201 6.43761 17.725C6.32748 17.6299 6.23907 17.5123 6.17836 17.38C6.11765 17.2478 6.08605 17.1041 6.08572 16.9586V5.07857C6.08003 4.27269 6.39472 3.49756 6.96054 2.9237C7.52637 2.34984 8.29698 2.02425 9.10286 2.01857C9.90874 2.01289 10.6839 2.32757 11.2577 2.89339C11.8316 3.45922 12.1572 4.22983 12.1629 5.03571V7.36285H13.1571C13.4311 7.36285 13.6938 7.25404 13.8875 7.06034C14.0812 6.86664 14.19 6.60393 14.19 6.33V5.09571C14.198 3.7522 13.6719 2.46056 12.7275 1.50492C11.7831 0.549292 10.4978 0.00795366 9.15429 -2.83887e-06C7.81078 -0.00795933 6.51913 0.518118 5.5635 1.4625C4.60787 2.40688 4.06653 3.6922 4.05857 5.03571V16.8943C4.05576 17.2933 4.13157 17.689 4.28167 18.0587C4.43177 18.4285 4.65323 18.765 4.9334 19.0492C5.49922 19.623 6.26984 19.9486 7.07572 19.9543C7.8816 19.96 8.65673 19.6453 9.23059 19.0795C9.80445 18.5136 10.13 17.743 10.1357 16.9371V12.1586V9.35571C10.1357 9.08178 10.0269 8.81907 9.8332 8.62537C9.6395 8.43167 9.37679 8.32285 9.10286 8.32285H8.10429Z",
|
|
3430
|
-
p3000fb00: "M41.0914 11.4171C42.2357 11.6529 43.7314 12.2014 43.7143 13.8814C43.7333 14.2448 43.6594 14.607 43.4997 14.9339C43.34 15.2608 43.0997 15.5417 42.8014 15.75C42.1396 16.1967 41.3537 16.4232 40.5557 16.3971C38.94 16.3971 37.8386 15.7671 37.26 14.5286L38.3186 13.9286C38.4801 13.8361 38.6683 13.8014 38.8521 13.8302C39.036 13.8591 39.2046 13.9497 39.33 14.0871C39.4864 14.2527 39.6773 14.3818 39.889 14.4655C40.1008 14.5492 40.3284 14.5853 40.5557 14.5714C41.28 14.5714 41.64 14.3529 41.64 13.8943C41.64 13.4357 41.0143 13.2343 40.2129 13.0371C39.0472 12.7371 37.59 12.2486 37.59 10.6157C37.5775 10.2658 37.6488 9.91796 37.7979 9.60114C37.947 9.28433 38.1696 9.0077 38.4472 8.79429C38.844 8.5099 39.2946 8.3094 39.7715 8.20504C40.2484 8.10067 40.7416 8.09463 41.2209 8.18729C41.7002 8.27994 42.1556 8.46935 42.5593 8.74393C42.9629 9.01851 43.3063 9.37251 43.5686 9.78429L42.4714 10.3843C42.3194 10.466 42.1457 10.4983 41.9744 10.4768C41.8032 10.4553 41.6429 10.381 41.5157 10.2643C41.2621 10.0339 40.9281 9.91232 40.5857 9.92572C40.0671 9.92572 39.6729 10.1786 39.6729 10.5686C39.6729 10.9586 40.2857 11.2114 41.0914 11.4171Z",
|
|
3431
|
-
p3405fff0: "M12.1543 17.1686C11.9614 19.8172 9.75428 22.0029 7.17428 22.0029C5.81031 22.0029 4.5022 21.461 3.53773 20.4966C2.57325 19.5321 2.03142 18.224 2.03142 16.86V8.32715H1.03713C0.762807 8.32715 0.499653 8.43583 0.305274 8.62941C0.110895 8.82298 0.00112454 9.08569 -9.03731e-06 9.36001V16.8772C-0.00802475 18.7596 0.729489 20.5687 2.05134 21.909C3.37319 23.2494 5.17188 24.0119 7.05428 24.03C8.68543 24.0298 10.2681 23.4753 11.5428 22.4576C12.8175 21.4398 13.7086 20.0192 14.07 18.4286C14.1086 18.2757 14.1117 18.1161 14.079 17.9618C14.0464 17.8076 13.9789 17.6629 13.8817 17.5388C13.7844 17.4147 13.6601 17.3145 13.5182 17.2459C13.3763 17.1772 13.2205 17.142 13.0628 17.1429H12.1543V17.1686Z",
|
|
3432
|
-
p36679780: "M24.2571 15.1414V8.32286H25.2471C25.3828 8.32286 25.5171 8.34958 25.6424 8.40148C25.7677 8.45339 25.8816 8.52947 25.9775 8.62538C26.0734 8.72129 26.1495 8.83515 26.2014 8.96046C26.2533 9.08577 26.28 9.22008 26.28 9.35572V16.1743H25.2857C25.0125 16.1732 24.7509 16.0638 24.5581 15.8703C24.3654 15.6767 24.2571 15.4146 24.2571 15.1414V15.1414Z",
|
|
3433
|
-
p75f2980: "M20.3786 15.1414V5.89714C20.3786 5.76004 20.4058 5.62432 20.4588 5.49788C20.5118 5.37144 20.5894 5.2568 20.6871 5.16067C20.7849 5.06453 20.9008 4.98881 21.0281 4.93792C21.1553 4.88704 21.2915 4.862 21.4286 4.86428H22.4186V16.1743H21.4286C21.2915 16.1766 21.1553 16.1515 21.0281 16.1006C20.9008 16.0498 20.7849 15.974 20.6871 15.8779C20.5894 15.7818 20.5118 15.6671 20.4588 15.5407C20.4058 15.4142 20.3786 15.2785 20.3786 15.1414V15.1414Z",
|
|
3434
|
-
pb292700: "M35.4086 9.31285C36.1566 10.1046 36.5616 11.1597 36.5357 12.2486C36.562 13.3426 36.1572 14.4032 35.4086 15.2014C35.0701 15.5832 34.6534 15.8876 34.1867 16.094C33.7201 16.3003 33.2144 16.4037 32.7043 16.3971C32.2189 16.4239 31.7343 16.3336 31.2912 16.1337C30.8481 15.9337 30.4596 15.6302 30.1586 15.2486V19.6371H29.1686C28.8946 19.6371 28.6319 19.5283 28.4382 19.3346C28.2445 19.1409 28.1357 18.8782 28.1357 18.6043V8.31857H29.3314C29.4402 8.318 29.548 8.33901 29.6486 8.38037C29.7492 8.42174 29.8406 8.48264 29.9176 8.55957C29.9945 8.63649 30.0554 8.7279 30.0967 8.82851C30.1381 8.92912 30.1591 9.03693 30.1586 9.14571V9.24428C30.4606 8.864 30.8493 8.56165 31.2923 8.36255C31.7352 8.16346 32.2194 8.07343 32.7043 8.1C33.2156 8.09642 33.7218 8.20287 34.1884 8.41214C34.655 8.62141 35.0711 8.92859 35.4086 9.31285V9.31285ZM32.3271 14.4557C32.6145 14.465 32.9008 14.4155 33.1683 14.3101C33.4359 14.2047 33.679 14.0457 33.8828 13.8429C34.0917 13.6329 34.2554 13.3823 34.3638 13.1067C34.4721 12.831 34.5229 12.536 34.5128 12.24C34.5244 11.9463 34.4743 11.6535 34.3658 11.3804C34.2573 11.1073 34.0928 10.86 33.8828 10.6543C33.4656 10.2505 32.9077 10.0248 32.3271 10.0248C31.7465 10.0248 31.1887 10.2505 30.7714 10.6543C30.5665 10.8628 30.4064 11.1111 30.301 11.3838C30.1956 11.6565 30.1471 11.9479 30.1586 12.24C30.1495 12.5344 30.199 12.8278 30.3042 13.1029C30.4094 13.3781 30.5682 13.6296 30.7714 13.8429C30.9757 14.0456 31.2187 14.2051 31.486 14.3119C31.7533 14.4187 32.0394 14.4705 32.3271 14.4643V14.4557Z"
|
|
3435
|
-
};
|
|
3436
|
-
function BrandLogo({ variant = "full", mode = "positive", className, ...props }) {
|
|
3437
|
-
if (variant === "symbol") {
|
|
3438
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative inline-block", className), ...props, "data-name": "Logo S\xEDmbolo", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3439
|
-
"svg",
|
|
3440
|
-
{
|
|
3441
|
-
className: "block w-full h-full",
|
|
3442
|
-
fill: "none",
|
|
3443
|
-
viewBox: "0 0 22 36",
|
|
3444
|
-
preserveAspectRatio: "xMidYMid meet",
|
|
3445
|
-
children: [
|
|
3446
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_txovph4k0g_default.p9466600, fill: "#E62EA8", transform: "translate(0.37, 0.02)" }),
|
|
3447
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_txovph4k0g_default.p395de780, fill: "#E62EA8", transform: "translate(11.65, 7.32)" })
|
|
3448
|
-
]
|
|
3449
|
-
}
|
|
3450
|
-
) });
|
|
3451
|
-
}
|
|
3452
|
-
if (mode === "positive") {
|
|
3453
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative inline-block", className), ...props, "data-name": "Logo", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3454
|
-
"svg",
|
|
3455
|
-
{
|
|
3456
|
-
className: "block w-full h-full",
|
|
3457
|
-
fill: "none",
|
|
3458
|
-
viewBox: "0 0 123 67",
|
|
3459
|
-
preserveAspectRatio: "xMidYMid meet",
|
|
3460
|
-
children: [
|
|
3461
|
-
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_positive)", children: [
|
|
3462
|
-
/* @__PURE__ */ jsxRuntime.jsxs("g", { id: "Group_Positive", children: [
|
|
3463
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p38a74f0, fill: "#E52EA8" }),
|
|
3464
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p35662200, fill: "#E52EA8" }),
|
|
3465
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p1cdcfe80, fill: "#E52EA8" })
|
|
3466
|
-
] }),
|
|
3467
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.pf48a00, fill: "#5B158C" }),
|
|
3468
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.pe814d80, fill: "#5B158C" }),
|
|
3469
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p3838afa0, fill: "#5B158C" }),
|
|
3470
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p2d489f00, fill: "#5B158C" }),
|
|
3471
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p2cb5a300, fill: "#5B158C" }),
|
|
3472
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_p4zgbw8x8e_default.p344a5f80, fill: "#5B158C" })
|
|
3473
|
-
] }),
|
|
3474
|
-
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_positive", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "122.201", height: "67", fill: "white" }) }) })
|
|
3475
|
-
]
|
|
3476
|
-
}
|
|
3477
|
-
) });
|
|
3478
|
-
}
|
|
3479
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative inline-block", className), ...props, "data-name": "Logo Negative", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3480
|
-
"svg",
|
|
3481
|
-
{
|
|
3482
|
-
className: "block w-full h-full",
|
|
3483
|
-
fill: "none",
|
|
3484
|
-
viewBox: "0 0 44 24",
|
|
3485
|
-
preserveAspectRatio: "xMidYMid meet",
|
|
3486
|
-
children: [
|
|
3487
|
-
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_negative)", children: [
|
|
3488
|
-
/* @__PURE__ */ jsxRuntime.jsxs("g", { id: "Group_Negative", children: [
|
|
3489
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p3405fff0, fill: "#E52EA8" }),
|
|
3490
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p2b03ee00, fill: "#E52EA8" }),
|
|
3491
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p128e2c00, fill: "#E52EA8" })
|
|
3492
|
-
] }),
|
|
3493
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p12652a00, fill: "white" }),
|
|
3494
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p75f2980, fill: "white" }),
|
|
3495
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p36679780, fill: "white" }),
|
|
3496
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p15ebc880, fill: "white" }),
|
|
3497
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.pb292700, fill: "white" }),
|
|
3498
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: svg_agvoxj05dl_default.p3000fb00, fill: "white" })
|
|
3499
|
-
] }),
|
|
3500
|
-
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_negative", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "43.7143", height: "24", fill: "white" }) }) })
|
|
3501
|
-
]
|
|
3502
|
-
}
|
|
3503
|
-
) });
|
|
3504
|
-
}
|
|
3505
3671
|
var THEMES = { light: "", dark: ".dark" };
|
|
3506
|
-
var ChartContext =
|
|
3672
|
+
var ChartContext = React5__namespace.createContext(null);
|
|
3507
3673
|
function useChart() {
|
|
3508
|
-
const context =
|
|
3674
|
+
const context = React5__namespace.useContext(ChartContext);
|
|
3509
3675
|
if (!context) {
|
|
3510
3676
|
throw new Error("useChart must be used within a <ChartContainer />");
|
|
3511
3677
|
}
|
|
@@ -3518,7 +3684,7 @@ function ChartContainer({
|
|
|
3518
3684
|
config,
|
|
3519
3685
|
...props
|
|
3520
3686
|
}) {
|
|
3521
|
-
const uniqueId =
|
|
3687
|
+
const uniqueId = React5__namespace.useId();
|
|
3522
3688
|
const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
|
|
3523
3689
|
return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3524
3690
|
"div",
|
|
@@ -3579,7 +3745,7 @@ function ChartTooltipContent({
|
|
|
3579
3745
|
labelKey
|
|
3580
3746
|
}) {
|
|
3581
3747
|
const { config } = useChart();
|
|
3582
|
-
const tooltipLabel =
|
|
3748
|
+
const tooltipLabel = React5__namespace.useMemo(() => {
|
|
3583
3749
|
if (hideLabel || !payload?.length) {
|
|
3584
3750
|
return null;
|
|
3585
3751
|
}
|
|
@@ -3739,9 +3905,9 @@ function ColorPicker({
|
|
|
3739
3905
|
className,
|
|
3740
3906
|
disabled = false
|
|
3741
3907
|
}) {
|
|
3742
|
-
const [color, setColor] =
|
|
3743
|
-
const [open, setOpen] =
|
|
3744
|
-
|
|
3908
|
+
const [color, setColor] = React5.useState(value);
|
|
3909
|
+
const [open, setOpen] = React5.useState(false);
|
|
3910
|
+
React5__namespace.useEffect(() => {
|
|
3745
3911
|
setColor(value);
|
|
3746
3912
|
}, [value]);
|
|
3747
3913
|
const handleColorChange = (newColor) => {
|
|
@@ -21587,11 +21753,11 @@ function getInstance() {
|
|
|
21587
21753
|
}
|
|
21588
21754
|
};
|
|
21589
21755
|
}
|
|
21590
|
-
var PureEditorContent = class extends
|
|
21756
|
+
var PureEditorContent = class extends React5__namespace.default.Component {
|
|
21591
21757
|
constructor(props) {
|
|
21592
21758
|
var _a;
|
|
21593
21759
|
super(props);
|
|
21594
|
-
this.editorContentRef =
|
|
21760
|
+
this.editorContentRef = React5__namespace.default.createRef();
|
|
21595
21761
|
this.initialized = false;
|
|
21596
21762
|
this.state = {
|
|
21597
21763
|
hasContentComponentInitialized: Boolean((_a = props.editor) == null ? void 0 : _a.contentComponent)
|
|
@@ -21670,20 +21836,20 @@ var PureEditorContent = class extends React4__namespace.default.Component {
|
|
|
21670
21836
|
] });
|
|
21671
21837
|
}
|
|
21672
21838
|
};
|
|
21673
|
-
var EditorContentWithKey =
|
|
21839
|
+
var EditorContentWithKey = React5.forwardRef(
|
|
21674
21840
|
(props, ref) => {
|
|
21675
|
-
const key =
|
|
21841
|
+
const key = React5__namespace.default.useMemo(() => {
|
|
21676
21842
|
return Math.floor(Math.random() * 4294967295).toString();
|
|
21677
21843
|
}, [props.editor]);
|
|
21678
|
-
return
|
|
21844
|
+
return React5__namespace.default.createElement(PureEditorContent, {
|
|
21679
21845
|
key,
|
|
21680
21846
|
innerRef: ref,
|
|
21681
21847
|
...props
|
|
21682
21848
|
});
|
|
21683
21849
|
}
|
|
21684
21850
|
);
|
|
21685
|
-
var EditorContent =
|
|
21686
|
-
var useIsomorphicLayoutEffect = typeof window !== "undefined" ?
|
|
21851
|
+
var EditorContent = React5__namespace.default.memo(EditorContentWithKey);
|
|
21852
|
+
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React5.useLayoutEffect : React5.useEffect;
|
|
21687
21853
|
var EditorStateManager = class {
|
|
21688
21854
|
constructor(initialEditor) {
|
|
21689
21855
|
this.transactionNumber = 0;
|
|
@@ -21743,7 +21909,7 @@ var EditorStateManager = class {
|
|
|
21743
21909
|
};
|
|
21744
21910
|
function useEditorState(options) {
|
|
21745
21911
|
var _a;
|
|
21746
|
-
const [editorStateManager] =
|
|
21912
|
+
const [editorStateManager] = React5.useState(() => new EditorStateManager(options.editor));
|
|
21747
21913
|
const selectedState = withSelector_js.useSyncExternalStoreWithSelector(
|
|
21748
21914
|
editorStateManager.subscribe,
|
|
21749
21915
|
editorStateManager.getSnapshot,
|
|
@@ -21754,7 +21920,7 @@ function useEditorState(options) {
|
|
|
21754
21920
|
useIsomorphicLayoutEffect(() => {
|
|
21755
21921
|
return editorStateManager.watch(options.editor);
|
|
21756
21922
|
}, [options.editor, editorStateManager]);
|
|
21757
|
-
|
|
21923
|
+
React5.useDebugValue(selectedState);
|
|
21758
21924
|
return selectedState;
|
|
21759
21925
|
}
|
|
21760
21926
|
var isDev = process.env.NODE_ENV !== "production";
|
|
@@ -21991,16 +22157,16 @@ var EditorInstanceManager = class _EditorInstanceManager {
|
|
|
21991
22157
|
}
|
|
21992
22158
|
};
|
|
21993
22159
|
function useEditor(options = {}, deps = []) {
|
|
21994
|
-
const mostRecentOptions =
|
|
22160
|
+
const mostRecentOptions = React5.useRef(options);
|
|
21995
22161
|
mostRecentOptions.current = options;
|
|
21996
|
-
const [instanceManager] =
|
|
22162
|
+
const [instanceManager] = React5.useState(() => new EditorInstanceManager(mostRecentOptions));
|
|
21997
22163
|
const editor = index_js.useSyncExternalStore(
|
|
21998
22164
|
instanceManager.subscribe,
|
|
21999
22165
|
instanceManager.getEditor,
|
|
22000
22166
|
instanceManager.getServerSnapshot
|
|
22001
22167
|
);
|
|
22002
|
-
|
|
22003
|
-
|
|
22168
|
+
React5.useDebugValue(editor);
|
|
22169
|
+
React5.useEffect(instanceManager.onRender(deps));
|
|
22004
22170
|
useEditorState({
|
|
22005
22171
|
editor,
|
|
22006
22172
|
selector: ({ transactionNumber }) => {
|
|
@@ -22015,19 +22181,19 @@ function useEditor(options = {}, deps = []) {
|
|
|
22015
22181
|
});
|
|
22016
22182
|
return editor;
|
|
22017
22183
|
}
|
|
22018
|
-
var EditorContext =
|
|
22184
|
+
var EditorContext = React5.createContext({
|
|
22019
22185
|
editor: null
|
|
22020
22186
|
});
|
|
22021
22187
|
EditorContext.Consumer;
|
|
22022
|
-
var ReactNodeViewContext =
|
|
22188
|
+
var ReactNodeViewContext = React5.createContext({
|
|
22023
22189
|
onDragStart: () => {
|
|
22024
22190
|
},
|
|
22025
22191
|
nodeViewContentChildren: void 0,
|
|
22026
22192
|
nodeViewContentRef: () => {
|
|
22027
22193
|
}
|
|
22028
22194
|
});
|
|
22029
|
-
var useReactNodeView = () =>
|
|
22030
|
-
|
|
22195
|
+
var useReactNodeView = () => React5.useContext(ReactNodeViewContext);
|
|
22196
|
+
React5__namespace.default.forwardRef((props, ref) => {
|
|
22031
22197
|
const { onDragStart } = useReactNodeView();
|
|
22032
22198
|
const Tag = props.as || "div";
|
|
22033
22199
|
return (
|
|
@@ -22073,8 +22239,8 @@ function canReceiveRef(Component2) {
|
|
|
22073
22239
|
}
|
|
22074
22240
|
function isReact19Plus() {
|
|
22075
22241
|
try {
|
|
22076
|
-
if (
|
|
22077
|
-
const majorVersion = parseInt(
|
|
22242
|
+
if (React5.version) {
|
|
22243
|
+
const majorVersion = parseInt(React5.version.split(".")[0], 10);
|
|
22078
22244
|
return majorVersion >= 19;
|
|
22079
22245
|
}
|
|
22080
22246
|
} catch {
|
|
@@ -22161,7 +22327,7 @@ var ReactRenderer = class {
|
|
|
22161
22327
|
});
|
|
22162
22328
|
}
|
|
22163
22329
|
};
|
|
22164
|
-
|
|
22330
|
+
React5__namespace.default.createContext({
|
|
22165
22331
|
markViewContentRef: () => {
|
|
22166
22332
|
}
|
|
22167
22333
|
});
|
|
@@ -30499,8 +30665,8 @@ tippy.setDefaultProps({
|
|
|
30499
30665
|
render
|
|
30500
30666
|
});
|
|
30501
30667
|
var tippy_esm_default = tippy;
|
|
30502
|
-
var MentionList =
|
|
30503
|
-
const [selectedIndex, setSelectedIndex] =
|
|
30668
|
+
var MentionList = React5.forwardRef((props, ref) => {
|
|
30669
|
+
const [selectedIndex, setSelectedIndex] = React5.useState(0);
|
|
30504
30670
|
const selectItem = (index) => {
|
|
30505
30671
|
const item = props.items[index];
|
|
30506
30672
|
if (item) {
|
|
@@ -30516,10 +30682,10 @@ var MentionList = React4.forwardRef((props, ref) => {
|
|
|
30516
30682
|
const enterHandler = () => {
|
|
30517
30683
|
selectItem(selectedIndex);
|
|
30518
30684
|
};
|
|
30519
|
-
|
|
30685
|
+
React5.useEffect(() => {
|
|
30520
30686
|
setSelectedIndex(0);
|
|
30521
30687
|
}, [props.items]);
|
|
30522
|
-
|
|
30688
|
+
React5.useImperativeHandle(ref, () => ({
|
|
30523
30689
|
onKeyDown: ({ event }) => {
|
|
30524
30690
|
if (event.key === "ArrowUp") {
|
|
30525
30691
|
upHandler();
|
|
@@ -30992,8 +31158,8 @@ var commonStyles = /* @__PURE__ */ stylesheet.create({
|
|
|
30992
31158
|
".": ClassNames.hidden
|
|
30993
31159
|
}, hidden)
|
|
30994
31160
|
});
|
|
30995
|
-
var PickerStyleTag = /* @__PURE__ */
|
|
30996
|
-
return
|
|
31161
|
+
var PickerStyleTag = /* @__PURE__ */ React5.memo(function PickerStyleTag2() {
|
|
31162
|
+
return React5.createElement("style", {
|
|
30997
31163
|
suppressHydrationWarning: true,
|
|
30998
31164
|
dangerouslySetInnerHTML: {
|
|
30999
31165
|
__html: stylesheet.getStyle()
|
|
@@ -31089,8 +31255,8 @@ function useDebouncedState(initialValue, delay) {
|
|
|
31089
31255
|
if (delay === void 0) {
|
|
31090
31256
|
delay = 0;
|
|
31091
31257
|
}
|
|
31092
|
-
var _useState =
|
|
31093
|
-
var timer =
|
|
31258
|
+
var _useState = React5.useState(initialValue), state = _useState[0], setState = _useState[1];
|
|
31259
|
+
var timer = React5.useRef(null);
|
|
31094
31260
|
function debouncedSetState(value) {
|
|
31095
31261
|
return new Promise(function(resolve) {
|
|
31096
31262
|
var _window;
|
|
@@ -31112,9 +31278,9 @@ function useIsUnicodeHidden() {
|
|
|
31112
31278
|
};
|
|
31113
31279
|
}
|
|
31114
31280
|
function useDisallowedEmojis() {
|
|
31115
|
-
var DisallowedEmojisRef =
|
|
31281
|
+
var DisallowedEmojisRef = React5.useRef({});
|
|
31116
31282
|
var emojiVersionConfig = useEmojiVersionConfig();
|
|
31117
|
-
return
|
|
31283
|
+
return React5.useMemo(function() {
|
|
31118
31284
|
var emojiVersion = parseFloat("" + emojiVersionConfig);
|
|
31119
31285
|
if (!emojiVersionConfig || Number.isNaN(emojiVersion)) {
|
|
31120
31286
|
return DisallowedEmojisRef.current;
|
|
@@ -31139,7 +31305,7 @@ function addedInNewerVersion(emoji2, supportedLevel) {
|
|
|
31139
31305
|
return addedIn(emoji2) > supportedLevel;
|
|
31140
31306
|
}
|
|
31141
31307
|
function useMarkInitialLoad(dispatch) {
|
|
31142
|
-
|
|
31308
|
+
React5.useEffect(function() {
|
|
31143
31309
|
dispatch(true);
|
|
31144
31310
|
}, [dispatch]);
|
|
31145
31311
|
}
|
|
@@ -31194,23 +31360,23 @@ function PickerContextProvider(_ref) {
|
|
|
31194
31360
|
var disallowedEmojis = useDisallowedEmojis();
|
|
31195
31361
|
var defaultSkinTone = useDefaultSkinToneConfig();
|
|
31196
31362
|
var reactionsDefaultOpen = useReactionsOpenConfig();
|
|
31197
|
-
var filterRef =
|
|
31198
|
-
var disallowClickRef =
|
|
31199
|
-
var disallowMouseRef =
|
|
31200
|
-
var disallowedEmojisRef =
|
|
31363
|
+
var filterRef = React5.useRef(alphaNumericEmojiIndex);
|
|
31364
|
+
var disallowClickRef = React5.useRef(false);
|
|
31365
|
+
var disallowMouseRef = React5.useRef(false);
|
|
31366
|
+
var disallowedEmojisRef = React5.useRef(disallowedEmojis);
|
|
31201
31367
|
var suggestedUpdateState = useDebouncedState(Date.now(), 200);
|
|
31202
31368
|
var searchTerm = useDebouncedState("", 100);
|
|
31203
|
-
var skinToneFanOpenState =
|
|
31204
|
-
var activeSkinTone =
|
|
31205
|
-
var activeCategoryState =
|
|
31206
|
-
var emojisThatFailedToLoadState =
|
|
31207
|
-
var emojiVariationPickerState =
|
|
31208
|
-
var reactionsModeState =
|
|
31209
|
-
var _useState =
|
|
31210
|
-
var visibleCategoriesState =
|
|
31211
|
-
var emojiSizeState =
|
|
31369
|
+
var skinToneFanOpenState = React5.useState(false);
|
|
31370
|
+
var activeSkinTone = React5.useState(defaultSkinTone);
|
|
31371
|
+
var activeCategoryState = React5.useState(null);
|
|
31372
|
+
var emojisThatFailedToLoadState = React5.useState(/* @__PURE__ */ new Set());
|
|
31373
|
+
var emojiVariationPickerState = React5.useState(null);
|
|
31374
|
+
var reactionsModeState = React5.useState(reactionsDefaultOpen);
|
|
31375
|
+
var _useState = React5.useState(false), isPastInitialLoad = _useState[0], setIsPastInitialLoad = _useState[1];
|
|
31376
|
+
var visibleCategoriesState = React5.useState([]);
|
|
31377
|
+
var emojiSizeState = React5.useState(null);
|
|
31212
31378
|
useMarkInitialLoad(setIsPastInitialLoad);
|
|
31213
|
-
return
|
|
31379
|
+
return React5.createElement(PickerContext.Provider, {
|
|
31214
31380
|
value: {
|
|
31215
31381
|
activeCategoryState,
|
|
31216
31382
|
activeSkinTone,
|
|
@@ -31230,7 +31396,7 @@ function PickerContextProvider(_ref) {
|
|
|
31230
31396
|
}
|
|
31231
31397
|
}, children);
|
|
31232
31398
|
}
|
|
31233
|
-
var PickerContext = /* @__PURE__ */
|
|
31399
|
+
var PickerContext = /* @__PURE__ */ React5.createContext({
|
|
31234
31400
|
activeCategoryState: [null, function() {
|
|
31235
31401
|
}],
|
|
31236
31402
|
activeSkinTone: [SkinTones.NEUTRAL, function() {
|
|
@@ -31270,51 +31436,51 @@ var PickerContext = /* @__PURE__ */ React4.createContext({
|
|
|
31270
31436
|
}]
|
|
31271
31437
|
});
|
|
31272
31438
|
function useFilterRef() {
|
|
31273
|
-
var _React$useContext =
|
|
31439
|
+
var _React$useContext = React5.useContext(PickerContext), filterRef = _React$useContext.filterRef;
|
|
31274
31440
|
return filterRef;
|
|
31275
31441
|
}
|
|
31276
31442
|
function useDisallowClickRef() {
|
|
31277
|
-
var _React$useContext2 =
|
|
31443
|
+
var _React$useContext2 = React5.useContext(PickerContext), disallowClickRef = _React$useContext2.disallowClickRef;
|
|
31278
31444
|
return disallowClickRef;
|
|
31279
31445
|
}
|
|
31280
31446
|
function useDisallowMouseRef() {
|
|
31281
|
-
var _React$useContext3 =
|
|
31447
|
+
var _React$useContext3 = React5.useContext(PickerContext), disallowMouseRef = _React$useContext3.disallowMouseRef;
|
|
31282
31448
|
return disallowMouseRef;
|
|
31283
31449
|
}
|
|
31284
31450
|
function useReactionsModeState() {
|
|
31285
|
-
var _React$useContext4 =
|
|
31451
|
+
var _React$useContext4 = React5.useContext(PickerContext), reactionsModeState = _React$useContext4.reactionsModeState;
|
|
31286
31452
|
return reactionsModeState;
|
|
31287
31453
|
}
|
|
31288
31454
|
function useSearchTermState() {
|
|
31289
|
-
var _React$useContext5 =
|
|
31455
|
+
var _React$useContext5 = React5.useContext(PickerContext), searchTerm = _React$useContext5.searchTerm;
|
|
31290
31456
|
return searchTerm;
|
|
31291
31457
|
}
|
|
31292
31458
|
function useActiveSkinToneState() {
|
|
31293
|
-
var _React$useContext6 =
|
|
31459
|
+
var _React$useContext6 = React5.useContext(PickerContext), activeSkinTone = _React$useContext6.activeSkinTone;
|
|
31294
31460
|
return activeSkinTone;
|
|
31295
31461
|
}
|
|
31296
31462
|
function useEmojisThatFailedToLoadState() {
|
|
31297
|
-
var _React$useContext7 =
|
|
31463
|
+
var _React$useContext7 = React5.useContext(PickerContext), emojisThatFailedToLoadState = _React$useContext7.emojisThatFailedToLoadState;
|
|
31298
31464
|
return emojisThatFailedToLoadState;
|
|
31299
31465
|
}
|
|
31300
31466
|
function useEmojiVariationPickerState() {
|
|
31301
|
-
var _React$useContext9 =
|
|
31467
|
+
var _React$useContext9 = React5.useContext(PickerContext), emojiVariationPickerState = _React$useContext9.emojiVariationPickerState;
|
|
31302
31468
|
return emojiVariationPickerState;
|
|
31303
31469
|
}
|
|
31304
31470
|
function useSkinToneFanOpenState() {
|
|
31305
|
-
var _React$useContext0 =
|
|
31471
|
+
var _React$useContext0 = React5.useContext(PickerContext), skinToneFanOpenState = _React$useContext0.skinToneFanOpenState;
|
|
31306
31472
|
return skinToneFanOpenState;
|
|
31307
31473
|
}
|
|
31308
31474
|
function useVisibleCategoriesState() {
|
|
31309
|
-
var _React$useContext10 =
|
|
31475
|
+
var _React$useContext10 = React5.useContext(PickerContext), visibleCategoriesState = _React$useContext10.visibleCategoriesState;
|
|
31310
31476
|
return visibleCategoriesState;
|
|
31311
31477
|
}
|
|
31312
31478
|
function useEmojiSizeState() {
|
|
31313
|
-
var _React$useContext11 =
|
|
31479
|
+
var _React$useContext11 = React5.useContext(PickerContext), emojiSizeState = _React$useContext11.emojiSizeState;
|
|
31314
31480
|
return emojiSizeState;
|
|
31315
31481
|
}
|
|
31316
31482
|
function useUpdateSuggested() {
|
|
31317
|
-
var _React$useContext12 =
|
|
31483
|
+
var _React$useContext12 = React5.useContext(PickerContext), suggestedUpdateState = _React$useContext12.suggestedUpdateState;
|
|
31318
31484
|
var suggestedUpdated = suggestedUpdateState[0], setsuggestedUpdate = suggestedUpdateState[1];
|
|
31319
31485
|
return [suggestedUpdated, function updateSuggested() {
|
|
31320
31486
|
setsuggestedUpdate(Date.now());
|
|
@@ -48319,7 +48485,7 @@ function emojiUnified(emoji2, skinTone) {
|
|
|
48319
48485
|
function useGetEmojisByCategory() {
|
|
48320
48486
|
var suggestedEmojisModeConfig = useSuggestedEmojisModeConfig();
|
|
48321
48487
|
var _useUpdateSuggested = useUpdateSuggested(), suggestedUpdated = _useUpdateSuggested[0];
|
|
48322
|
-
var suggested =
|
|
48488
|
+
var suggested = React5__namespace.default.useMemo(
|
|
48323
48489
|
function() {
|
|
48324
48490
|
var _getSuggested;
|
|
48325
48491
|
var suggested2 = (_getSuggested = getSuggested(suggestedEmojisModeConfig)) != null ? _getSuggested : [];
|
|
@@ -48463,20 +48629,20 @@ var basePreviewConfig = {
|
|
|
48463
48629
|
showPreview: true
|
|
48464
48630
|
};
|
|
48465
48631
|
var _excluded = ["children"];
|
|
48466
|
-
var ConfigContext = /* @__PURE__ */
|
|
48632
|
+
var ConfigContext = /* @__PURE__ */ React5.createContext(/* @__PURE__ */ basePickerConfig());
|
|
48467
48633
|
function PickerConfigProvider(_ref) {
|
|
48468
48634
|
var children = _ref.children, config = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
48469
48635
|
var mergedConfig = useSetConfig(config);
|
|
48470
|
-
return
|
|
48636
|
+
return React5.createElement(ConfigContext.Provider, {
|
|
48471
48637
|
value: mergedConfig
|
|
48472
48638
|
}, children);
|
|
48473
48639
|
}
|
|
48474
48640
|
function useSetConfig(config) {
|
|
48475
48641
|
var _config$customEmojis;
|
|
48476
|
-
var _React$useState =
|
|
48642
|
+
var _React$useState = React5.useState(function() {
|
|
48477
48643
|
return mergeConfig(config);
|
|
48478
48644
|
}), mergedConfig = _React$useState[0], setMergedConfig = _React$useState[1];
|
|
48479
|
-
|
|
48645
|
+
React5.useEffect(function() {
|
|
48480
48646
|
if (compareConfig(mergedConfig, config)) {
|
|
48481
48647
|
return;
|
|
48482
48648
|
}
|
|
@@ -48485,24 +48651,24 @@ function useSetConfig(config) {
|
|
|
48485
48651
|
return mergedConfig;
|
|
48486
48652
|
}
|
|
48487
48653
|
function usePickerConfig() {
|
|
48488
|
-
return
|
|
48654
|
+
return React5.useContext(ConfigContext);
|
|
48489
48655
|
}
|
|
48490
|
-
var MutableConfigContext = /* @__PURE__ */
|
|
48656
|
+
var MutableConfigContext = /* @__PURE__ */ React5__namespace.default.createContext({});
|
|
48491
48657
|
function useMutableConfig() {
|
|
48492
|
-
var mutableConfig =
|
|
48658
|
+
var mutableConfig = React5__namespace.default.useContext(MutableConfigContext);
|
|
48493
48659
|
return mutableConfig;
|
|
48494
48660
|
}
|
|
48495
48661
|
function useDefineMutableConfig(config) {
|
|
48496
|
-
var MutableConfigRef =
|
|
48662
|
+
var MutableConfigRef = React5__namespace.default.useRef({
|
|
48497
48663
|
onEmojiClick: config.onEmojiClick || emptyFunc,
|
|
48498
48664
|
onReactionClick: config.onReactionClick || config.onEmojiClick,
|
|
48499
48665
|
onSkinToneChange: config.onSkinToneChange || emptyFunc
|
|
48500
48666
|
});
|
|
48501
|
-
|
|
48667
|
+
React5__namespace.default.useEffect(function() {
|
|
48502
48668
|
MutableConfigRef.current.onEmojiClick = config.onEmojiClick || emptyFunc;
|
|
48503
48669
|
MutableConfigRef.current.onReactionClick = config.onReactionClick || config.onEmojiClick;
|
|
48504
48670
|
}, [config.onEmojiClick, config.onReactionClick]);
|
|
48505
|
-
|
|
48671
|
+
React5__namespace.default.useEffect(function() {
|
|
48506
48672
|
MutableConfigRef.current.onSkinToneChange = config.onSkinToneChange || emptyFunc;
|
|
48507
48673
|
}, [config.onSkinToneChange]);
|
|
48508
48674
|
return MutableConfigRef;
|
|
@@ -48687,16 +48853,16 @@ function getActiveElement() {
|
|
|
48687
48853
|
}
|
|
48688
48854
|
function ElementRefContextProvider(_ref) {
|
|
48689
48855
|
var children = _ref.children;
|
|
48690
|
-
var PickerMainRef =
|
|
48691
|
-
var AnchoredEmojiRef =
|
|
48692
|
-
var BodyRef =
|
|
48693
|
-
var EmojiListRef =
|
|
48694
|
-
var SearchInputRef =
|
|
48695
|
-
var SkinTonePickerRef =
|
|
48696
|
-
var CategoryNavigationRef =
|
|
48697
|
-
var VariationPickerRef =
|
|
48698
|
-
var ReactionsRef =
|
|
48699
|
-
return
|
|
48856
|
+
var PickerMainRef = React5.useRef(null);
|
|
48857
|
+
var AnchoredEmojiRef = React5.useRef(null);
|
|
48858
|
+
var BodyRef = React5.useRef(null);
|
|
48859
|
+
var EmojiListRef = React5.useRef(null);
|
|
48860
|
+
var SearchInputRef = React5.useRef(null);
|
|
48861
|
+
var SkinTonePickerRef = React5.useRef(null);
|
|
48862
|
+
var CategoryNavigationRef = React5.useRef(null);
|
|
48863
|
+
var VariationPickerRef = React5.useRef(null);
|
|
48864
|
+
var ReactionsRef = React5.useRef(null);
|
|
48865
|
+
return React5.createElement(ElementRefContext.Provider, {
|
|
48700
48866
|
value: {
|
|
48701
48867
|
AnchoredEmojiRef,
|
|
48702
48868
|
BodyRef,
|
|
@@ -48710,19 +48876,19 @@ function ElementRefContextProvider(_ref) {
|
|
|
48710
48876
|
}
|
|
48711
48877
|
}, children);
|
|
48712
48878
|
}
|
|
48713
|
-
var ElementRefContext = /* @__PURE__ */
|
|
48714
|
-
AnchoredEmojiRef: /* @__PURE__ */
|
|
48715
|
-
BodyRef: /* @__PURE__ */
|
|
48716
|
-
CategoryNavigationRef: /* @__PURE__ */
|
|
48717
|
-
EmojiListRef: /* @__PURE__ */
|
|
48718
|
-
PickerMainRef: /* @__PURE__ */
|
|
48719
|
-
SearchInputRef: /* @__PURE__ */
|
|
48720
|
-
SkinTonePickerRef: /* @__PURE__ */
|
|
48721
|
-
VariationPickerRef: /* @__PURE__ */
|
|
48722
|
-
ReactionsRef: /* @__PURE__ */
|
|
48879
|
+
var ElementRefContext = /* @__PURE__ */ React5.createContext({
|
|
48880
|
+
AnchoredEmojiRef: /* @__PURE__ */ React5.createRef(),
|
|
48881
|
+
BodyRef: /* @__PURE__ */ React5.createRef(),
|
|
48882
|
+
CategoryNavigationRef: /* @__PURE__ */ React5.createRef(),
|
|
48883
|
+
EmojiListRef: /* @__PURE__ */ React5.createRef(),
|
|
48884
|
+
PickerMainRef: /* @__PURE__ */ React5.createRef(),
|
|
48885
|
+
SearchInputRef: /* @__PURE__ */ React5.createRef(),
|
|
48886
|
+
SkinTonePickerRef: /* @__PURE__ */ React5.createRef(),
|
|
48887
|
+
VariationPickerRef: /* @__PURE__ */ React5.createRef(),
|
|
48888
|
+
ReactionsRef: /* @__PURE__ */ React5.createRef()
|
|
48723
48889
|
});
|
|
48724
48890
|
function useElementRef() {
|
|
48725
|
-
return
|
|
48891
|
+
return React5.useContext(ElementRefContext);
|
|
48726
48892
|
}
|
|
48727
48893
|
function useEmojiListRef() {
|
|
48728
48894
|
return useElementRef()["EmojiListRef"];
|
|
@@ -48783,7 +48949,7 @@ function scrollBy(root, by) {
|
|
|
48783
48949
|
}
|
|
48784
48950
|
function useScrollTo() {
|
|
48785
48951
|
var BodyRef = useBodyRef();
|
|
48786
|
-
return
|
|
48952
|
+
return React5.useCallback(function(top2) {
|
|
48787
48953
|
requestAnimationFrame(function() {
|
|
48788
48954
|
if (BodyRef.current) {
|
|
48789
48955
|
BodyRef.current.scrollTop = top2;
|
|
@@ -48920,7 +49086,7 @@ function visibleEmojiOneRowDown(element) {
|
|
|
48920
49086
|
function useCloseAllOpenToggles() {
|
|
48921
49087
|
var _useEmojiVariationPic = useEmojiVariationPickerState(), variationPicker = _useEmojiVariationPic[0], setVariationPicker = _useEmojiVariationPic[1];
|
|
48922
49088
|
var _useSkinToneFanOpenSt = useSkinToneFanOpenState(), skinToneFanOpen = _useSkinToneFanOpenSt[0], setSkinToneFanOpen = _useSkinToneFanOpenSt[1];
|
|
48923
|
-
var closeAllOpenToggles =
|
|
49089
|
+
var closeAllOpenToggles = React5.useCallback(function() {
|
|
48924
49090
|
if (variationPicker) {
|
|
48925
49091
|
setVariationPicker(null);
|
|
48926
49092
|
}
|
|
@@ -48959,7 +49125,7 @@ function useOnMouseMove() {
|
|
|
48959
49125
|
var BodyRef = useBodyRef();
|
|
48960
49126
|
var allowMouseMove = useAllowMouseMove();
|
|
48961
49127
|
var isMouseDisallowed = useIsMouseDisallowed();
|
|
48962
|
-
|
|
49128
|
+
React5.useEffect(function() {
|
|
48963
49129
|
var bodyRef = BodyRef.current;
|
|
48964
49130
|
bodyRef == null ? void 0 : bodyRef.addEventListener("mousemove", onMouseMove, {
|
|
48965
49131
|
passive: true
|
|
@@ -48976,13 +49142,13 @@ function useOnMouseMove() {
|
|
|
48976
49142
|
}
|
|
48977
49143
|
function useFocusSearchInput() {
|
|
48978
49144
|
var SearchInputRef = useSearchInputRef();
|
|
48979
|
-
return
|
|
49145
|
+
return React5.useCallback(function() {
|
|
48980
49146
|
focusElement(SearchInputRef.current);
|
|
48981
49147
|
}, [SearchInputRef]);
|
|
48982
49148
|
}
|
|
48983
49149
|
function useFocusSkinTonePicker() {
|
|
48984
49150
|
var SkinTonePickerRef = useSkinTonePickerRef();
|
|
48985
|
-
return
|
|
49151
|
+
return React5.useCallback(function() {
|
|
48986
49152
|
if (!SkinTonePickerRef.current) {
|
|
48987
49153
|
return;
|
|
48988
49154
|
}
|
|
@@ -48991,7 +49157,7 @@ function useFocusSkinTonePicker() {
|
|
|
48991
49157
|
}
|
|
48992
49158
|
function useFocusCategoryNavigation() {
|
|
48993
49159
|
var CategoryNavigationRef = useCategoryNavigationRef();
|
|
48994
|
-
return
|
|
49160
|
+
return React5.useCallback(function() {
|
|
48995
49161
|
if (!CategoryNavigationRef.current) {
|
|
48996
49162
|
return;
|
|
48997
49163
|
}
|
|
@@ -49175,7 +49341,7 @@ function usePickerMainKeyboardEvents() {
|
|
|
49175
49341
|
var hasOpenToggles = useHasOpenToggles();
|
|
49176
49342
|
var disallowMouseMove = useDisallowMouseMove();
|
|
49177
49343
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
49178
|
-
var onKeyDown =
|
|
49344
|
+
var onKeyDown = React5.useMemo(function() {
|
|
49179
49345
|
return function onKeyDown2(event) {
|
|
49180
49346
|
var key = event.key;
|
|
49181
49347
|
disallowMouseMove();
|
|
@@ -49194,7 +49360,7 @@ function usePickerMainKeyboardEvents() {
|
|
|
49194
49360
|
}
|
|
49195
49361
|
};
|
|
49196
49362
|
}, [scrollTo2, clearSearch, closeAllOpenToggles, focusSearchInput, hasOpenToggles, disallowMouseMove]);
|
|
49197
|
-
|
|
49363
|
+
React5.useEffect(function() {
|
|
49198
49364
|
var current = PickerMainRef.current;
|
|
49199
49365
|
if (!current) {
|
|
49200
49366
|
return;
|
|
@@ -49213,7 +49379,7 @@ function useSearchInputKeyboardEvents() {
|
|
|
49213
49379
|
var _useSkinToneFanOpenSt = useSkinToneFanOpenState(), setSkinToneFanOpenState = _useSkinToneFanOpenSt[1];
|
|
49214
49380
|
var goDownFromSearchInput = useGoDownFromSearchInput();
|
|
49215
49381
|
var isSkinToneInSearch = useIsSkinToneInSearch();
|
|
49216
|
-
var onKeyDown =
|
|
49382
|
+
var onKeyDown = React5.useMemo(function() {
|
|
49217
49383
|
return function onKeyDown2(event) {
|
|
49218
49384
|
var key = event.key;
|
|
49219
49385
|
switch (key) {
|
|
@@ -49236,7 +49402,7 @@ function useSearchInputKeyboardEvents() {
|
|
|
49236
49402
|
}
|
|
49237
49403
|
};
|
|
49238
49404
|
}, [focusSkinTonePicker, goDownFromSearchInput, setSkinToneFanOpenState, BodyRef, isSkinToneInSearch]);
|
|
49239
|
-
|
|
49405
|
+
React5.useEffect(function() {
|
|
49240
49406
|
var current = SearchInputRef.current;
|
|
49241
49407
|
if (!current) {
|
|
49242
49408
|
return;
|
|
@@ -49256,7 +49422,7 @@ function useSkinTonePickerKeyboardEvents() {
|
|
|
49256
49422
|
var isSkinToneInPreview = useIsSkinToneInPreview();
|
|
49257
49423
|
var isSkinToneInSearch = useIsSkinToneInSearch();
|
|
49258
49424
|
var onType = useOnType();
|
|
49259
|
-
var onKeyDown =
|
|
49425
|
+
var onKeyDown = React5.useMemo(function() {
|
|
49260
49426
|
return (
|
|
49261
49427
|
// eslint-disable-next-line complexity
|
|
49262
49428
|
(function onKeyDown2(event) {
|
|
@@ -49313,7 +49479,7 @@ function useSkinTonePickerKeyboardEvents() {
|
|
|
49313
49479
|
})
|
|
49314
49480
|
);
|
|
49315
49481
|
}, [isOpen, focusSearchInput, setIsOpen, goDownFromSearchInput, onType, isSkinToneInPreview, isSkinToneInSearch]);
|
|
49316
|
-
|
|
49482
|
+
React5.useEffect(function() {
|
|
49317
49483
|
var current = SkinTonePickerRef.current;
|
|
49318
49484
|
if (!current) {
|
|
49319
49485
|
return;
|
|
@@ -49329,7 +49495,7 @@ function useCategoryNavigationKeyboardEvents() {
|
|
|
49329
49495
|
var CategoryNavigationRef = useCategoryNavigationRef();
|
|
49330
49496
|
var BodyRef = useBodyRef();
|
|
49331
49497
|
var onType = useOnType();
|
|
49332
|
-
var onKeyDown =
|
|
49498
|
+
var onKeyDown = React5.useMemo(function() {
|
|
49333
49499
|
return function onKeyDown2(event) {
|
|
49334
49500
|
var key = event.key;
|
|
49335
49501
|
switch (key) {
|
|
@@ -49355,7 +49521,7 @@ function useCategoryNavigationKeyboardEvents() {
|
|
|
49355
49521
|
}
|
|
49356
49522
|
};
|
|
49357
49523
|
}, [BodyRef, focusSearchInput, onType]);
|
|
49358
|
-
|
|
49524
|
+
React5.useEffect(function() {
|
|
49359
49525
|
var current = CategoryNavigationRef.current;
|
|
49360
49526
|
if (!current) {
|
|
49361
49527
|
return;
|
|
@@ -49373,7 +49539,7 @@ function useBodyKeyboardEvents() {
|
|
|
49373
49539
|
var hasOpenToggles = useHasOpenToggles();
|
|
49374
49540
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
49375
49541
|
var onType = useOnType();
|
|
49376
|
-
var onKeyDown =
|
|
49542
|
+
var onKeyDown = React5.useMemo(function() {
|
|
49377
49543
|
return (
|
|
49378
49544
|
// eslint-disable-next-line complexity
|
|
49379
49545
|
(function onKeyDown2(event) {
|
|
@@ -49415,7 +49581,7 @@ function useBodyKeyboardEvents() {
|
|
|
49415
49581
|
})
|
|
49416
49582
|
);
|
|
49417
49583
|
}, [goUpFromBody, onType, setVariationPicker, hasOpenToggles, closeAllOpenToggles]);
|
|
49418
|
-
|
|
49584
|
+
React5.useEffect(function() {
|
|
49419
49585
|
var current = BodyRef.current;
|
|
49420
49586
|
if (!current) {
|
|
49421
49587
|
return;
|
|
@@ -49430,7 +49596,7 @@ function useGoDownFromSearchInput() {
|
|
|
49430
49596
|
var focusCategoryNavigation = useFocusCategoryNavigation();
|
|
49431
49597
|
var isSearchMode = useIsSearchMode();
|
|
49432
49598
|
var BodyRef = useBodyRef();
|
|
49433
|
-
return
|
|
49599
|
+
return React5.useCallback(function goDownFromSearchInput() {
|
|
49434
49600
|
if (isSearchMode) {
|
|
49435
49601
|
return focusFirstVisibleEmoji(BodyRef.current);
|
|
49436
49602
|
}
|
|
@@ -49441,7 +49607,7 @@ function useGoUpFromBody() {
|
|
|
49441
49607
|
var focusSearchInput = useFocusSearchInput();
|
|
49442
49608
|
var focusCategoryNavigation = useFocusCategoryNavigation();
|
|
49443
49609
|
var isSearchMode = useIsSearchMode();
|
|
49444
|
-
return
|
|
49610
|
+
return React5.useCallback(function goUpFromEmoji() {
|
|
49445
49611
|
if (isSearchMode) {
|
|
49446
49612
|
return focusSearchInput();
|
|
49447
49613
|
}
|
|
@@ -49533,7 +49699,7 @@ function useOnFocus() {
|
|
|
49533
49699
|
var BodyRef = useBodyRef();
|
|
49534
49700
|
var emojiStyle = useEmojiStyleConfig();
|
|
49535
49701
|
var getEmojiUrl = useGetEmojiUrlConfig();
|
|
49536
|
-
|
|
49702
|
+
React5.useEffect(function() {
|
|
49537
49703
|
if (emojiStyle === EmojiStyle.NATIVE) {
|
|
49538
49704
|
return;
|
|
49539
49705
|
}
|
|
@@ -49561,7 +49727,7 @@ var _excluded$1 = ["width", "height"];
|
|
|
49561
49727
|
var DEFAULT_LABEL_HEIGHT = 40;
|
|
49562
49728
|
function PickerMain(_ref) {
|
|
49563
49729
|
var children = _ref.children;
|
|
49564
|
-
return
|
|
49730
|
+
return React5.createElement(PickerContextProvider, null, React5.createElement(PickerRootElement, null, children));
|
|
49565
49731
|
}
|
|
49566
49732
|
function PickerRootElement(_ref2) {
|
|
49567
49733
|
var _cx;
|
|
@@ -49575,7 +49741,7 @@ function PickerRootElement(_ref2) {
|
|
|
49575
49741
|
useKeyboardNavigation();
|
|
49576
49742
|
useOnFocus();
|
|
49577
49743
|
var _ref3 = style2 || {}, width = _ref3.width, height = _ref3.height, styleProps = _objectWithoutPropertiesLoose(_ref3, _excluded$1);
|
|
49578
|
-
return
|
|
49744
|
+
return React5.createElement("aside", {
|
|
49579
49745
|
className: cx(styles.main, styles.baseVariables, theme === Theme.DARK && styles.darkTheme, theme === Theme.AUTO && styles.autoThemeDark, (_cx = {}, _cx[ClassNames.searchActive] = searchModeActive, _cx), reactionsMode && styles.reactionsMenu, className),
|
|
49580
49746
|
ref: PickerMainRef,
|
|
49581
49747
|
style: _extends({}, styleProps, !reactionsMode && {
|
|
@@ -49986,7 +50152,7 @@ function isCustomEmoji(emoji2) {
|
|
|
49986
50152
|
return emoji2.imgUrl !== void 0;
|
|
49987
50153
|
}
|
|
49988
50154
|
function useMouseDownHandlers(ContainerRef, mouseEventSource) {
|
|
49989
|
-
var mouseDownTimerRef =
|
|
50155
|
+
var mouseDownTimerRef = React5.useRef();
|
|
49990
50156
|
var setVariationPicker = useSetVariationPicker();
|
|
49991
50157
|
var disallowClickRef = useDisallowClickRef();
|
|
49992
50158
|
var _useEmojiVariationPic = useEmojiVariationPickerState(), setEmojiVariationPicker = _useEmojiVariationPic[1];
|
|
@@ -49996,7 +50162,7 @@ function useMouseDownHandlers(ContainerRef, mouseEventSource) {
|
|
|
49996
50162
|
var _useUpdateSuggested = useUpdateSuggested(), updateSuggested = _useUpdateSuggested[1];
|
|
49997
50163
|
var getEmojiUrl = useGetEmojiUrlConfig();
|
|
49998
50164
|
var activeEmojiStyle = useEmojiStyleConfig();
|
|
49999
|
-
var onClick =
|
|
50165
|
+
var onClick = React5.useCallback(function onClick2(event) {
|
|
50000
50166
|
if (disallowClickRef.current) {
|
|
50001
50167
|
return;
|
|
50002
50168
|
}
|
|
@@ -50010,7 +50176,7 @@ function useMouseDownHandlers(ContainerRef, mouseEventSource) {
|
|
|
50010
50176
|
setSuggested(emoji2, skinToneToUse);
|
|
50011
50177
|
onEmojiClick(emojiClickOutput(emoji2, skinToneToUse, activeEmojiStyle, getEmojiUrl), event);
|
|
50012
50178
|
}, [activeSkinTone, closeAllOpenToggles, disallowClickRef, onEmojiClick, updateSuggested, getEmojiUrl, activeEmojiStyle]);
|
|
50013
|
-
var onMouseDown =
|
|
50179
|
+
var onMouseDown = React5.useCallback(function onMouseDown2(event) {
|
|
50014
50180
|
var _window;
|
|
50015
50181
|
if (mouseDownTimerRef.current) {
|
|
50016
50182
|
clearTimeout(mouseDownTimerRef.current);
|
|
@@ -50027,7 +50193,7 @@ function useMouseDownHandlers(ContainerRef, mouseEventSource) {
|
|
|
50027
50193
|
setEmojiVariationPicker(emoji2);
|
|
50028
50194
|
}, 500);
|
|
50029
50195
|
}, [disallowClickRef, closeAllOpenToggles, setVariationPicker, setEmojiVariationPicker]);
|
|
50030
|
-
var onMouseUp =
|
|
50196
|
+
var onMouseUp = React5.useCallback(function onMouseUp2() {
|
|
50031
50197
|
if (mouseDownTimerRef.current) {
|
|
50032
50198
|
clearTimeout(mouseDownTimerRef.current);
|
|
50033
50199
|
mouseDownTimerRef.current = void 0;
|
|
@@ -50037,7 +50203,7 @@ function useMouseDownHandlers(ContainerRef, mouseEventSource) {
|
|
|
50037
50203
|
});
|
|
50038
50204
|
}
|
|
50039
50205
|
}, [disallowClickRef]);
|
|
50040
|
-
|
|
50206
|
+
React5.useEffect(function() {
|
|
50041
50207
|
if (!ContainerRef.current) {
|
|
50042
50208
|
return;
|
|
50043
50209
|
}
|
|
@@ -50100,7 +50266,7 @@ function emojiClickOutput(emoji2, activeSkinTone, activeEmojiStyle, getEmojiUrl)
|
|
|
50100
50266
|
};
|
|
50101
50267
|
}
|
|
50102
50268
|
function Button3(props) {
|
|
50103
|
-
return
|
|
50269
|
+
return React5.createElement("button", Object.assign({
|
|
50104
50270
|
type: "button"
|
|
50105
50271
|
}, props, {
|
|
50106
50272
|
className: cx(styles$1.button, props.className)
|
|
@@ -50118,7 +50284,7 @@ var styles$1 = /* @__PURE__ */ stylesheet.create({
|
|
|
50118
50284
|
function ClickableEmojiButton(_ref) {
|
|
50119
50285
|
var _cx;
|
|
50120
50286
|
var emojiNames2 = _ref.emojiNames, unified = _ref.unified, hidden2 = _ref.hidden, hiddenOnSearch = _ref.hiddenOnSearch, _ref$showVariations = _ref.showVariations, showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations, hasVariations = _ref.hasVariations, children = _ref.children, className = _ref.className, _ref$noBackground = _ref.noBackground, noBackground = _ref$noBackground === void 0 ? false : _ref$noBackground, style2 = _ref.style;
|
|
50121
|
-
return
|
|
50287
|
+
return React5.createElement(Button3, {
|
|
50122
50288
|
className: cx(styles$2.emoji, hidden2 && commonStyles.hidden, hiddenOnSearch && commonInteractionStyles.hiddenOnSearch, (_cx = {}, _cx[ClassNames.visible] = !hidden2 && !hiddenOnSearch, _cx), !!(hasVariations && showVariations) && styles$2.hasVariations, noBackground && styles$2.noBackground, className),
|
|
50123
50289
|
"data-unified": unified,
|
|
50124
50290
|
"aria-label": getAriaLabel(emojiNames2),
|
|
@@ -50197,7 +50363,7 @@ var emojiStyles = /* @__PURE__ */ stylesheet.create({
|
|
|
50197
50363
|
});
|
|
50198
50364
|
function EmojiImg(_ref) {
|
|
50199
50365
|
var emojiName2 = _ref.emojiName, style2 = _ref.style, _ref$lazyLoad = _ref.lazyLoad, lazyLoad = _ref$lazyLoad === void 0 ? false : _ref$lazyLoad, imgUrl = _ref.imgUrl, onError = _ref.onError, className = _ref.className;
|
|
50200
|
-
return
|
|
50366
|
+
return React5.createElement("img", {
|
|
50201
50367
|
src: imgUrl,
|
|
50202
50368
|
alt: emojiName2,
|
|
50203
50369
|
className: cx(styles$3.emojiImag, emojiStyles.external, emojiStyles.common, className),
|
|
@@ -50218,7 +50384,7 @@ var styles$3 = /* @__PURE__ */ stylesheet.create({
|
|
|
50218
50384
|
});
|
|
50219
50385
|
function NativeEmoji(_ref) {
|
|
50220
50386
|
var unified = _ref.unified, style2 = _ref.style, className = _ref.className;
|
|
50221
|
-
return
|
|
50387
|
+
return React5.createElement("span", {
|
|
50222
50388
|
className: cx(styles$4.nativeEmoji, emojiStyles.common, emojiStyles.external, className),
|
|
50223
50389
|
"data-unified": unified,
|
|
50224
50390
|
style: style2
|
|
@@ -50250,7 +50416,7 @@ function ViewOnlyEmoji(_ref) {
|
|
|
50250
50416
|
return null;
|
|
50251
50417
|
}
|
|
50252
50418
|
if (isCustomEmoji(emojiToRender)) {
|
|
50253
|
-
return
|
|
50419
|
+
return React5.createElement(EmojiImg, {
|
|
50254
50420
|
style: style2,
|
|
50255
50421
|
emojiName: unified,
|
|
50256
50422
|
emojiStyle: EmojiStyle.NATIVE,
|
|
@@ -50260,11 +50426,11 @@ function ViewOnlyEmoji(_ref) {
|
|
|
50260
50426
|
className
|
|
50261
50427
|
});
|
|
50262
50428
|
}
|
|
50263
|
-
return
|
|
50429
|
+
return React5.createElement(React5.Fragment, null, emojiStyle === EmojiStyle.NATIVE ? React5.createElement(NativeEmoji, {
|
|
50264
50430
|
unified,
|
|
50265
50431
|
style: style2,
|
|
50266
50432
|
className
|
|
50267
|
-
}) :
|
|
50433
|
+
}) : React5.createElement(EmojiImg, {
|
|
50268
50434
|
style: style2,
|
|
50269
50435
|
emojiName: emojiName(emojiToRender),
|
|
50270
50436
|
emojiStyle,
|
|
@@ -50282,7 +50448,7 @@ function ViewOnlyEmoji(_ref) {
|
|
|
50282
50448
|
function ClickableEmoji(_ref) {
|
|
50283
50449
|
var emoji2 = _ref.emoji, unified = _ref.unified, hidden2 = _ref.hidden, hiddenOnSearch = _ref.hiddenOnSearch, emojiStyle = _ref.emojiStyle, _ref$showVariations = _ref.showVariations, showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations, size = _ref.size, lazyLoad = _ref.lazyLoad, getEmojiUrl = _ref.getEmojiUrl, className = _ref.className, _ref$noBackground = _ref.noBackground, noBackground = _ref$noBackground === void 0 ? false : _ref$noBackground, style2 = _ref.style;
|
|
50284
50450
|
var hasVariations = emojiHasVariations(emoji2);
|
|
50285
|
-
return
|
|
50451
|
+
return React5.createElement(ClickableEmojiButton, {
|
|
50286
50452
|
hasVariations,
|
|
50287
50453
|
showVariations,
|
|
50288
50454
|
hidden: hidden2,
|
|
@@ -50291,7 +50457,7 @@ function ClickableEmoji(_ref) {
|
|
|
50291
50457
|
unified,
|
|
50292
50458
|
noBackground,
|
|
50293
50459
|
style: style2
|
|
50294
|
-
},
|
|
50460
|
+
}, React5.createElement(ViewOnlyEmoji, {
|
|
50295
50461
|
unified,
|
|
50296
50462
|
emoji: emoji2,
|
|
50297
50463
|
size,
|
|
@@ -50301,10 +50467,10 @@ function ClickableEmoji(_ref) {
|
|
|
50301
50467
|
className
|
|
50302
50468
|
}));
|
|
50303
50469
|
}
|
|
50304
|
-
var
|
|
50470
|
+
var Plus2 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjgwcHgiIHZpZXdCb3g9IjAgMCAyMCA4MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjODY4Njg2IiBkPSJNNS43LDEwLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40QzYsMTAuOSw2LjEsMTEsNi4zLDExaDMuNHYzLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40CgljMC4xLDAuMSwwLjIsMC4yLDAuNCwwLjJjMC4zLDAsMC41LTAuMiwwLjUtMC41di0zLjRoMy40YzAuMywwLDAuNS0wLjIsMC41LTAuNXMtMC4yLTAuNS0wLjUtMC41aC0zLjRWNi43YzAtMC4zLTAuMi0wLjUtMC41LTAuNQoJQzkuOCw2LDkuNiw2LjIsOS42LDYuNXYzLjRINi4yQzUuOSw5LjksNS43LDEwLjEsNS43LDEwLjRMNS43LDEwLjR6Ii8+CjxwYXRoIGZpbGw9IiMzMzcxQjciIGQ9Ik01LjcsMzAuNGMwLDAuMSwwLjEsMC4zLDAuMiwwLjRTNi4xLDMxLDYuMywzMWgzLjR2My40YzAsMC4xLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMiwwLjIsMC40LDAuMgoJYzAuMywwLDAuNS0wLjIsMC41LTAuNXYtMy40aDMuNGMwLjMsMCwwLjUtMC4yLDAuNS0wLjVzLTAuMi0wLjUtMC41LTAuNWgtMy40di0zLjRjMC0wLjMtMC4yLTAuNS0wLjUtMC41cy0wLjUsMC4yLTAuNSwwLjV2My40SDYuMgoJQzUuOSwyOS45LDUuNywzMC4xLDUuNywzMC40TDUuNywzMC40eiIvPgo8cGF0aCBmaWxsPSIjQzBDMEJGIiBkPSJNNS43LDUwLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40QzYsNTAuOSw2LjEsNTEsNi4zLDUxaDMuNHYzLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40CgljMC4xLDAuMSwwLjIsMC4yLDAuNCwwLjJjMC4zLDAsMC41LTAuMiwwLjUtMC41di0zLjRoMy40YzAuMywwLDAuNS0wLjIsMC41LTAuNXMtMC4yLTAuNS0wLjUtMC41aC0zLjR2LTMuNGMwLTAuMy0wLjItMC41LTAuNS0wLjUKCXMtMC41LDAuMi0wLjUsMC41djMuNEg2LjJDNS45LDQ5LjksNS43LDUwLjEsNS43LDUwLjRMNS43LDUwLjR6Ii8+CjxwYXRoIGZpbGw9IiM2QUE5REQiIGQ9Ik01LjcsNzAuNGMwLDAuMSwwLjEsMC4zLDAuMiwwLjRTNi4xLDcxLDYuMyw3MWgzLjR2My40YzAsMC4xLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMiwwLjIsMC40LDAuMgoJYzAuMywwLDAuNS0wLjIsMC41LTAuNXYtMy40aDMuNGMwLjMsMCwwLjUtMC4yLDAuNS0wLjVzLTAuMi0wLjUtMC41LTAuNWgtMy40di0zLjRjMC0wLjMtMC4yLTAuNS0wLjUtMC41cy0wLjUsMC4yLTAuNSwwLjV2My40SDYuNAoJQzUuOSw2OS45LDUuNyw3MC4xLDUuNyw3MC40TDUuNyw3MC40eiIvPgo8L3N2Zz4=";
|
|
50305
50471
|
function BtnPlus() {
|
|
50306
50472
|
var _useReactionsModeStat = useReactionsModeState(), setReactionsMode = _useReactionsModeStat[1];
|
|
50307
|
-
return
|
|
50473
|
+
return React5.createElement(Button3, {
|
|
50308
50474
|
"aria-label": "Show all Emojis",
|
|
50309
50475
|
title: "Show all Emojis",
|
|
50310
50476
|
tabIndex: 0,
|
|
@@ -50332,7 +50498,7 @@ var styles$5 = /* @__PURE__ */ stylesheet.create(/* @__PURE__ */ _extends({
|
|
|
50332
50498
|
content: "",
|
|
50333
50499
|
minWidth: "20px",
|
|
50334
50500
|
minHeight: "20px",
|
|
50335
|
-
backgroundImage: "url(" +
|
|
50501
|
+
backgroundImage: "url(" + Plus2 + ")",
|
|
50336
50502
|
backgroundColor: "transparent",
|
|
50337
50503
|
backgroundRepeat: "no-repeat",
|
|
50338
50504
|
backgroundSize: "20px",
|
|
@@ -50372,13 +50538,13 @@ function Reactions() {
|
|
|
50372
50538
|
if (!reactionsOpen) {
|
|
50373
50539
|
return null;
|
|
50374
50540
|
}
|
|
50375
|
-
return
|
|
50541
|
+
return React5.createElement("ul", {
|
|
50376
50542
|
className: cx(styles$6.list, !reactionsOpen && commonStyles.hidden),
|
|
50377
50543
|
ref: ReactionsRef
|
|
50378
50544
|
}, reactions.map(function(reaction) {
|
|
50379
|
-
return
|
|
50545
|
+
return React5.createElement("li", {
|
|
50380
50546
|
key: reaction
|
|
50381
|
-
},
|
|
50547
|
+
}, React5.createElement(ClickableEmoji, {
|
|
50382
50548
|
emoji: emojiByUnified(reaction),
|
|
50383
50549
|
emojiStyle,
|
|
50384
50550
|
unified: reaction,
|
|
@@ -50387,7 +50553,7 @@ function Reactions() {
|
|
|
50387
50553
|
noBackground: true,
|
|
50388
50554
|
getEmojiUrl
|
|
50389
50555
|
}));
|
|
50390
|
-
}), allowExpandReactions ?
|
|
50556
|
+
}), allowExpandReactions ? React5.createElement("li", null, React5.createElement(BtnPlus, null)) : null);
|
|
50391
50557
|
}
|
|
50392
50558
|
var styles$6 = /* @__PURE__ */ stylesheet.create({
|
|
50393
50559
|
list: {
|
|
@@ -50414,8 +50580,8 @@ var styles$6 = /* @__PURE__ */ stylesheet.create({
|
|
|
50414
50580
|
});
|
|
50415
50581
|
function useOnScroll(BodyRef) {
|
|
50416
50582
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
50417
|
-
var _useState =
|
|
50418
|
-
|
|
50583
|
+
var _useState = React5.useState(0), scrollTop = _useState[0], setScrollTop = _useState[1];
|
|
50584
|
+
React5.useEffect(function() {
|
|
50419
50585
|
var bodyRef = BodyRef.current;
|
|
50420
50586
|
if (!bodyRef) {
|
|
50421
50587
|
return;
|
|
@@ -50455,11 +50621,11 @@ function useCategoryHeight(emojiCount) {
|
|
|
50455
50621
|
var EmojiListRef = useEmojiListRef();
|
|
50456
50622
|
var _useReactionsModeStat = useReactionsModeState(), isReactionsMode = _useReactionsModeStat[0];
|
|
50457
50623
|
var PickerMainRef = usePickerMainRef();
|
|
50458
|
-
var emojiSizeRef =
|
|
50624
|
+
var emojiSizeRef = React5.useRef();
|
|
50459
50625
|
var _useVisibleCategories = useVisibleCategoriesState(), visibleCategories = _useVisibleCategories[0];
|
|
50460
50626
|
var _useEmojiSizeState = useEmojiSizeState(), emojiSizeFromContext = _useEmojiSizeState[0];
|
|
50461
|
-
var _React$useState =
|
|
50462
|
-
var computeAndSetDimensions =
|
|
50627
|
+
var _React$useState = React5.useState(), dimensions = _React$useState[0], setDimensions = _React$useState[1];
|
|
50628
|
+
var computeAndSetDimensions = React5.useCallback(function() {
|
|
50463
50629
|
var listEl = EmojiListRef.current;
|
|
50464
50630
|
if (!listEl) return;
|
|
50465
50631
|
var emojiElement = listEl.querySelector(EmojiButtonSelector);
|
|
@@ -50479,10 +50645,10 @@ function useCategoryHeight(emojiCount) {
|
|
|
50479
50645
|
emojiSize
|
|
50480
50646
|
});
|
|
50481
50647
|
}, [EmojiListRef, emojiCount, emojiSizeFromContext]);
|
|
50482
|
-
|
|
50648
|
+
React5.useEffect(function() {
|
|
50483
50649
|
computeAndSetDimensions();
|
|
50484
50650
|
}, [emojiCount, isReactionsMode, computeAndSetDimensions, visibleCategories.length]);
|
|
50485
|
-
|
|
50651
|
+
React5.useEffect(function() {
|
|
50486
50652
|
var rootEl = PickerMainRef.current;
|
|
50487
50653
|
if (!rootEl) return;
|
|
50488
50654
|
var handler = function handler2(e) {
|
|
@@ -50540,7 +50706,7 @@ function useEmojiVirtualization(_ref) {
|
|
|
50540
50706
|
return !failedToLoad && !filteredOut && !hidden2 && !isDisallowed;
|
|
50541
50707
|
});
|
|
50542
50708
|
var dimensions = useCategoryHeight(emojisToPush.length);
|
|
50543
|
-
|
|
50709
|
+
React5.useEffect(function() {
|
|
50544
50710
|
if (dimensions) {
|
|
50545
50711
|
onHeightReady(dimensions.categoryHeight);
|
|
50546
50712
|
}
|
|
@@ -50568,7 +50734,7 @@ function useEmojiVirtualization(_ref) {
|
|
|
50568
50734
|
virtualizedCounter++;
|
|
50569
50735
|
return accumulator;
|
|
50570
50736
|
}
|
|
50571
|
-
accumulator.push(
|
|
50737
|
+
accumulator.push(React5.createElement(ClickableEmoji, {
|
|
50572
50738
|
showVariations,
|
|
50573
50739
|
key: unified,
|
|
50574
50740
|
emoji: emoji2,
|
|
@@ -50592,13 +50758,13 @@ function EmojiCategory(_ref) {
|
|
|
50592
50758
|
var categoryConfig = _ref.categoryConfig, children = _ref.children, hidden2 = _ref.hidden, hiddenOnSearch = _ref.hiddenOnSearch, height = _ref.height;
|
|
50593
50759
|
var category = categoryFromCategoryConfig(categoryConfig);
|
|
50594
50760
|
var categoryName = categoryNameFromCategoryConfig(categoryConfig);
|
|
50595
|
-
return
|
|
50761
|
+
return React5.createElement("li", {
|
|
50596
50762
|
className: cx(styles$7.category, hidden2 && commonStyles.hidden, hiddenOnSearch && commonInteractionStyles.hiddenOnSearch),
|
|
50597
50763
|
"data-name": category,
|
|
50598
50764
|
"aria-label": categoryName
|
|
50599
|
-
},
|
|
50765
|
+
}, React5.createElement("h2", {
|
|
50600
50766
|
className: cx(styles$7.label)
|
|
50601
|
-
}, categoryName),
|
|
50767
|
+
}, categoryName), React5.createElement("div", {
|
|
50602
50768
|
className: cx(styles$7.categoryContent),
|
|
50603
50769
|
style: {
|
|
50604
50770
|
height
|
|
@@ -50648,8 +50814,8 @@ function MeasureEmoji() {
|
|
|
50648
50814
|
var lazyLoadEmojis = useLazyLoadEmojisConfig();
|
|
50649
50815
|
var _useActiveSkinToneSta = useActiveSkinToneState(), activeSkinTone = _useActiveSkinToneSta[0];
|
|
50650
50816
|
var _useEmojiSizeState = useEmojiSizeState(), emojiSize = _useEmojiSizeState[0], setEmojiSize = _useEmojiSizeState[1];
|
|
50651
|
-
var ref =
|
|
50652
|
-
|
|
50817
|
+
var ref = React5.useRef(null);
|
|
50818
|
+
React5.useLayoutEffect(function() {
|
|
50653
50819
|
if (ref.current) {
|
|
50654
50820
|
setEmojiSize(ref.current.clientHeight);
|
|
50655
50821
|
}
|
|
@@ -50663,9 +50829,9 @@ function MeasureEmoji() {
|
|
|
50663
50829
|
if (!dummyEmoji) {
|
|
50664
50830
|
return null;
|
|
50665
50831
|
}
|
|
50666
|
-
return
|
|
50832
|
+
return React5.createElement("div", {
|
|
50667
50833
|
ref
|
|
50668
|
-
},
|
|
50834
|
+
}, React5.createElement(ClickableEmoji, {
|
|
50669
50835
|
emoji: dummyEmoji,
|
|
50670
50836
|
unified,
|
|
50671
50837
|
emojiStyle,
|
|
@@ -50688,24 +50854,24 @@ function MeasureEmoji() {
|
|
|
50688
50854
|
function EmojiList(_ref) {
|
|
50689
50855
|
var scrollTop = _ref.scrollTop;
|
|
50690
50856
|
var categories = useCategoriesConfig();
|
|
50691
|
-
var _React$useState =
|
|
50857
|
+
var _React$useState = React5.useState({}), categoryHeights = _React$useState[0], setCategoryHeights = _React$useState[1];
|
|
50692
50858
|
var EmojiListRef = useEmojiListRef();
|
|
50693
50859
|
var getEmojisByCategory = useGetEmojisByCategory();
|
|
50694
50860
|
var labelHeight = getLabelHeight(EmojiListRef.current);
|
|
50695
50861
|
var topOffset = 0;
|
|
50696
|
-
return
|
|
50862
|
+
return React5.createElement("ul", {
|
|
50697
50863
|
className: cx(styles$8.emojiList),
|
|
50698
50864
|
ref: EmojiListRef
|
|
50699
|
-
},
|
|
50865
|
+
}, React5.createElement(MeasureEmoji, null), categories.map(function(categoryConfig) {
|
|
50700
50866
|
var category = categoryFromCategoryConfig(categoryConfig);
|
|
50701
50867
|
var currentOffset = topOffset;
|
|
50702
50868
|
var categoryHeight = categoryHeights[category];
|
|
50703
50869
|
if (categoryHeight) {
|
|
50704
50870
|
topOffset += categoryHeight + labelHeight;
|
|
50705
50871
|
}
|
|
50706
|
-
return
|
|
50872
|
+
return React5.createElement(React5.Suspense, {
|
|
50707
50873
|
key: category
|
|
50708
|
-
},
|
|
50874
|
+
}, React5.createElement(RenderCategory, {
|
|
50709
50875
|
categoryEmojis: getEmojisByCategory(category),
|
|
50710
50876
|
categoryConfig,
|
|
50711
50877
|
topOffset: currentOffset,
|
|
@@ -50731,7 +50897,7 @@ function RenderCategory(_ref2) {
|
|
|
50731
50897
|
scrollTop,
|
|
50732
50898
|
isCategoryVisible: visibleCategories.includes(categoryConfig.category)
|
|
50733
50899
|
}), virtualizedCounter = _useEmojiVirtualizati.virtualizedCounter, emojis2 = _useEmojiVirtualizati.emojis, dimensions = _useEmojiVirtualizati.dimensions;
|
|
50734
|
-
return
|
|
50900
|
+
return React5.createElement(EmojiCategory, {
|
|
50735
50901
|
categoryConfig,
|
|
50736
50902
|
height: dimensions == null ? void 0 : dimensions.categoryHeight,
|
|
50737
50903
|
// Indicates that there are no visible emojis
|
|
@@ -50764,7 +50930,7 @@ function EmojiVariationPicker() {
|
|
|
50764
50930
|
var getEmojiUrl = useGetEmojiUrlConfig();
|
|
50765
50931
|
var button = buttonFromTarget(AnchoredEmojiRef.current);
|
|
50766
50932
|
var visible = Boolean(emoji2 && button && emojiHasVariations(emoji2) && button.classList.contains(ClassNames.emojiHasVariations));
|
|
50767
|
-
|
|
50933
|
+
React5.useEffect(function() {
|
|
50768
50934
|
if (!visible) {
|
|
50769
50935
|
return;
|
|
50770
50936
|
}
|
|
@@ -50777,14 +50943,14 @@ function EmojiVariationPicker() {
|
|
|
50777
50943
|
top2 = getTop();
|
|
50778
50944
|
pointerStyle = getPointerStyle();
|
|
50779
50945
|
}
|
|
50780
|
-
return
|
|
50946
|
+
return React5.createElement("div", {
|
|
50781
50947
|
ref: VariationPickerRef,
|
|
50782
50948
|
className: cx(styles$9.variationPicker, getMenuDirection() === Direction.Down && styles$9.pointingUp, visible && styles$9.visible),
|
|
50783
50949
|
style: {
|
|
50784
50950
|
top: top2
|
|
50785
50951
|
}
|
|
50786
50952
|
}, visible && emoji2 ? [emojiUnified(emoji2)].concat(emojiVariations(emoji2)).slice(0, 6).map(function(unified) {
|
|
50787
|
-
return
|
|
50953
|
+
return React5.createElement(ClickableEmoji, {
|
|
50788
50954
|
key: unified,
|
|
50789
50955
|
emoji: emoji2,
|
|
50790
50956
|
unified,
|
|
@@ -50792,7 +50958,7 @@ function EmojiVariationPicker() {
|
|
|
50792
50958
|
showVariations: false,
|
|
50793
50959
|
getEmojiUrl
|
|
50794
50960
|
});
|
|
50795
|
-
}) : null,
|
|
50961
|
+
}) : null, React5.createElement("div", {
|
|
50796
50962
|
className: cx(styles$9.pointer),
|
|
50797
50963
|
style: pointerStyle
|
|
50798
50964
|
}));
|
|
@@ -50909,10 +51075,10 @@ function Body() {
|
|
|
50909
51075
|
var scrollTop = useOnScroll(BodyRef);
|
|
50910
51076
|
useMouseDownHandlers(BodyRef, MOUSE_EVENT_SOURCE.PICKER);
|
|
50911
51077
|
useOnMouseMove();
|
|
50912
|
-
return
|
|
51078
|
+
return React5.createElement("div", {
|
|
50913
51079
|
className: cx(styles$a.body, commonInteractionStyles.hiddenOnReactions),
|
|
50914
51080
|
ref: BodyRef
|
|
50915
|
-
},
|
|
51081
|
+
}, React5.createElement(EmojiVariationPicker, null), React5.createElement(EmojiList, {
|
|
50916
51082
|
scrollTop
|
|
50917
51083
|
}));
|
|
50918
51084
|
}
|
|
@@ -50937,7 +51103,7 @@ function useEmojiPreviewEvents(allow, setPreviewEmoji) {
|
|
|
50937
51103
|
var BodyRef = useBodyRef();
|
|
50938
51104
|
var isMouseDisallowed = useIsMouseDisallowed();
|
|
50939
51105
|
var allowMouseMove = useAllowMouseMove();
|
|
50940
|
-
|
|
51106
|
+
React5.useEffect(function() {
|
|
50941
51107
|
if (!allow) {
|
|
50942
51108
|
return;
|
|
50943
51109
|
}
|
|
@@ -51022,7 +51188,7 @@ var FlexDirection;
|
|
|
51022
51188
|
})(FlexDirection || (FlexDirection = {}));
|
|
51023
51189
|
function Flex(_ref) {
|
|
51024
51190
|
var children = _ref.children, className = _ref.className, _ref$style = _ref.style, style2 = _ref$style === void 0 ? {} : _ref$style, _ref$direction = _ref.direction, direction = _ref$direction === void 0 ? FlexDirection.ROW : _ref$direction;
|
|
51025
|
-
return
|
|
51191
|
+
return React5.createElement("div", {
|
|
51026
51192
|
style: _extends({}, style2),
|
|
51027
51193
|
className: cx(styles$b.flex, className, styles$b[direction])
|
|
51028
51194
|
}, children);
|
|
@@ -51038,7 +51204,7 @@ var styles$b = /* @__PURE__ */ stylesheet.create((_stylesheet$create = {
|
|
|
51038
51204
|
}, _stylesheet$create));
|
|
51039
51205
|
function Space(_ref) {
|
|
51040
51206
|
var className = _ref.className, _ref$style = _ref.style, style2 = _ref$style === void 0 ? {} : _ref$style;
|
|
51041
|
-
return
|
|
51207
|
+
return React5.createElement("div", {
|
|
51042
51208
|
style: _extends({
|
|
51043
51209
|
flex: 1
|
|
51044
51210
|
}, style2),
|
|
@@ -51047,7 +51213,7 @@ function Space(_ref) {
|
|
|
51047
51213
|
}
|
|
51048
51214
|
function Absolute(_ref) {
|
|
51049
51215
|
var children = _ref.children, className = _ref.className, style2 = _ref.style;
|
|
51050
|
-
return
|
|
51216
|
+
return React5.createElement("div", {
|
|
51051
51217
|
style: _extends({}, style2, {
|
|
51052
51218
|
position: "absolute"
|
|
51053
51219
|
}),
|
|
@@ -51056,7 +51222,7 @@ function Absolute(_ref) {
|
|
|
51056
51222
|
}
|
|
51057
51223
|
function Relative(_ref) {
|
|
51058
51224
|
var children = _ref.children, className = _ref.className, style2 = _ref.style;
|
|
51059
|
-
return
|
|
51225
|
+
return React5.createElement("div", {
|
|
51060
51226
|
style: _extends({}, style2, {
|
|
51061
51227
|
position: "relative"
|
|
51062
51228
|
}),
|
|
@@ -51065,7 +51231,7 @@ function Relative(_ref) {
|
|
|
51065
51231
|
}
|
|
51066
51232
|
function BtnSkinToneVariation(_ref) {
|
|
51067
51233
|
var isOpen = _ref.isOpen, onClick = _ref.onClick, isActive2 = _ref.isActive, skinToneVariation = _ref.skinToneVariation, style2 = _ref.style;
|
|
51068
|
-
return
|
|
51234
|
+
return React5.createElement(Button3, {
|
|
51069
51235
|
style: style2,
|
|
51070
51236
|
onClick,
|
|
51071
51237
|
className: cx("epr-tone-" + skinToneVariation, styles$c.tone, !isOpen && styles$c.closedTone, isActive2 && styles$c.active),
|
|
@@ -51124,16 +51290,16 @@ var styles$c = /* @__PURE__ */ stylesheet.create({
|
|
|
51124
51290
|
});
|
|
51125
51291
|
var ITEM_SIZE = 28;
|
|
51126
51292
|
function SkinTonePickerMenu() {
|
|
51127
|
-
return
|
|
51293
|
+
return React5.createElement(Relative, {
|
|
51128
51294
|
style: {
|
|
51129
51295
|
height: ITEM_SIZE
|
|
51130
51296
|
}
|
|
51131
|
-
},
|
|
51297
|
+
}, React5.createElement(Absolute, {
|
|
51132
51298
|
style: {
|
|
51133
51299
|
bottom: 0,
|
|
51134
51300
|
right: 0
|
|
51135
51301
|
}
|
|
51136
|
-
},
|
|
51302
|
+
}, React5.createElement(SkinTonePicker, {
|
|
51137
51303
|
direction: SkinTonePickerDirection.VERTICAL
|
|
51138
51304
|
})));
|
|
51139
51305
|
}
|
|
@@ -51152,7 +51318,7 @@ function SkinTonePicker(_ref) {
|
|
|
51152
51318
|
var fullWidth = ITEM_SIZE * skinToneVariations.length + "px";
|
|
51153
51319
|
var expandedSize = isOpen ? fullWidth : ITEM_SIZE + "px";
|
|
51154
51320
|
var vertical = direction === SkinTonePickerDirection.VERTICAL;
|
|
51155
|
-
return
|
|
51321
|
+
return React5.createElement(Relative, {
|
|
51156
51322
|
className: cx(styles$d.skinTones, vertical && styles$d.vertical, isOpen && styles$d.open, vertical && isOpen && styles$d.verticalShadow),
|
|
51157
51323
|
style: vertical ? {
|
|
51158
51324
|
flexBasis: expandedSize,
|
|
@@ -51160,12 +51326,12 @@ function SkinTonePicker(_ref) {
|
|
|
51160
51326
|
} : {
|
|
51161
51327
|
flexBasis: expandedSize
|
|
51162
51328
|
}
|
|
51163
|
-
},
|
|
51329
|
+
}, React5.createElement("div", {
|
|
51164
51330
|
className: cx(styles$d.select),
|
|
51165
51331
|
ref: SkinTonePickerRef
|
|
51166
51332
|
}, skinToneVariations.map(function(skinToneVariation, i) {
|
|
51167
51333
|
var active = skinToneVariation === activeSkinTone;
|
|
51168
|
-
return
|
|
51334
|
+
return React5.createElement(BtnSkinToneVariation, {
|
|
51169
51335
|
key: skinToneVariation,
|
|
51170
51336
|
skinToneVariation,
|
|
51171
51337
|
isOpen,
|
|
@@ -51235,42 +51401,42 @@ function Preview() {
|
|
|
51235
51401
|
if (!previewConfig.showPreview) {
|
|
51236
51402
|
return null;
|
|
51237
51403
|
}
|
|
51238
|
-
return
|
|
51404
|
+
return React5.createElement(Flex, {
|
|
51239
51405
|
className: cx(styles$e.preview, commonInteractionStyles.hiddenOnReactions, reactionsOpen && styles$e.hideOnReactions)
|
|
51240
|
-
},
|
|
51406
|
+
}, React5.createElement(PreviewBody, null), React5.createElement(Space, null), isSkinToneInPreview ? React5.createElement(SkinTonePickerMenu, null) : null);
|
|
51241
51407
|
}
|
|
51242
51408
|
function PreviewBody() {
|
|
51243
51409
|
var _previewEmoji$unified;
|
|
51244
51410
|
var previewConfig = usePreviewConfig();
|
|
51245
|
-
var _useState =
|
|
51411
|
+
var _useState = React5.useState(null), previewEmoji = _useState[0], setPreviewEmoji = _useState[1];
|
|
51246
51412
|
var emojiStyle = useEmojiStyleConfig();
|
|
51247
51413
|
var _useEmojiVariationPic = useEmojiVariationPickerState(), variationPickerEmoji = _useEmojiVariationPic[0];
|
|
51248
51414
|
var getEmojiUrl = useGetEmojiUrlConfig();
|
|
51249
51415
|
useEmojiPreviewEvents(previewConfig.showPreview, setPreviewEmoji);
|
|
51250
51416
|
var emoji2 = emojiByUnified((_previewEmoji$unified = previewEmoji == null ? void 0 : previewEmoji.unified) != null ? _previewEmoji$unified : previewEmoji == null ? void 0 : previewEmoji.originalUnified);
|
|
51251
51417
|
var show = emoji2 != null && previewEmoji != null;
|
|
51252
|
-
return
|
|
51418
|
+
return React5.createElement(PreviewContent, null);
|
|
51253
51419
|
function PreviewContent() {
|
|
51254
51420
|
var defaultEmoji = variationPickerEmoji != null ? variationPickerEmoji : emojiByUnified(previewConfig.defaultEmoji);
|
|
51255
51421
|
if (!defaultEmoji) {
|
|
51256
51422
|
return null;
|
|
51257
51423
|
}
|
|
51258
51424
|
var defaultText = variationPickerEmoji ? emojiName(variationPickerEmoji) : previewConfig.defaultCaption;
|
|
51259
|
-
return
|
|
51425
|
+
return React5.createElement(React5.Fragment, null, React5.createElement("div", null, show ? React5.createElement(ViewOnlyEmoji, {
|
|
51260
51426
|
unified: previewEmoji == null ? void 0 : previewEmoji.unified,
|
|
51261
51427
|
emoji: emoji2,
|
|
51262
51428
|
emojiStyle,
|
|
51263
51429
|
size: 45,
|
|
51264
51430
|
getEmojiUrl,
|
|
51265
51431
|
className: cx(styles$e.emoji)
|
|
51266
|
-
}) : defaultEmoji ?
|
|
51432
|
+
}) : defaultEmoji ? React5.createElement(ViewOnlyEmoji, {
|
|
51267
51433
|
unified: emojiUnified(defaultEmoji),
|
|
51268
51434
|
emoji: defaultEmoji,
|
|
51269
51435
|
emojiStyle,
|
|
51270
51436
|
size: 45,
|
|
51271
51437
|
getEmojiUrl,
|
|
51272
51438
|
className: cx(styles$e.emoji)
|
|
51273
|
-
}) : null),
|
|
51439
|
+
}) : null), React5.createElement("div", {
|
|
51274
51440
|
className: cx(styles$e.label)
|
|
51275
51441
|
}, show ? emojiName(emoji2) : defaultText));
|
|
51276
51442
|
}
|
|
@@ -51305,7 +51471,7 @@ function categoryNameFromDom($category) {
|
|
|
51305
51471
|
function useActiveCategoryScrollDetection(_ref) {
|
|
51306
51472
|
var setActiveCategory = _ref.setActiveCategory, setVisibleCategories = _ref.setVisibleCategories;
|
|
51307
51473
|
var BodyRef = useBodyRef();
|
|
51308
|
-
|
|
51474
|
+
React5.useEffect(function() {
|
|
51309
51475
|
var visibleCategories = /* @__PURE__ */ new Map();
|
|
51310
51476
|
var intersectingCategories = /* @__PURE__ */ new Map();
|
|
51311
51477
|
var bodyRef = BodyRef.current;
|
|
@@ -51381,7 +51547,7 @@ var SVGNavigation = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZ
|
|
|
51381
51547
|
function CategoryButton(_ref) {
|
|
51382
51548
|
var _cx;
|
|
51383
51549
|
var isActiveCategory = _ref.isActiveCategory, category = _ref.category, allowNavigation = _ref.allowNavigation, categoryConfig = _ref.categoryConfig, onClick = _ref.onClick;
|
|
51384
|
-
return
|
|
51550
|
+
return React5.createElement(Button3, {
|
|
51385
51551
|
tabIndex: allowNavigation ? 0 : -1,
|
|
51386
51552
|
className: cx(styles$f.catBtn, commonInteractionStyles.categoryBtn, "epr-icn-" + category, (_cx = {}, _cx[ClassNames.active] = isActiveCategory, _cx)),
|
|
51387
51553
|
onClick,
|
|
@@ -51463,7 +51629,7 @@ var styles$f = /* @__PURE__ */ stylesheet.create(/* @__PURE__ */ _extends({
|
|
|
51463
51629
|
".epr-auto-theme": /* @__PURE__ */ _extends({}, DarkInactivePosition)
|
|
51464
51630
|
}));
|
|
51465
51631
|
function CategoryNavigation() {
|
|
51466
|
-
var _useState =
|
|
51632
|
+
var _useState = React5.useState(null), activeCategory = _useState[0], setActiveCategory = _useState[1];
|
|
51467
51633
|
var _useVisibleCategories = useVisibleCategoriesState(), setVisibleCategories = _useVisibleCategories[1];
|
|
51468
51634
|
var scrollCategoryIntoView = useScrollCategoryIntoView();
|
|
51469
51635
|
useActiveCategoryScrollDetection({
|
|
@@ -51474,7 +51640,7 @@ function CategoryNavigation() {
|
|
|
51474
51640
|
var categoriesConfig = useCategoriesConfig();
|
|
51475
51641
|
var CategoryNavigationRef = useCategoryNavigationRef();
|
|
51476
51642
|
var hideCustomCategory = useShouldHideCustomEmojis();
|
|
51477
|
-
return
|
|
51643
|
+
return React5.createElement("div", {
|
|
51478
51644
|
className: cx(styles$g.nav),
|
|
51479
51645
|
role: "tablist",
|
|
51480
51646
|
"aria-label": "Category navigation",
|
|
@@ -51487,7 +51653,7 @@ function CategoryNavigation() {
|
|
|
51487
51653
|
return null;
|
|
51488
51654
|
}
|
|
51489
51655
|
var allowNavigation = !isSearchMode && !isActiveCategory;
|
|
51490
|
-
return
|
|
51656
|
+
return React5.createElement(CategoryButton, {
|
|
51491
51657
|
key: category,
|
|
51492
51658
|
category,
|
|
51493
51659
|
isActiveCategory,
|
|
@@ -51528,12 +51694,12 @@ var styles$g = /* @__PURE__ */ stylesheet.create({
|
|
|
51528
51694
|
var SVGTimes = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjgwcHgiIHZpZXdCb3g9IjAgMCAyMCA4MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjODY4Njg2IiBkPSJNNi45OCwxMy41OWMwLjEsMC4xLDAuMjQsMC4xNSwwLjM3LDAuMTVzMC4yNy0wLjA1LDAuMzctMC4xNWwyLjQyLTIuNDJsMi40MywyLjQzCgljMC4xLDAuMSwwLjI0LDAuMTUsMC4zNywwLjE1YzAuMTQsMCwwLjI3LTAuMDUsMC4zNy0wLjE1YzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1bC0yLjQzLTIuNDNMMTMuMzIsOAoJYzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1Yy0wLjIxLTAuMjEtMC41NC0wLjIxLTAuNzUsMGwtMi40MiwyLjQyTDcuNzQsNy4yN2MtMC4yMS0wLjIxLTAuNTQtMC4yMS0wLjc1LDAKCWMtMC4yMSwwLjIxLTAuMjEsMC41NCwwLDAuNzVsMi40MSwyLjQxbC0yLjQyLDIuNDJDNi43NywxMy4wNSw2Ljc3LDEzLjM5LDYuOTgsMTMuNTlMNi45OCwxMy41OXoiLz4KPHBhdGggZmlsbD0iIzg2ODY4NiIgZD0iTTEwLjE1LDE4LjQzYzQuNDEsMCw4LTMuNTksOC04YzAtNC40MS0zLjU5LTgtOC04Yy00LjQxLDAtOCwzLjU5LTgsOEMyLjE1LDE0Ljg0LDUuNzQsMTguNDMsMTAuMTUsMTguNDN6CgkgTTEwLjE1LDMuNDljMy44MywwLDYuOTQsMy4xMSw2Ljk0LDYuOTRjMCwzLjgzLTMuMTEsNi45NC02Ljk0LDYuOTRjLTMuODMsMC02Ljk0LTMuMTEtNi45NC02Ljk0QzMuMjEsNi42LDYuMzMsMy40OSwxMC4xNSwzLjQ5CglMMTAuMTUsMy40OXoiLz4KPHBhdGggZmlsbD0iIzMzNzFCNyIgZD0iTTYuOTgsMzMuNTljMC4xLDAuMSwwLjI0LDAuMTUsMC4zNywwLjE1czAuMjctMC4wNSwwLjM3LTAuMTVsMi40Mi0yLjQybDIuNDMsMi40MwoJYzAuMSwwLjEsMC4yNCwwLjE1LDAuMzcsMC4xNWMwLjE0LDAsMC4yNy0wLjA1LDAuMzctMC4xNWMwLjIxLTAuMjEsMC4yMS0wLjU0LDAtMC43NWwtMi40My0yLjQzTDEzLjMyLDI4CgljMC4yMS0wLjIxLDAuMjEtMC41NCwwLTAuNzVjLTAuMjEtMC4yMS0wLjU0LTAuMjEtMC43NSwwbC0yLjQyLDIuNDJsLTIuNDEtMi40MWMtMC4yMS0wLjIxLTAuNTQtMC4yMS0wLjc1LDAKCWMtMC4yMSwwLjIxLTAuMjEsMC41NCwwLDAuNzVsMi40MSwyLjQxbC0yLjQyLDIuNDJDNi43NywzMy4wNSw2Ljc3LDMzLjM5LDYuOTgsMzMuNTlMNi45OCwzMy41OXoiLz4KPHBhdGggZmlsbD0iIzMzNzFCNyIgZD0iTTEwLjE1LDM4LjQzYzQuNDEsMCw4LTMuNTksOC04YzAtNC40MS0zLjU5LTgtOC04Yy00LjQxLDAtOCwzLjU5LTgsOEMyLjE1LDM0Ljg0LDUuNzQsMzguNDMsMTAuMTUsMzguNDN6CgkgTTEwLjE1LDIzLjQ5YzMuODMsMCw2Ljk0LDMuMTEsNi45NCw2Ljk0YzAsMy44My0zLjExLDYuOTQtNi45NCw2Ljk0Yy0zLjgzLDAtNi45NC0zLjExLTYuOTQtNi45NAoJQzMuMjEsMjYuNiw2LjMzLDIzLjQ5LDEwLjE1LDIzLjQ5TDEwLjE1LDIzLjQ5eiIvPgo8cGF0aCBmaWxsPSIjQzBDMEJGIiBkPSJNNi45OCw1My41OWMwLjEsMC4xLDAuMjQsMC4xNSwwLjM3LDAuMTVzMC4yNy0wLjA1LDAuMzctMC4xNWwyLjQyLTIuNDJsMi40MywyLjQzCgljMC4xLDAuMSwwLjI0LDAuMTUsMC4zNywwLjE1YzAuMTQsMCwwLjI3LTAuMDUsMC4zNy0wLjE1YzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1bC0yLjQzLTIuNDNMMTMuMzIsNDgKCWMwLjIxLTAuMjEsMC4yMS0wLjU0LDAtMC43NWMtMC4yMS0wLjIxLTAuNTQtMC4yMS0wLjc1LDBsLTIuNDIsMi40MmwtMi40MS0yLjQxYy0wLjIxLTAuMjEtMC41NC0wLjIxLTAuNzUsMAoJYy0wLjIxLDAuMjEtMC4yMSwwLjU0LDAsMC43NWwyLjQxLDIuNDFsLTIuNDIsMi40MkM2Ljc3LDUzLjA1LDYuNzcsNTMuMzksNi45OCw1My41OUw2Ljk4LDUzLjU5eiIvPgo8cGF0aCBmaWxsPSIjQzBDMEJGIiBkPSJNMTAuMTUsNTguNDNjNC40MSwwLDgtMy41OSw4LThjMC00LjQxLTMuNTktOC04LThjLTQuNDEsMC04LDMuNTktOCw4QzIuMTUsNTQuODQsNS43NCw1OC40MywxMC4xNSw1OC40M3oKCSBNMTAuMTUsNDMuNDljMy44MywwLDYuOTQsMy4xMSw2Ljk0LDYuOTRjMCwzLjgzLTMuMTEsNi45NC02Ljk0LDYuOTRjLTMuODMsMC02Ljk0LTMuMTEtNi45NC02Ljk0CglDMy4yMSw0Ni42LDYuMzMsNDMuNDksMTAuMTUsNDMuNDlMMTAuMTUsNDMuNDl6Ii8+CjxwYXRoIGZpbGw9IiM2QUE5REQiIGQ9Ik02Ljk4LDczLjU5YzAuMSwwLjEsMC4yNCwwLjE1LDAuMzcsMC4xNXMwLjI3LTAuMDUsMC4zNy0wLjE1bDIuNDItMi40MmwyLjQzLDIuNDMKCWMwLjEsMC4xLDAuMjQsMC4xNSwwLjM3LDAuMTVjMC4xNCwwLDAuMjctMC4wNSwwLjM3LTAuMTVjMC4yMS0wLjIxLDAuMjEtMC41NCwwLTAuNzVsLTIuNDMtMi40M0wxMy4zMiw2OAoJYzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1Yy0wLjIxLTAuMjEtMC41NC0wLjIxLTAuNzUsMGwtMi40MiwyLjQybC0yLjQxLTIuNDFjLTAuMjEtMC4yMS0wLjU0LTAuMjEtMC43NSwwCgljLTAuMjEsMC4yMS0wLjIxLDAuNTQsMCwwLjc1bDIuNDEsMi40MWwtMi40MiwyLjQyQzYuNzcsNzMuMDUsNi43Nyw3My4zOSw2Ljk4LDczLjU5TDYuOTgsNzMuNTl6Ii8+CjxwYXRoIGZpbGw9IiM2QUE5REQiIGQ9Ik0xMC4xNSw3OC40M2M0LjQxLDAsOC0zLjU5LDgtOGMwLTQuNDEtMy41OS04LTgtOGMtNC40MSwwLTgsMy41OS04LDhDMi4xNSw3NC44NCw1Ljc0LDc4LjQzLDEwLjE1LDc4LjQzegoJIE0xMC4xNSw2My40OWMzLjgzLDAsNi45NCwzLjExLDYuOTQsNi45NGMwLDMuODMtMy4xMSw2Ljk0LTYuOTQsNi45NGMtMy44MywwLTYuOTQtMy4xMS02Ljk0LTYuOTQKCUMzLjIxLDY2LjYsNi4zMyw2My40OSwxMC4xNSw2My40OUwxMC4xNSw2My40OXoiLz4KPC9zdmc+";
|
|
51529
51695
|
function BtnClearSearch() {
|
|
51530
51696
|
var clearSearch = useClearSearch();
|
|
51531
|
-
return
|
|
51697
|
+
return React5.createElement(Button3, {
|
|
51532
51698
|
className: cx(styles$h.btnClearSearch, commonInteractionStyles.visibleOnSearchOnly),
|
|
51533
51699
|
onClick: clearSearch,
|
|
51534
51700
|
"aria-label": "Clear",
|
|
51535
51701
|
title: "Clear"
|
|
51536
|
-
},
|
|
51702
|
+
}, React5.createElement("div", {
|
|
51537
51703
|
className: cx(styles$h.icnClearnSearch)
|
|
51538
51704
|
}));
|
|
51539
51705
|
}
|
|
@@ -51585,7 +51751,7 @@ var styles$h = /* @__PURE__ */ stylesheet.create(/* @__PURE__ */ _extends({
|
|
|
51585
51751
|
}), /* @__PURE__ */ darkMode("btnClearSearch", HoverDark)));
|
|
51586
51752
|
var SVGMagnifier = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyMCA0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzg2ODY4NiIgZD0iTTEyLDguODFjMCwyLjA4LTEuNjgsMy43Ni0zLjc2LDMuNzZjLTIuMDgsMC0zLjc2LTEuNjgtMy43Ni0zLjc2CgljMC0yLjA4LDEuNjgtMy43NiwzLjc2LTMuNzZDMTAuMzIsNS4wNSwxMiw2LjczLDEyLDguODF6IE0xMS4yMywxMi43MmMtMC44MywwLjY0LTEuODcsMS4wMS0yLjk5LDEuMDFjLTIuNzIsMC00LjkyLTIuMi00LjkyLTQuOTIKCWMwLTIuNzIsMi4yLTQuOTIsNC45Mi00LjkyYzIuNzIsMCw0LjkyLDIuMiw0LjkyLDQuOTJjMCwxLjEzLTAuMzgsMi4xNi0xLjAxLDIuOTlsMy45NCwzLjkzYzAuMjUsMC4yNSwwLjI1LDAuNjYsMCwwLjkyCgljLTAuMjUsMC4yNS0wLjY2LDAuMjUtMC45MiwwTDExLjIzLDEyLjcyeiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0MwQzBCRiIgZD0iTTEyLDI4LjgxYzAsMi4wOC0xLjY4LDMuNzYtMy43NiwzLjc2Yy0yLjA4LDAtMy43Ni0xLjY4LTMuNzYtMy43NgoJYzAtMi4wOCwxLjY4LTMuNzYsMy43Ni0zLjc2QzEwLjMyLDI1LjA1LDEyLDI2LjczLDEyLDI4LjgxeiBNMTEuMjMsMzIuNzJjLTAuODMsMC42NC0xLjg3LDEuMDEtMi45OSwxLjAxCgljLTIuNzIsMC00LjkyLTIuMi00LjkyLTQuOTJjMC0yLjcyLDIuMi00LjkyLDQuOTItNC45MmMyLjcyLDAsNC45MiwyLjIsNC45Miw0LjkyYzAsMS4xMy0wLjM4LDIuMTYtMS4wMSwyLjk5bDMuOTQsMy45MwoJYzAuMjUsMC4yNSwwLjI1LDAuNjYsMCwwLjkyYy0wLjI1LDAuMjUtMC42NiwwLjI1LTAuOTIsMEwxMS4yMywzMi43MnoiLz4KPC9zdmc+";
|
|
51587
51753
|
function IcnSearch() {
|
|
51588
|
-
return
|
|
51754
|
+
return React5.createElement("div", {
|
|
51589
51755
|
className: cx(styles$i.icnSearch)
|
|
51590
51756
|
});
|
|
51591
51757
|
}
|
|
@@ -51613,9 +51779,9 @@ function SearchContainer() {
|
|
|
51613
51779
|
if (searchDisabled) {
|
|
51614
51780
|
return null;
|
|
51615
51781
|
}
|
|
51616
|
-
return
|
|
51782
|
+
return React5.createElement(Flex, {
|
|
51617
51783
|
className: cx(styles$j.overlay)
|
|
51618
|
-
},
|
|
51784
|
+
}, React5.createElement(Search, null), isSkinToneInSearch ? React5.createElement(SkinTonePicker, null) : null);
|
|
51619
51785
|
}
|
|
51620
51786
|
function Search() {
|
|
51621
51787
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
@@ -51625,9 +51791,9 @@ function Search() {
|
|
|
51625
51791
|
var _useFilter = useFilter(), statusSearchResults = _useFilter.statusSearchResults, searchTerm = _useFilter.searchTerm, _onChange = _useFilter.onChange;
|
|
51626
51792
|
var input = SearchInputRef == null ? void 0 : SearchInputRef.current;
|
|
51627
51793
|
var value = input == null ? void 0 : input.value;
|
|
51628
|
-
return
|
|
51794
|
+
return React5.createElement(Relative, {
|
|
51629
51795
|
className: cx(styles$j.searchContainer)
|
|
51630
|
-
},
|
|
51796
|
+
}, React5.createElement("input", {
|
|
51631
51797
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
51632
51798
|
autoFocus,
|
|
51633
51799
|
"aria-label": "Type to search for an emoji",
|
|
@@ -51641,13 +51807,13 @@ function Search() {
|
|
|
51641
51807
|
_onChange((_event$target$value = event == null ? void 0 : (_event$target = event.target) == null ? void 0 : _event$target.value) != null ? _event$target$value : value);
|
|
51642
51808
|
},
|
|
51643
51809
|
ref: SearchInputRef
|
|
51644
|
-
}), searchTerm ?
|
|
51810
|
+
}), searchTerm ? React5.createElement("div", {
|
|
51645
51811
|
role: "status",
|
|
51646
51812
|
className: cx("epr-status-search-results", styles$j.visuallyHidden),
|
|
51647
51813
|
"aria-live": "polite",
|
|
51648
51814
|
id: "epr-search-id",
|
|
51649
51815
|
"aria-atomic": "true"
|
|
51650
|
-
}, statusSearchResults) : null,
|
|
51816
|
+
}, statusSearchResults) : null, React5.createElement(IcnSearch, null), React5.createElement(BtnClearSearch, null));
|
|
51651
51817
|
}
|
|
51652
51818
|
var styles$j = /* @__PURE__ */ stylesheet.create(/* @__PURE__ */ _extends({
|
|
51653
51819
|
overlay: {
|
|
@@ -51730,19 +51896,19 @@ var styles$j = /* @__PURE__ */ stylesheet.create(/* @__PURE__ */ _extends({
|
|
|
51730
51896
|
}
|
|
51731
51897
|
})));
|
|
51732
51898
|
function Header2() {
|
|
51733
|
-
return
|
|
51899
|
+
return React5.createElement(Relative, {
|
|
51734
51900
|
className: cx("epr-header", commonInteractionStyles.hiddenOnReactions)
|
|
51735
|
-
},
|
|
51901
|
+
}, React5.createElement(SearchContainer, null), React5.createElement(CategoryNavigation, null));
|
|
51736
51902
|
}
|
|
51737
51903
|
function EmojiPicker(props) {
|
|
51738
|
-
return
|
|
51904
|
+
return React5.createElement(ElementRefContextProvider, null, React5.createElement(PickerStyleTag, null), React5.createElement(PickerConfigProvider, Object.assign({}, props), React5.createElement(ContentControl, null)));
|
|
51739
51905
|
}
|
|
51740
51906
|
function ContentControl() {
|
|
51741
51907
|
var _useReactionsModeStat = useReactionsModeState(), reactionsDefaultOpen = _useReactionsModeStat[0];
|
|
51742
51908
|
var allowExpandReactions = useAllowExpandReactions();
|
|
51743
|
-
var _React$useState =
|
|
51909
|
+
var _React$useState = React5.useState(!reactionsDefaultOpen), renderAll = _React$useState[0], setRenderAll = _React$useState[1];
|
|
51744
51910
|
var isOpen = useOpenConfig();
|
|
51745
|
-
|
|
51911
|
+
React5.useEffect(function() {
|
|
51746
51912
|
if (reactionsDefaultOpen && !allowExpandReactions) {
|
|
51747
51913
|
return;
|
|
51748
51914
|
}
|
|
@@ -51753,7 +51919,7 @@ function ContentControl() {
|
|
|
51753
51919
|
if (!isOpen) {
|
|
51754
51920
|
return null;
|
|
51755
51921
|
}
|
|
51756
|
-
return
|
|
51922
|
+
return React5.createElement(PickerMain, null, React5.createElement(Reactions, null), React5.createElement(ExpandedPickerContent, {
|
|
51757
51923
|
renderAll
|
|
51758
51924
|
}));
|
|
51759
51925
|
}
|
|
@@ -51762,9 +51928,9 @@ function ExpandedPickerContent(_ref) {
|
|
|
51762
51928
|
if (!renderAll) {
|
|
51763
51929
|
return null;
|
|
51764
51930
|
}
|
|
51765
|
-
return
|
|
51931
|
+
return React5.createElement(React5.Fragment, null, React5.createElement(Header2, null), React5.createElement(Body, null), React5.createElement(Preview, null));
|
|
51766
51932
|
}
|
|
51767
|
-
var EmojiPickerReact = /* @__PURE__ */
|
|
51933
|
+
var EmojiPickerReact = /* @__PURE__ */ React5.memo(EmojiPicker, compareConfig);
|
|
51768
51934
|
var ErrorBoundary = /* @__PURE__ */ (function(_React$Component) {
|
|
51769
51935
|
_inheritsLoose(ErrorBoundary2, _React$Component);
|
|
51770
51936
|
function ErrorBoundary2(props) {
|
|
@@ -51791,16 +51957,16 @@ var ErrorBoundary = /* @__PURE__ */ (function(_React$Component) {
|
|
|
51791
51957
|
return this.props.children;
|
|
51792
51958
|
};
|
|
51793
51959
|
return ErrorBoundary2;
|
|
51794
|
-
})(
|
|
51960
|
+
})(React5.Component);
|
|
51795
51961
|
function EmojiPicker$1(props) {
|
|
51796
51962
|
var MutableConfigRef = useDefineMutableConfig({
|
|
51797
51963
|
onEmojiClick: props.onEmojiClick,
|
|
51798
51964
|
onReactionClick: props.onReactionClick,
|
|
51799
51965
|
onSkinToneChange: props.onSkinToneChange
|
|
51800
51966
|
});
|
|
51801
|
-
return
|
|
51967
|
+
return React5.createElement(ErrorBoundary, null, React5.createElement(MutableConfigContext.Provider, {
|
|
51802
51968
|
value: MutableConfigRef
|
|
51803
|
-
},
|
|
51969
|
+
}, React5.createElement(EmojiPickerReact, Object.assign({}, props))));
|
|
51804
51970
|
}
|
|
51805
51971
|
var emoji_picker_react_esm_default = EmojiPicker$1;
|
|
51806
51972
|
var RoleBadge = ({ role }) => {
|
|
@@ -51897,12 +52063,12 @@ var CommentEditor = ({
|
|
|
51897
52063
|
onSubmit,
|
|
51898
52064
|
users = []
|
|
51899
52065
|
}) => {
|
|
51900
|
-
const [isRevision, setIsRevision] =
|
|
51901
|
-
const [showToolbar, setShowToolbar] =
|
|
51902
|
-
const [attachments, setAttachments] =
|
|
51903
|
-
const [isEditorEmpty, setIsEditorEmpty] =
|
|
51904
|
-
const fileInputRef =
|
|
51905
|
-
const extensions =
|
|
52066
|
+
const [isRevision, setIsRevision] = React5__namespace.useState(false);
|
|
52067
|
+
const [showToolbar, setShowToolbar] = React5__namespace.useState(false);
|
|
52068
|
+
const [attachments, setAttachments] = React5__namespace.useState([]);
|
|
52069
|
+
const [isEditorEmpty, setIsEditorEmpty] = React5__namespace.useState(true);
|
|
52070
|
+
const fileInputRef = React5__namespace.useRef(null);
|
|
52071
|
+
const extensions = React5__namespace.useMemo(() => [
|
|
51906
52072
|
index_default3.configure({
|
|
51907
52073
|
// @ts-ignore
|
|
51908
52074
|
link: false,
|
|
@@ -52302,13 +52468,13 @@ function TimePicker({
|
|
|
52302
52468
|
className,
|
|
52303
52469
|
disabled = false
|
|
52304
52470
|
}) {
|
|
52305
|
-
const [hours, setHours2] =
|
|
52471
|
+
const [hours, setHours2] = React5__namespace.useState(
|
|
52306
52472
|
date ? String(date.getHours()).padStart(2, "0") : "00"
|
|
52307
52473
|
);
|
|
52308
|
-
const [minutes, setMinutes] =
|
|
52474
|
+
const [minutes, setMinutes] = React5__namespace.useState(
|
|
52309
52475
|
date ? String(date.getMinutes()).padStart(2, "0") : "00"
|
|
52310
52476
|
);
|
|
52311
|
-
|
|
52477
|
+
React5__namespace.useEffect(() => {
|
|
52312
52478
|
if (date) {
|
|
52313
52479
|
setHours2(String(date.getHours()).padStart(2, "0"));
|
|
52314
52480
|
setMinutes(String(date.getMinutes()).padStart(2, "0"));
|
|
@@ -52404,9 +52570,9 @@ function DateRangePicker({
|
|
|
52404
52570
|
disabled = false,
|
|
52405
52571
|
withTime = false
|
|
52406
52572
|
}) {
|
|
52407
|
-
const [open, setOpen] =
|
|
52408
|
-
const [range, setRange] =
|
|
52409
|
-
|
|
52573
|
+
const [open, setOpen] = React5__namespace.useState(false);
|
|
52574
|
+
const [range, setRange] = React5__namespace.useState(dateRange);
|
|
52575
|
+
React5__namespace.useEffect(() => {
|
|
52410
52576
|
setRange(dateRange);
|
|
52411
52577
|
}, [dateRange]);
|
|
52412
52578
|
const handleRangeSelect = (newRange) => {
|
|
@@ -52479,7 +52645,7 @@ function DateRangePicker({
|
|
|
52479
52645
|
) }),
|
|
52480
52646
|
/* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-3", children: [
|
|
52481
52647
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
52482
|
-
|
|
52648
|
+
Calendar2,
|
|
52483
52649
|
{
|
|
52484
52650
|
mode: "range",
|
|
52485
52651
|
selected: range,
|
|
@@ -52542,9 +52708,9 @@ function DateTimePicker({
|
|
|
52542
52708
|
className,
|
|
52543
52709
|
disabled = false
|
|
52544
52710
|
}) {
|
|
52545
|
-
const [open, setOpen] =
|
|
52546
|
-
const [selectedDate, setSelectedDate] =
|
|
52547
|
-
|
|
52711
|
+
const [open, setOpen] = React5__namespace.useState(false);
|
|
52712
|
+
const [selectedDate, setSelectedDate] = React5__namespace.useState(date);
|
|
52713
|
+
React5__namespace.useEffect(() => {
|
|
52548
52714
|
setSelectedDate(date);
|
|
52549
52715
|
}, [date]);
|
|
52550
52716
|
const handleDateSelect = (newDate) => {
|
|
@@ -52590,7 +52756,7 @@ function DateTimePicker({
|
|
|
52590
52756
|
) }),
|
|
52591
52757
|
/* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-3", children: [
|
|
52592
52758
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
52593
|
-
|
|
52759
|
+
Calendar2,
|
|
52594
52760
|
{
|
|
52595
52761
|
mode: "single",
|
|
52596
52762
|
selected: selectedDate,
|
|
@@ -52777,7 +52943,7 @@ function DocumentEditor({
|
|
|
52777
52943
|
readOnly = false,
|
|
52778
52944
|
label
|
|
52779
52945
|
}) {
|
|
52780
|
-
const extensions =
|
|
52946
|
+
const extensions = React5__namespace.useMemo(() => {
|
|
52781
52947
|
return [
|
|
52782
52948
|
index_default3.configure({
|
|
52783
52949
|
heading: {
|
|
@@ -52847,7 +53013,7 @@ function DocumentEditor({
|
|
|
52847
53013
|
] })
|
|
52848
53014
|
] });
|
|
52849
53015
|
}
|
|
52850
|
-
var DndContext =
|
|
53016
|
+
var DndContext = React5.createContext({
|
|
52851
53017
|
dragDropManager: void 0
|
|
52852
53018
|
});
|
|
52853
53019
|
|
|
@@ -54295,12 +54461,12 @@ function _objectWithoutPropertiesLoose2(source, excluded) {
|
|
|
54295
54461
|
}
|
|
54296
54462
|
var refCount = 0;
|
|
54297
54463
|
var INSTANCE_SYM = Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
|
|
54298
|
-
var DndProvider = /* @__PURE__ */
|
|
54464
|
+
var DndProvider = /* @__PURE__ */ React5.memo(function DndProvider2(_param) {
|
|
54299
54465
|
var { children } = _param, props = _objectWithoutProperties(_param, [
|
|
54300
54466
|
"children"
|
|
54301
54467
|
]);
|
|
54302
54468
|
const [manager, isGlobalInstance] = getDndContextValue(props);
|
|
54303
|
-
|
|
54469
|
+
React5.useEffect(() => {
|
|
54304
54470
|
if (isGlobalInstance) {
|
|
54305
54471
|
const context = getGlobalContext();
|
|
54306
54472
|
++refCount;
|
|
@@ -54349,14 +54515,14 @@ function getGlobalContext() {
|
|
|
54349
54515
|
|
|
54350
54516
|
// ../node_modules/react-dnd/dist/hooks/useCollector.js
|
|
54351
54517
|
var import_fast_deep_equal = __toESM(require_fast_deep_equal());
|
|
54352
|
-
var useIsomorphicLayoutEffect2 = typeof window !== "undefined" ?
|
|
54518
|
+
var useIsomorphicLayoutEffect2 = typeof window !== "undefined" ? React5.useLayoutEffect : React5.useEffect;
|
|
54353
54519
|
|
|
54354
54520
|
// ../node_modules/react-dnd/dist/hooks/useCollector.js
|
|
54355
54521
|
function useCollector(monitor, collect, onUpdate) {
|
|
54356
|
-
const [collected, setCollected] =
|
|
54522
|
+
const [collected, setCollected] = React5.useState(
|
|
54357
54523
|
() => collect(monitor)
|
|
54358
54524
|
);
|
|
54359
|
-
const updateCollected =
|
|
54525
|
+
const updateCollected = React5.useCallback(() => {
|
|
54360
54526
|
const nextValue = collect(monitor);
|
|
54361
54527
|
if (!(0, import_fast_deep_equal.default)(collected, nextValue)) {
|
|
54362
54528
|
setCollected(nextValue);
|
|
@@ -54411,12 +54577,12 @@ function useOptionalFactory(arg, deps) {
|
|
|
54411
54577
|
if (deps == null && typeof arg !== "function") {
|
|
54412
54578
|
memoDeps.push(arg);
|
|
54413
54579
|
}
|
|
54414
|
-
return
|
|
54580
|
+
return React5.useMemo(() => {
|
|
54415
54581
|
return typeof arg === "function" ? arg() : arg;
|
|
54416
54582
|
}, memoDeps);
|
|
54417
54583
|
}
|
|
54418
54584
|
function useConnectDragSource(connector) {
|
|
54419
|
-
return
|
|
54585
|
+
return React5.useMemo(
|
|
54420
54586
|
() => connector.hooks.dragSource(),
|
|
54421
54587
|
[
|
|
54422
54588
|
connector
|
|
@@ -54424,7 +54590,7 @@ function useConnectDragSource(connector) {
|
|
|
54424
54590
|
);
|
|
54425
54591
|
}
|
|
54426
54592
|
function useConnectDragPreview(connector) {
|
|
54427
|
-
return
|
|
54593
|
+
return React5.useMemo(
|
|
54428
54594
|
() => connector.hooks.dragPreview(),
|
|
54429
54595
|
[
|
|
54430
54596
|
connector
|
|
@@ -54653,7 +54819,7 @@ function throwIfCompositeComponentElement(element) {
|
|
|
54653
54819
|
}
|
|
54654
54820
|
function wrapHookToRecognizeElement(hook) {
|
|
54655
54821
|
return (elementOrNode = null, options = null) => {
|
|
54656
|
-
if (!
|
|
54822
|
+
if (!React5.isValidElement(elementOrNode)) {
|
|
54657
54823
|
const node = elementOrNode;
|
|
54658
54824
|
hook(node, options);
|
|
54659
54825
|
return node;
|
|
@@ -54688,11 +54854,11 @@ function cloneWithRef(element, newRef) {
|
|
|
54688
54854
|
const previousRef = element.ref;
|
|
54689
54855
|
invariant(typeof previousRef !== "string", "Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs");
|
|
54690
54856
|
if (!previousRef) {
|
|
54691
|
-
return
|
|
54857
|
+
return React5.cloneElement(element, {
|
|
54692
54858
|
ref: newRef
|
|
54693
54859
|
});
|
|
54694
54860
|
} else {
|
|
54695
|
-
return
|
|
54861
|
+
return React5.cloneElement(element, {
|
|
54696
54862
|
ref: (node) => {
|
|
54697
54863
|
setRef(previousRef, node);
|
|
54698
54864
|
setRef(newRef, node);
|
|
@@ -54933,7 +55099,7 @@ var TargetConnector = class {
|
|
|
54933
55099
|
}
|
|
54934
55100
|
};
|
|
54935
55101
|
function useDragDropManager() {
|
|
54936
|
-
const { dragDropManager } =
|
|
55102
|
+
const { dragDropManager } = React5.useContext(DndContext);
|
|
54937
55103
|
invariant(dragDropManager != null, "Expected drag drop context");
|
|
54938
55104
|
return dragDropManager;
|
|
54939
55105
|
}
|
|
@@ -54941,7 +55107,7 @@ function useDragDropManager() {
|
|
|
54941
55107
|
// ../node_modules/react-dnd/dist/hooks/useDrag/useDragSourceConnector.js
|
|
54942
55108
|
function useDragSourceConnector(dragSourceOptions, dragPreviewOptions) {
|
|
54943
55109
|
const manager = useDragDropManager();
|
|
54944
|
-
const connector =
|
|
55110
|
+
const connector = React5.useMemo(
|
|
54945
55111
|
() => new SourceConnector(manager.getBackend()),
|
|
54946
55112
|
[
|
|
54947
55113
|
manager
|
|
@@ -54967,7 +55133,7 @@ function useDragSourceConnector(dragSourceOptions, dragPreviewOptions) {
|
|
|
54967
55133
|
}
|
|
54968
55134
|
function useDragSourceMonitor() {
|
|
54969
55135
|
const manager = useDragDropManager();
|
|
54970
|
-
return
|
|
55136
|
+
return React5.useMemo(
|
|
54971
55137
|
() => new DragSourceMonitorImpl(manager),
|
|
54972
55138
|
[
|
|
54973
55139
|
manager
|
|
@@ -55026,14 +55192,14 @@ var DragSourceImpl = class {
|
|
|
55026
55192
|
|
|
55027
55193
|
// ../node_modules/react-dnd/dist/hooks/useDrag/useDragSource.js
|
|
55028
55194
|
function useDragSource(spec, monitor, connector) {
|
|
55029
|
-
const handler =
|
|
55195
|
+
const handler = React5.useMemo(
|
|
55030
55196
|
() => new DragSourceImpl(spec, monitor, connector),
|
|
55031
55197
|
[
|
|
55032
55198
|
monitor,
|
|
55033
55199
|
connector
|
|
55034
55200
|
]
|
|
55035
55201
|
);
|
|
55036
|
-
|
|
55202
|
+
React5.useEffect(() => {
|
|
55037
55203
|
handler.spec = spec;
|
|
55038
55204
|
}, [
|
|
55039
55205
|
spec
|
|
@@ -55041,7 +55207,7 @@ function useDragSource(spec, monitor, connector) {
|
|
|
55041
55207
|
return handler;
|
|
55042
55208
|
}
|
|
55043
55209
|
function useDragType(spec) {
|
|
55044
|
-
return
|
|
55210
|
+
return React5.useMemo(() => {
|
|
55045
55211
|
const result = spec.type;
|
|
55046
55212
|
invariant(result != null, "spec.type must be defined");
|
|
55047
55213
|
return result;
|
|
@@ -55086,7 +55252,7 @@ function useDrag(specArg, deps) {
|
|
|
55086
55252
|
];
|
|
55087
55253
|
}
|
|
55088
55254
|
function useConnectDropTarget(connector) {
|
|
55089
|
-
return
|
|
55255
|
+
return React5.useMemo(
|
|
55090
55256
|
() => connector.hooks.dropTarget(),
|
|
55091
55257
|
[
|
|
55092
55258
|
connector
|
|
@@ -55095,7 +55261,7 @@ function useConnectDropTarget(connector) {
|
|
|
55095
55261
|
}
|
|
55096
55262
|
function useDropTargetConnector(options) {
|
|
55097
55263
|
const manager = useDragDropManager();
|
|
55098
|
-
const connector =
|
|
55264
|
+
const connector = React5.useMemo(
|
|
55099
55265
|
() => new TargetConnector(manager.getBackend()),
|
|
55100
55266
|
[
|
|
55101
55267
|
manager
|
|
@@ -55112,7 +55278,7 @@ function useDropTargetConnector(options) {
|
|
|
55112
55278
|
}
|
|
55113
55279
|
function useDropTargetMonitor() {
|
|
55114
55280
|
const manager = useDragDropManager();
|
|
55115
|
-
return
|
|
55281
|
+
return React5.useMemo(
|
|
55116
55282
|
() => new DropTargetMonitorImpl(manager),
|
|
55117
55283
|
[
|
|
55118
55284
|
manager
|
|
@@ -55121,7 +55287,7 @@ function useDropTargetMonitor() {
|
|
|
55121
55287
|
}
|
|
55122
55288
|
function useAccept(spec) {
|
|
55123
55289
|
const { accept } = spec;
|
|
55124
|
-
return
|
|
55290
|
+
return React5.useMemo(() => {
|
|
55125
55291
|
invariant(spec.accept != null, "accept must be defined");
|
|
55126
55292
|
return Array.isArray(accept) ? accept : [
|
|
55127
55293
|
accept
|
|
@@ -55161,13 +55327,13 @@ var DropTargetImpl = class {
|
|
|
55161
55327
|
|
|
55162
55328
|
// ../node_modules/react-dnd/dist/hooks/useDrop/useDropTarget.js
|
|
55163
55329
|
function useDropTarget(spec, monitor) {
|
|
55164
|
-
const dropTarget =
|
|
55330
|
+
const dropTarget = React5.useMemo(
|
|
55165
55331
|
() => new DropTargetImpl(spec, monitor),
|
|
55166
55332
|
[
|
|
55167
55333
|
monitor
|
|
55168
55334
|
]
|
|
55169
55335
|
);
|
|
55170
|
-
|
|
55336
|
+
React5.useEffect(() => {
|
|
55171
55337
|
dropTarget.spec = spec;
|
|
55172
55338
|
}, [
|
|
55173
55339
|
spec
|
|
@@ -56597,8 +56763,8 @@ function TaskModal({
|
|
|
56597
56763
|
onSave,
|
|
56598
56764
|
isNew = false
|
|
56599
56765
|
}) {
|
|
56600
|
-
const [editedTask, setEditedTask] =
|
|
56601
|
-
|
|
56766
|
+
const [editedTask, setEditedTask] = React5.useState(task || {});
|
|
56767
|
+
React5.useMemo(() => {
|
|
56602
56768
|
setEditedTask(task || {});
|
|
56603
56769
|
}, [task]);
|
|
56604
56770
|
const handleSave = () => {
|
|
@@ -56709,13 +56875,13 @@ function useCalendarController({
|
|
|
56709
56875
|
onTaskCreate,
|
|
56710
56876
|
defaultView = "month"
|
|
56711
56877
|
}) {
|
|
56712
|
-
const [currentDate, setCurrentDate] =
|
|
56713
|
-
const [view, setView] =
|
|
56714
|
-
const [isSidebarOpen, setIsSidebarOpen] =
|
|
56715
|
-
const [isModalOpen, setIsModalOpen] =
|
|
56716
|
-
const [editingTask, setEditingTask] =
|
|
56717
|
-
const [isNewTask, setIsNewTask] =
|
|
56718
|
-
const calendarDays =
|
|
56878
|
+
const [currentDate, setCurrentDate] = React5.useState(/* @__PURE__ */ new Date());
|
|
56879
|
+
const [view, setView] = React5.useState(defaultView);
|
|
56880
|
+
const [isSidebarOpen, setIsSidebarOpen] = React5.useState(true);
|
|
56881
|
+
const [isModalOpen, setIsModalOpen] = React5.useState(false);
|
|
56882
|
+
const [editingTask, setEditingTask] = React5.useState(null);
|
|
56883
|
+
const [isNewTask, setIsNewTask] = React5.useState(false);
|
|
56884
|
+
const calendarDays = React5.useMemo(() => {
|
|
56719
56885
|
let startDate, endDate;
|
|
56720
56886
|
if (view === "month") {
|
|
56721
56887
|
const monthStart = dateFns.startOfMonth(currentDate);
|
|
@@ -57439,7 +57605,7 @@ function getPositionAndWidth(taskStart, taskEnd, timelineStart, timelineEnd, col
|
|
|
57439
57605
|
const width = duration / totalDays * 100;
|
|
57440
57606
|
return { left: left2, width };
|
|
57441
57607
|
}
|
|
57442
|
-
var TaskRow =
|
|
57608
|
+
var TaskRow = React5__namespace.memo(({
|
|
57443
57609
|
task,
|
|
57444
57610
|
timelineStart,
|
|
57445
57611
|
timelineEnd,
|
|
@@ -57603,7 +57769,7 @@ var TaskRow = React4__namespace.memo(({
|
|
|
57603
57769
|
});
|
|
57604
57770
|
TaskRow.displayName = "TaskRow";
|
|
57605
57771
|
var WEEKDAYS = ["DOM", "SEG", "TER", "QUA", "QUI", "SEX", "SAB"];
|
|
57606
|
-
var GanttChart =
|
|
57772
|
+
var GanttChart = React5__namespace.forwardRef(
|
|
57607
57773
|
({
|
|
57608
57774
|
tasks,
|
|
57609
57775
|
projects = [],
|
|
@@ -57613,15 +57779,15 @@ var GanttChart = React4__namespace.forwardRef(
|
|
|
57613
57779
|
columnWidth = 40,
|
|
57614
57780
|
groupBy = "projects"
|
|
57615
57781
|
}, ref) => {
|
|
57616
|
-
const [currentDate, setCurrentDate] =
|
|
57617
|
-
const [collapsedGroups, setCollapsedGroups] =
|
|
57782
|
+
const [currentDate, setCurrentDate] = React5__namespace.useState(/* @__PURE__ */ new Date());
|
|
57783
|
+
const [collapsedGroups, setCollapsedGroups] = React5__namespace.useState(/* @__PURE__ */ new Set());
|
|
57618
57784
|
const timelineStart = dateFns.startOfMonth(currentDate);
|
|
57619
57785
|
const timelineEnd = dateFns.endOfMonth(currentDate);
|
|
57620
57786
|
const days = dateFns.eachDayOfInterval({ start: timelineStart, end: timelineEnd });
|
|
57621
57787
|
const handlePrevMonth = () => setCurrentDate(dateFns.subMonths(currentDate, 1));
|
|
57622
57788
|
const handleNextMonth = () => setCurrentDate(dateFns.addMonths(currentDate, 1));
|
|
57623
57789
|
const handleToday = () => setCurrentDate(/* @__PURE__ */ new Date());
|
|
57624
|
-
const taskGroups =
|
|
57790
|
+
const taskGroups = React5__namespace.useMemo(() => {
|
|
57625
57791
|
if (groupBy === "assignees") {
|
|
57626
57792
|
const grouped = /* @__PURE__ */ new Map();
|
|
57627
57793
|
tasks.forEach((task) => {
|
|
@@ -57837,7 +58003,7 @@ var GanttChart = React4__namespace.forwardRef(
|
|
|
57837
58003
|
}
|
|
57838
58004
|
);
|
|
57839
58005
|
GanttChart.displayName = "GanttChart";
|
|
57840
|
-
var GanttLegend =
|
|
58006
|
+
var GanttLegend = React5__namespace.forwardRef(
|
|
57841
58007
|
({ className }, ref) => {
|
|
57842
58008
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex flex-wrap gap-4", className), children: [
|
|
57843
58009
|
Object.entries(statusConfig).map(([status, config]) => {
|
|
@@ -57880,7 +58046,7 @@ var priorityConfig = {
|
|
|
57880
58046
|
bgColor: "bg-red-50 dark:bg-red-950/20"
|
|
57881
58047
|
}
|
|
57882
58048
|
};
|
|
57883
|
-
var KanbanCard =
|
|
58049
|
+
var KanbanCard = React5__namespace.forwardRef(
|
|
57884
58050
|
({
|
|
57885
58051
|
title,
|
|
57886
58052
|
description,
|
|
@@ -58225,10 +58391,10 @@ function FilterMenuItem({
|
|
|
58225
58391
|
}
|
|
58226
58392
|
var MOBILE_BREAKPOINT = 768;
|
|
58227
58393
|
function useIsMobile() {
|
|
58228
|
-
const [isMobile, setIsMobile] =
|
|
58394
|
+
const [isMobile, setIsMobile] = React5__namespace.useState(
|
|
58229
58395
|
void 0
|
|
58230
58396
|
);
|
|
58231
|
-
|
|
58397
|
+
React5__namespace.useEffect(() => {
|
|
58232
58398
|
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
|
|
58233
58399
|
const onChange = () => {
|
|
58234
58400
|
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
@@ -58245,9 +58411,9 @@ var SIDEBAR_WIDTH = "16rem";
|
|
|
58245
58411
|
var SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
58246
58412
|
var SIDEBAR_WIDTH_ICON = "3rem";
|
|
58247
58413
|
var SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
|
58248
|
-
var SidebarContext =
|
|
58414
|
+
var SidebarContext = React5__namespace.createContext(null);
|
|
58249
58415
|
function useSidebar() {
|
|
58250
|
-
const context =
|
|
58416
|
+
const context = React5__namespace.useContext(SidebarContext);
|
|
58251
58417
|
if (!context) {
|
|
58252
58418
|
throw new Error("useSidebar must be used within a SidebarProvider.");
|
|
58253
58419
|
}
|
|
@@ -58263,10 +58429,10 @@ function SidebarProvider({
|
|
|
58263
58429
|
...props
|
|
58264
58430
|
}) {
|
|
58265
58431
|
const isMobile = useIsMobile();
|
|
58266
|
-
const [openMobile, setOpenMobile] =
|
|
58267
|
-
const [_open, _setOpen] =
|
|
58432
|
+
const [openMobile, setOpenMobile] = React5__namespace.useState(false);
|
|
58433
|
+
const [_open, _setOpen] = React5__namespace.useState(defaultOpen);
|
|
58268
58434
|
const open = openProp ?? _open;
|
|
58269
|
-
const setOpen =
|
|
58435
|
+
const setOpen = React5__namespace.useCallback(
|
|
58270
58436
|
(value) => {
|
|
58271
58437
|
const openState = typeof value === "function" ? value(open) : value;
|
|
58272
58438
|
if (setOpenProp) {
|
|
@@ -58278,10 +58444,10 @@ function SidebarProvider({
|
|
|
58278
58444
|
},
|
|
58279
58445
|
[setOpenProp, open]
|
|
58280
58446
|
);
|
|
58281
|
-
const toggleSidebar =
|
|
58447
|
+
const toggleSidebar = React5__namespace.useCallback(() => {
|
|
58282
58448
|
return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
|
|
58283
58449
|
}, [isMobile, setOpen, setOpenMobile]);
|
|
58284
|
-
|
|
58450
|
+
React5__namespace.useEffect(() => {
|
|
58285
58451
|
const handleKeyDown2 = (event) => {
|
|
58286
58452
|
if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
|
|
58287
58453
|
event.preventDefault();
|
|
@@ -58292,7 +58458,7 @@ function SidebarProvider({
|
|
|
58292
58458
|
return () => window.removeEventListener("keydown", handleKeyDown2);
|
|
58293
58459
|
}, [toggleSidebar]);
|
|
58294
58460
|
const state = open ? "expanded" : "collapsed";
|
|
58295
|
-
const contextValue =
|
|
58461
|
+
const contextValue = React5__namespace.useMemo(
|
|
58296
58462
|
() => ({
|
|
58297
58463
|
state,
|
|
58298
58464
|
open,
|
|
@@ -58750,7 +58916,7 @@ function SidebarMenuSkeleton({
|
|
|
58750
58916
|
showIcon = false,
|
|
58751
58917
|
...props
|
|
58752
58918
|
}) {
|
|
58753
|
-
const width =
|
|
58919
|
+
const width = React5__namespace.useMemo(() => {
|
|
58754
58920
|
return `${Math.floor(Math.random() * 40) + 50}%`;
|
|
58755
58921
|
}, []);
|
|
58756
58922
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -58854,10 +59020,10 @@ function TaskEditDialog({
|
|
|
58854
59020
|
availableTasks = [],
|
|
58855
59021
|
availableAssignees = []
|
|
58856
59022
|
}) {
|
|
58857
|
-
const [formData, setFormData] =
|
|
58858
|
-
const [startDateOpen, setStartDateOpen] =
|
|
58859
|
-
const [endDateOpen, setEndDateOpen] =
|
|
58860
|
-
|
|
59023
|
+
const [formData, setFormData] = React5__namespace.useState(null);
|
|
59024
|
+
const [startDateOpen, setStartDateOpen] = React5__namespace.useState(false);
|
|
59025
|
+
const [endDateOpen, setEndDateOpen] = React5__namespace.useState(false);
|
|
59026
|
+
React5__namespace.useEffect(() => {
|
|
58861
59027
|
if (task) {
|
|
58862
59028
|
setFormData({ ...task });
|
|
58863
59029
|
}
|
|
@@ -58930,7 +59096,7 @@ function TaskEditDialog({
|
|
|
58930
59096
|
}
|
|
58931
59097
|
) }),
|
|
58932
59098
|
/* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
58933
|
-
|
|
59099
|
+
Calendar2,
|
|
58934
59100
|
{
|
|
58935
59101
|
mode: "single",
|
|
58936
59102
|
selected: formData.startDate,
|
|
@@ -58963,7 +59129,7 @@ function TaskEditDialog({
|
|
|
58963
59129
|
}
|
|
58964
59130
|
) }),
|
|
58965
59131
|
/* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
58966
|
-
|
|
59132
|
+
Calendar2,
|
|
58967
59133
|
{
|
|
58968
59134
|
mode: "single",
|
|
58969
59135
|
selected: formData.endDate,
|
|
@@ -59144,7 +59310,7 @@ var getActionColor = (type) => {
|
|
|
59144
59310
|
}
|
|
59145
59311
|
};
|
|
59146
59312
|
var TimelineItem = ({ event, isLast }) => {
|
|
59147
|
-
const [isOpen, setIsOpen] =
|
|
59313
|
+
const [isOpen, setIsOpen] = React5__namespace.useState(false);
|
|
59148
59314
|
const hasDetails = !!(event.metadata?.before || event.metadata?.after || event.metadata?.details);
|
|
59149
59315
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 group", children: [
|
|
59150
59316
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
|
|
@@ -59204,9 +59370,9 @@ var Timeline = ({ events, className }) => {
|
|
|
59204
59370
|
event.id
|
|
59205
59371
|
)) });
|
|
59206
59372
|
};
|
|
59207
|
-
var UnderlineTabsContext =
|
|
59373
|
+
var UnderlineTabsContext = React5__namespace.createContext(void 0);
|
|
59208
59374
|
function useUnderlineTabs() {
|
|
59209
|
-
const context =
|
|
59375
|
+
const context = React5__namespace.useContext(UnderlineTabsContext);
|
|
59210
59376
|
if (!context) {
|
|
59211
59377
|
throw new Error("UnderlineTabs components must be used within UnderlineTabs");
|
|
59212
59378
|
}
|
|
@@ -59219,7 +59385,7 @@ function UnderlineTabs({
|
|
|
59219
59385
|
children,
|
|
59220
59386
|
className
|
|
59221
59387
|
}) {
|
|
59222
|
-
const [internalValue, setInternalValue] =
|
|
59388
|
+
const [internalValue, setInternalValue] = React5__namespace.useState(defaultValue || "");
|
|
59223
59389
|
const value = controlledValue !== void 0 ? controlledValue : internalValue;
|
|
59224
59390
|
const handleValueChange = (newValue) => {
|
|
59225
59391
|
if (controlledValue === void 0) {
|
|
@@ -59298,6 +59464,7 @@ exports.AlertDialogPortal = AlertDialogPortal;
|
|
|
59298
59464
|
exports.AlertDialogTitle = AlertDialogTitle;
|
|
59299
59465
|
exports.AlertDialogTrigger = AlertDialogTrigger;
|
|
59300
59466
|
exports.AlertTitle = AlertTitle;
|
|
59467
|
+
exports.AppLayout = AppLayout;
|
|
59301
59468
|
exports.AspectRatio = AspectRatio;
|
|
59302
59469
|
exports.Avatar = Avatar;
|
|
59303
59470
|
exports.AvatarFallback = AvatarFallback;
|
|
@@ -59312,7 +59479,7 @@ exports.BreadcrumbList = BreadcrumbList;
|
|
|
59312
59479
|
exports.BreadcrumbPage = BreadcrumbPage;
|
|
59313
59480
|
exports.BreadcrumbSeparator = BreadcrumbSeparator;
|
|
59314
59481
|
exports.Button = Button;
|
|
59315
|
-
exports.Calendar =
|
|
59482
|
+
exports.Calendar = Calendar2;
|
|
59316
59483
|
exports.Card = Card;
|
|
59317
59484
|
exports.CardAction = CardAction;
|
|
59318
59485
|
exports.CardContent = CardContent;
|