@mlw-packages/react-components 1.7.10 → 1.7.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +19 -0
- package/dist/index.d.mts +10 -14
- package/dist/index.d.ts +10 -14
- package/dist/index.js +79 -63
- package/dist/index.mjs +79 -63
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -4138,6 +4138,14 @@ body {
|
|
|
4138
4138
|
outline: 2px solid transparent;
|
|
4139
4139
|
outline-offset: 2px;
|
|
4140
4140
|
}
|
|
4141
|
+
.focus\:ring-0:focus {
|
|
4142
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
4143
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
4144
|
+
box-shadow:
|
|
4145
|
+
var(--tw-ring-offset-shadow),
|
|
4146
|
+
var(--tw-ring-shadow),
|
|
4147
|
+
var(--tw-shadow, 0 0 #0000);
|
|
4148
|
+
}
|
|
4141
4149
|
.focus\:ring-1:focus {
|
|
4142
4150
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
4143
4151
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
@@ -4429,6 +4437,9 @@ body {
|
|
|
4429
4437
|
.aria-selected\:opacity-30[aria-selected=true] {
|
|
4430
4438
|
opacity: 0.3;
|
|
4431
4439
|
}
|
|
4440
|
+
.aria-\[selected\=true\]\:bg-accent[aria-selected=true] {
|
|
4441
|
+
background-color: hsl(var(--accent));
|
|
4442
|
+
}
|
|
4432
4443
|
.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
|
|
4433
4444
|
pointer-events: none;
|
|
4434
4445
|
}
|
|
@@ -4643,6 +4654,9 @@ body {
|
|
|
4643
4654
|
.data-\[active\=true\]\:bg-accent\/50[data-active=true] {
|
|
4644
4655
|
background-color: hsl(var(--accent) / 0.5);
|
|
4645
4656
|
}
|
|
4657
|
+
.data-\[highlighted\]\:bg-accent[data-highlighted] {
|
|
4658
|
+
background-color: hsl(var(--accent));
|
|
4659
|
+
}
|
|
4646
4660
|
.data-\[selected\=true\]\:bg-muted[data-selected=true] {
|
|
4647
4661
|
background-color: hsl(var(--muted));
|
|
4648
4662
|
}
|
|
@@ -5929,6 +5943,11 @@ body {
|
|
|
5929
5943
|
.\[\&\:last-child\>\*\]\:border-b-0:last-child > * {
|
|
5930
5944
|
border-bottom-width: 0px;
|
|
5931
5945
|
}
|
|
5946
|
+
.\[\&\:not\(\.no-active-animation\)\]\:active\:scale-95:active:not(.no-active-animation) {
|
|
5947
|
+
--tw-scale-x: .95;
|
|
5948
|
+
--tw-scale-y: .95;
|
|
5949
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
5950
|
+
}
|
|
5932
5951
|
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role=checkbox] {
|
|
5933
5952
|
--tw-translate-y: 2px;
|
|
5934
5953
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
package/dist/index.d.mts
CHANGED
|
@@ -93,11 +93,12 @@ interface ComboboxProps<T extends string> extends ErrorMessageProps {
|
|
|
93
93
|
className?: string;
|
|
94
94
|
placeholder?: string;
|
|
95
95
|
searchPlaceholder?: string;
|
|
96
|
+
empty?: React.ReactNode;
|
|
96
97
|
label?: string;
|
|
97
98
|
labelClassname?: string;
|
|
98
99
|
testIds?: ComboboxTestIds;
|
|
99
100
|
}
|
|
100
|
-
declare function Combobox<T extends string>({ items, selected, onChange, className, placeholder, searchPlaceholder, label, labelClassname, testIds, error, }: ComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
101
|
+
declare function Combobox<T extends string>({ items, selected, onChange, className, placeholder, searchPlaceholder, empty, label, labelClassname, testIds, error, }: ComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
101
102
|
|
|
102
103
|
interface MultiComboboxTestIds {
|
|
103
104
|
root?: string;
|
|
@@ -133,18 +134,21 @@ interface SelectTestIds$1 {
|
|
|
133
134
|
label?: string;
|
|
134
135
|
item?: (value: string) => string;
|
|
135
136
|
}
|
|
136
|
-
interface DefaultSelectProps$1 extends ErrorMessageProps {
|
|
137
|
+
interface DefaultSelectProps$1<T extends string> extends ErrorMessageProps {
|
|
138
|
+
selected: T | null;
|
|
139
|
+
onChange: (value: T) => void;
|
|
137
140
|
placeholder?: string;
|
|
138
|
-
onChange: (value: string) => void;
|
|
139
141
|
disabled?: boolean;
|
|
140
142
|
className?: string;
|
|
143
|
+
label?: string;
|
|
144
|
+
labelClassname?: string;
|
|
141
145
|
}
|
|
142
|
-
interface SelectPropsWithItems$1<T extends string> extends DefaultSelectProps$1 {
|
|
146
|
+
interface SelectPropsWithItems$1<T extends string> extends DefaultSelectProps$1<T> {
|
|
143
147
|
items: SelectItem<T>[];
|
|
144
148
|
groupItems?: never;
|
|
145
149
|
testIds?: SelectTestIds$1;
|
|
146
150
|
}
|
|
147
|
-
interface SelectPropsWithGroupItems$1<T extends string> extends DefaultSelectProps$1 {
|
|
151
|
+
interface SelectPropsWithGroupItems$1<T extends string> extends DefaultSelectProps$1<T> {
|
|
148
152
|
items?: never;
|
|
149
153
|
groupItems: {
|
|
150
154
|
[key: string]: SelectItem<T>[];
|
|
@@ -152,11 +156,7 @@ interface SelectPropsWithGroupItems$1<T extends string> extends DefaultSelectPro
|
|
|
152
156
|
testIds?: SelectTestIds$1;
|
|
153
157
|
}
|
|
154
158
|
type NewSelectProps<T extends string> = SelectPropsWithItems$1<T> | SelectPropsWithGroupItems$1<T>;
|
|
155
|
-
declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, disabled, selected, label, labelClassname, className }: NewSelectProps<T>
|
|
156
|
-
selected?: T | null;
|
|
157
|
-
label?: string;
|
|
158
|
-
labelClassname?: string;
|
|
159
|
-
}): react_jsx_runtime.JSX.Element;
|
|
159
|
+
declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, disabled, selected, label, labelClassname, className, }: NewSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
160
160
|
|
|
161
161
|
interface AvatarSelectItem<T extends string> {
|
|
162
162
|
label: string;
|
|
@@ -288,11 +288,8 @@ interface ChartProps {
|
|
|
288
288
|
showLabels?: boolean;
|
|
289
289
|
labelMap?: Record<string, string>;
|
|
290
290
|
valueFormatter?: valueFormatter;
|
|
291
|
-
/** Formata valores categóricos (ex.: "BANANA" -> "Banana") apenas para exibição */
|
|
292
291
|
categoryFormatter?: (value: string | number) => string;
|
|
293
|
-
/** Label a ser exibido abaixo do eixo X */
|
|
294
292
|
xAxisLabel?: string;
|
|
295
|
-
/** Label a ser exibido ao lado do eixo Y */
|
|
296
293
|
yAxisLabel?: string;
|
|
297
294
|
xAxis?: XAxisConfig$1 | string;
|
|
298
295
|
enableHighlights?: boolean;
|
|
@@ -301,7 +298,6 @@ interface ChartProps {
|
|
|
301
298
|
enableDraggableTooltips?: boolean;
|
|
302
299
|
showTooltipTotal?: boolean;
|
|
303
300
|
maxTooltips?: number;
|
|
304
|
-
/** Quando true, formata valores numéricos no formato pt-BR (ex: 00.000,00) */
|
|
305
301
|
formatBR?: boolean;
|
|
306
302
|
}
|
|
307
303
|
declare const Chart: React__default.FC<ChartProps>;
|
package/dist/index.d.ts
CHANGED
|
@@ -93,11 +93,12 @@ interface ComboboxProps<T extends string> extends ErrorMessageProps {
|
|
|
93
93
|
className?: string;
|
|
94
94
|
placeholder?: string;
|
|
95
95
|
searchPlaceholder?: string;
|
|
96
|
+
empty?: React.ReactNode;
|
|
96
97
|
label?: string;
|
|
97
98
|
labelClassname?: string;
|
|
98
99
|
testIds?: ComboboxTestIds;
|
|
99
100
|
}
|
|
100
|
-
declare function Combobox<T extends string>({ items, selected, onChange, className, placeholder, searchPlaceholder, label, labelClassname, testIds, error, }: ComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
101
|
+
declare function Combobox<T extends string>({ items, selected, onChange, className, placeholder, searchPlaceholder, empty, label, labelClassname, testIds, error, }: ComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
101
102
|
|
|
102
103
|
interface MultiComboboxTestIds {
|
|
103
104
|
root?: string;
|
|
@@ -133,18 +134,21 @@ interface SelectTestIds$1 {
|
|
|
133
134
|
label?: string;
|
|
134
135
|
item?: (value: string) => string;
|
|
135
136
|
}
|
|
136
|
-
interface DefaultSelectProps$1 extends ErrorMessageProps {
|
|
137
|
+
interface DefaultSelectProps$1<T extends string> extends ErrorMessageProps {
|
|
138
|
+
selected: T | null;
|
|
139
|
+
onChange: (value: T) => void;
|
|
137
140
|
placeholder?: string;
|
|
138
|
-
onChange: (value: string) => void;
|
|
139
141
|
disabled?: boolean;
|
|
140
142
|
className?: string;
|
|
143
|
+
label?: string;
|
|
144
|
+
labelClassname?: string;
|
|
141
145
|
}
|
|
142
|
-
interface SelectPropsWithItems$1<T extends string> extends DefaultSelectProps$1 {
|
|
146
|
+
interface SelectPropsWithItems$1<T extends string> extends DefaultSelectProps$1<T> {
|
|
143
147
|
items: SelectItem<T>[];
|
|
144
148
|
groupItems?: never;
|
|
145
149
|
testIds?: SelectTestIds$1;
|
|
146
150
|
}
|
|
147
|
-
interface SelectPropsWithGroupItems$1<T extends string> extends DefaultSelectProps$1 {
|
|
151
|
+
interface SelectPropsWithGroupItems$1<T extends string> extends DefaultSelectProps$1<T> {
|
|
148
152
|
items?: never;
|
|
149
153
|
groupItems: {
|
|
150
154
|
[key: string]: SelectItem<T>[];
|
|
@@ -152,11 +156,7 @@ interface SelectPropsWithGroupItems$1<T extends string> extends DefaultSelectPro
|
|
|
152
156
|
testIds?: SelectTestIds$1;
|
|
153
157
|
}
|
|
154
158
|
type NewSelectProps<T extends string> = SelectPropsWithItems$1<T> | SelectPropsWithGroupItems$1<T>;
|
|
155
|
-
declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, disabled, selected, label, labelClassname, className }: NewSelectProps<T>
|
|
156
|
-
selected?: T | null;
|
|
157
|
-
label?: string;
|
|
158
|
-
labelClassname?: string;
|
|
159
|
-
}): react_jsx_runtime.JSX.Element;
|
|
159
|
+
declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, disabled, selected, label, labelClassname, className, }: NewSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
160
160
|
|
|
161
161
|
interface AvatarSelectItem<T extends string> {
|
|
162
162
|
label: string;
|
|
@@ -288,11 +288,8 @@ interface ChartProps {
|
|
|
288
288
|
showLabels?: boolean;
|
|
289
289
|
labelMap?: Record<string, string>;
|
|
290
290
|
valueFormatter?: valueFormatter;
|
|
291
|
-
/** Formata valores categóricos (ex.: "BANANA" -> "Banana") apenas para exibição */
|
|
292
291
|
categoryFormatter?: (value: string | number) => string;
|
|
293
|
-
/** Label a ser exibido abaixo do eixo X */
|
|
294
292
|
xAxisLabel?: string;
|
|
295
|
-
/** Label a ser exibido ao lado do eixo Y */
|
|
296
293
|
yAxisLabel?: string;
|
|
297
294
|
xAxis?: XAxisConfig$1 | string;
|
|
298
295
|
enableHighlights?: boolean;
|
|
@@ -301,7 +298,6 @@ interface ChartProps {
|
|
|
301
298
|
enableDraggableTooltips?: boolean;
|
|
302
299
|
showTooltipTotal?: boolean;
|
|
303
300
|
maxTooltips?: number;
|
|
304
|
-
/** Quando true, formata valores numéricos no formato pt-BR (ex: 00.000,00) */
|
|
305
301
|
formatBR?: boolean;
|
|
306
302
|
}
|
|
307
303
|
declare const Chart: React__default.FC<ChartProps>;
|
package/dist/index.js
CHANGED
|
@@ -828,7 +828,7 @@ function cn(...inputs) {
|
|
|
828
828
|
var import_react = require("@phosphor-icons/react");
|
|
829
829
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
830
830
|
var buttonVariantsBase = (0, import_class_variance_authority.cva)(
|
|
831
|
-
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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 active:scale-95",
|
|
831
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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 [&:not(.no-active-animation)]:active:scale-95",
|
|
832
832
|
{
|
|
833
833
|
variants: {
|
|
834
834
|
variant: {
|
|
@@ -1063,7 +1063,7 @@ var LabelBase_default = LabelBase;
|
|
|
1063
1063
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
1064
1064
|
var ErrorMessage = ({ error }) => {
|
|
1065
1065
|
if (!error) return null;
|
|
1066
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-destructive
|
|
1066
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-destructive", children: error });
|
|
1067
1067
|
};
|
|
1068
1068
|
var ErrorMessage_default = ErrorMessage;
|
|
1069
1069
|
|
|
@@ -1222,7 +1222,7 @@ var CommandItemBase = React5.forwardRef(({ className, testid: dataTestId = "comm
|
|
|
1222
1222
|
{
|
|
1223
1223
|
ref,
|
|
1224
1224
|
className: cn(
|
|
1225
|
-
"relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-all data-[disabled=true]:pointer-events-none data-[selected=true]:bg-muted data-[selected=true]:text-primary data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:scale-[1.02] active:scale-[0.98]",
|
|
1225
|
+
"relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-all data-[disabled=true]:pointer-events-none data-[selected=true]:bg-muted data-[selected=true]:text-primary data-[disabled=true]:opacity-50 aria-[selected=true]:bg-accent hover:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:scale-[1.02] active:scale-[0.98]",
|
|
1226
1226
|
className
|
|
1227
1227
|
),
|
|
1228
1228
|
"data-testid": dataTestId,
|
|
@@ -1291,6 +1291,7 @@ function ComboboxBase({
|
|
|
1291
1291
|
keepOpen = false,
|
|
1292
1292
|
closeAll,
|
|
1293
1293
|
searchPlaceholder,
|
|
1294
|
+
empty = "Nenhum dado encontrado",
|
|
1294
1295
|
error,
|
|
1295
1296
|
testIds = {}
|
|
1296
1297
|
}) {
|
|
@@ -1356,7 +1357,7 @@ function ComboboxBase({
|
|
|
1356
1357
|
}
|
|
1357
1358
|
),
|
|
1358
1359
|
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
|
|
1359
|
-
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children:
|
|
1360
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: empty }),
|
|
1360
1361
|
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
|
|
1361
1362
|
const isSelected = checkIsSelected(item.value);
|
|
1362
1363
|
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
@@ -1421,6 +1422,7 @@ function Combobox({
|
|
|
1421
1422
|
className,
|
|
1422
1423
|
placeholder,
|
|
1423
1424
|
searchPlaceholder,
|
|
1425
|
+
empty,
|
|
1424
1426
|
label,
|
|
1425
1427
|
labelClassname,
|
|
1426
1428
|
testIds,
|
|
@@ -1447,7 +1449,7 @@ function Combobox({
|
|
|
1447
1449
|
},
|
|
1448
1450
|
[selected, onChange]
|
|
1449
1451
|
);
|
|
1450
|
-
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: cn("flex flex-col
|
|
1452
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: cn("flex flex-col w-full min-w-[150px]", className), children: [
|
|
1451
1453
|
label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LabelBase_default, { className: labelClassname, children: label }),
|
|
1452
1454
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
1453
1455
|
ComboboxBase,
|
|
@@ -1457,6 +1459,7 @@ function Combobox({
|
|
|
1457
1459
|
handleSelection,
|
|
1458
1460
|
checkIsSelected,
|
|
1459
1461
|
searchPlaceholder,
|
|
1462
|
+
empty,
|
|
1460
1463
|
error,
|
|
1461
1464
|
testIds
|
|
1462
1465
|
}
|
|
@@ -1748,7 +1751,7 @@ var SelectItemBase = React8.forwardRef(({ className, children, ...props }, ref)
|
|
|
1748
1751
|
{
|
|
1749
1752
|
ref,
|
|
1750
1753
|
className: cn(
|
|
1751
|
-
"relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5
|
|
1754
|
+
"relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 hover:bg-accent focus:bg-accent data-[highlighted]:bg-accent text-sm outline-none transition-all data-[disabled=true]:pointer-events-none data-[selected=true]:bg-muted data-[selected=true]:text-primary data-[disabled=true]:opacity-50",
|
|
1752
1755
|
className
|
|
1753
1756
|
),
|
|
1754
1757
|
...props,
|
|
@@ -2129,7 +2132,7 @@ function Select({
|
|
|
2129
2132
|
className
|
|
2130
2133
|
}) {
|
|
2131
2134
|
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { "data-testid": testIds.root ?? "select-root", children: [
|
|
2132
|
-
label
|
|
2135
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LabelBase_default, { className: labelClassname, children: label }),
|
|
2133
2136
|
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
|
|
2134
2137
|
SelectBase,
|
|
2135
2138
|
{
|
|
@@ -10380,60 +10383,64 @@ function CalendarBase2({
|
|
|
10380
10383
|
"rounded-md border bg-background p-3 overflow-hidden flex flex-col",
|
|
10381
10384
|
className
|
|
10382
10385
|
),
|
|
10383
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_framer_motion14.AnimatePresence, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ (0, import_jsx_runtime63.
|
|
10386
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_framer_motion14.AnimatePresence, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
10384
10387
|
"div",
|
|
10385
10388
|
{
|
|
10386
10389
|
className: "w-full h-full flex flex-col",
|
|
10387
|
-
children:
|
|
10388
|
-
|
|
10389
|
-
|
|
10390
|
-
|
|
10391
|
-
|
|
10392
|
-
|
|
10393
|
-
|
|
10394
|
-
|
|
10395
|
-
|
|
10396
|
-
|
|
10397
|
-
|
|
10398
|
-
|
|
10399
|
-
|
|
10400
|
-
|
|
10401
|
-
|
|
10402
|
-
|
|
10403
|
-
|
|
10404
|
-
|
|
10405
|
-
|
|
10406
|
-
|
|
10407
|
-
|
|
10408
|
-
|
|
10409
|
-
|
|
10410
|
-
|
|
10411
|
-
|
|
10412
|
-
|
|
10413
|
-
|
|
10414
|
-
|
|
10415
|
-
|
|
10416
|
-
|
|
10417
|
-
|
|
10418
|
-
|
|
10419
|
-
|
|
10420
|
-
|
|
10421
|
-
|
|
10422
|
-
|
|
10423
|
-
|
|
10424
|
-
|
|
10425
|
-
|
|
10426
|
-
|
|
10427
|
-
|
|
10428
|
-
|
|
10429
|
-
|
|
10430
|
-
|
|
10431
|
-
|
|
10432
|
-
|
|
10433
|
-
|
|
10434
|
-
|
|
10435
|
-
|
|
10436
|
-
|
|
10390
|
+
children: [
|
|
10391
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex items-center justify-end mb-2 -mt-1" }),
|
|
10392
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
10393
|
+
import_react_day_picker2.DayPicker,
|
|
10394
|
+
{
|
|
10395
|
+
showOutsideDays,
|
|
10396
|
+
month,
|
|
10397
|
+
onMonthChange: handleMonthChange,
|
|
10398
|
+
className: "w-full h-full flex flex-col",
|
|
10399
|
+
classNames: {
|
|
10400
|
+
months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
|
|
10401
|
+
month: "flex-1 min-w-0",
|
|
10402
|
+
caption: "flex items-center justify-between gap-2 pr-1 min-h-[2.25rem] mb-2",
|
|
10403
|
+
caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left",
|
|
10404
|
+
nav: "flex items-center gap-2",
|
|
10405
|
+
nav_button: cn(
|
|
10406
|
+
buttonVariantsBase({ variant: "outline" }),
|
|
10407
|
+
"h-8 w-8 sm:h-9 sm:w-9 md:h-10 md:w-10 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95"
|
|
10408
|
+
),
|
|
10409
|
+
nav_button_previous: "",
|
|
10410
|
+
nav_button_next: "",
|
|
10411
|
+
table: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
|
|
10412
|
+
head_row: "grid grid-cols-7 gap-1 mb-1",
|
|
10413
|
+
head_cell: "text-muted-foreground rounded-md font-semibold text-[clamp(0.575rem,1.2vw,0.75rem)] sm:text-[clamp(0.65rem,1.1vw,0.825rem)] text-center pb-1 uppercase tracking-wider",
|
|
10414
|
+
row: "grid grid-cols-7 gap-1",
|
|
10415
|
+
cell: cn(
|
|
10416
|
+
"min-w-0 h-9 sm:h-10 md:h-10 p-0 relative flex items-center justify-center",
|
|
10417
|
+
"[&:has([aria-selected].day-range-end)]:rounded-r-lg",
|
|
10418
|
+
"[&:has([aria-selected].day-range-start)]:rounded-l-lg",
|
|
10419
|
+
"[&:has([aria-selected].day-outside)]:bg-muted/50",
|
|
10420
|
+
"[&:has([aria-selected])]:bg-muted"
|
|
10421
|
+
),
|
|
10422
|
+
day: cn(
|
|
10423
|
+
buttonVariantsBase({ variant: "ghost" }),
|
|
10424
|
+
"w-full h-full p-0 m-0 flex items-center justify-center text-[clamp(0.775rem,1.2vw,0.95rem)] sm:text-sm",
|
|
10425
|
+
"aria-selected:opacity-100 hover:bg-muted transition-all duration-150 ease-out active:scale-95"
|
|
10426
|
+
),
|
|
10427
|
+
day_selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90 font-semibold hover:text-white",
|
|
10428
|
+
day_today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset",
|
|
10429
|
+
day_outside: "text-muted-foreground/40 opacity-60 aria-selected:bg-muted/50 aria-selected:text-foreground",
|
|
10430
|
+
day_disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
|
|
10431
|
+
day_range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
|
|
10432
|
+
day_hidden: "invisible",
|
|
10433
|
+
button: "p-0 m-0 border-0 outline-none focus:ring-0",
|
|
10434
|
+
...classNames
|
|
10435
|
+
},
|
|
10436
|
+
components: {
|
|
10437
|
+
IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react41.CaretLeftIcon, { className: "h-4 w-4" }),
|
|
10438
|
+
IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react41.CaretRightIcon, { className: "h-4 w-4" })
|
|
10439
|
+
},
|
|
10440
|
+
...props
|
|
10441
|
+
}
|
|
10442
|
+
)
|
|
10443
|
+
]
|
|
10437
10444
|
},
|
|
10438
10445
|
month.toISOString()
|
|
10439
10446
|
) }) })
|
|
@@ -10955,7 +10962,7 @@ function DateTimePicker({
|
|
|
10955
10962
|
{
|
|
10956
10963
|
variant: "outline",
|
|
10957
10964
|
className: cn(
|
|
10958
|
-
"w-full justify-start text-left min-w-0 overflow-hidden
|
|
10965
|
+
"w-full justify-start text-left min-w-0 overflow-hidden",
|
|
10959
10966
|
!date && "text-muted-foreground"
|
|
10960
10967
|
),
|
|
10961
10968
|
children: [
|
|
@@ -11000,7 +11007,7 @@ function DateTimePicker({
|
|
|
11000
11007
|
className: cn("w-full", hideTime && "border-0")
|
|
11001
11008
|
}
|
|
11002
11009
|
),
|
|
11003
|
-
!hideTime && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex justify-center w-full ", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
11010
|
+
!hideTime && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex justify-center w-full border-b border-r border-l", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
11004
11011
|
PopoverBase,
|
|
11005
11012
|
{
|
|
11006
11013
|
open: timePickerOpen,
|
|
@@ -11016,7 +11023,7 @@ function DateTimePicker({
|
|
|
11016
11023
|
"text-sm sm:text-base font-semibold w-full",
|
|
11017
11024
|
"bg-background hover:bg-accent",
|
|
11018
11025
|
"transition-all duration-200",
|
|
11019
|
-
"shadow-sm hover:shadow-md active
|
|
11026
|
+
"shadow-sm hover:shadow-md no-active-animation"
|
|
11020
11027
|
),
|
|
11021
11028
|
children: [
|
|
11022
11029
|
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react45.ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
|
|
@@ -11051,7 +11058,7 @@ function DateTimePicker({
|
|
|
11051
11058
|
size: "sm",
|
|
11052
11059
|
variant: "destructive",
|
|
11053
11060
|
onClick: () => setTimePickerOpen(false),
|
|
11054
|
-
className: "w-full text-xs sm:text-sm min-h-[36px] sm:min-h-[40px]",
|
|
11061
|
+
className: "w-full text-xs sm:text-sm min-h-[36px] sm:min-h-[40px] no-active-animation",
|
|
11055
11062
|
children: "Fechar"
|
|
11056
11063
|
}
|
|
11057
11064
|
)
|
|
@@ -11060,7 +11067,16 @@ function DateTimePicker({
|
|
|
11060
11067
|
)
|
|
11061
11068
|
]
|
|
11062
11069
|
}
|
|
11063
|
-
) })
|
|
11070
|
+
) }),
|
|
11071
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
11072
|
+
ButtonBase,
|
|
11073
|
+
{
|
|
11074
|
+
variant: "destructive",
|
|
11075
|
+
className: "rounded-t-none no-active-animation",
|
|
11076
|
+
onClick: () => setOpen(false),
|
|
11077
|
+
children: "Fechar"
|
|
11078
|
+
}
|
|
11079
|
+
)
|
|
11064
11080
|
] })
|
|
11065
11081
|
}
|
|
11066
11082
|
)
|
package/dist/index.mjs
CHANGED
|
@@ -495,7 +495,7 @@ function cn(...inputs) {
|
|
|
495
495
|
import { CircleNotchIcon } from "@phosphor-icons/react";
|
|
496
496
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
497
497
|
var buttonVariantsBase = cva(
|
|
498
|
-
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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 active:scale-95",
|
|
498
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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 [&:not(.no-active-animation)]:active:scale-95",
|
|
499
499
|
{
|
|
500
500
|
variants: {
|
|
501
501
|
variant: {
|
|
@@ -730,7 +730,7 @@ var LabelBase_default = LabelBase;
|
|
|
730
730
|
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
731
731
|
var ErrorMessage = ({ error }) => {
|
|
732
732
|
if (!error) return null;
|
|
733
|
-
return /* @__PURE__ */ jsx4("p", { className: "text-sm text-destructive
|
|
733
|
+
return /* @__PURE__ */ jsx4("p", { className: "text-sm text-destructive", children: error });
|
|
734
734
|
};
|
|
735
735
|
var ErrorMessage_default = ErrorMessage;
|
|
736
736
|
|
|
@@ -889,7 +889,7 @@ var CommandItemBase = React5.forwardRef(({ className, testid: dataTestId = "comm
|
|
|
889
889
|
{
|
|
890
890
|
ref,
|
|
891
891
|
className: cn(
|
|
892
|
-
"relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-all data-[disabled=true]:pointer-events-none data-[selected=true]:bg-muted data-[selected=true]:text-primary data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:scale-[1.02] active:scale-[0.98]",
|
|
892
|
+
"relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-all data-[disabled=true]:pointer-events-none data-[selected=true]:bg-muted data-[selected=true]:text-primary data-[disabled=true]:opacity-50 aria-[selected=true]:bg-accent hover:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:scale-[1.02] active:scale-[0.98]",
|
|
893
893
|
className
|
|
894
894
|
),
|
|
895
895
|
"data-testid": dataTestId,
|
|
@@ -958,6 +958,7 @@ function ComboboxBase({
|
|
|
958
958
|
keepOpen = false,
|
|
959
959
|
closeAll,
|
|
960
960
|
searchPlaceholder,
|
|
961
|
+
empty = "Nenhum dado encontrado",
|
|
961
962
|
error,
|
|
962
963
|
testIds = {}
|
|
963
964
|
}) {
|
|
@@ -1023,7 +1024,7 @@ function ComboboxBase({
|
|
|
1023
1024
|
}
|
|
1024
1025
|
),
|
|
1025
1026
|
/* @__PURE__ */ jsxs5(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
|
|
1026
|
-
/* @__PURE__ */ jsx8(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children:
|
|
1027
|
+
/* @__PURE__ */ jsx8(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: empty }),
|
|
1027
1028
|
/* @__PURE__ */ jsx8(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
|
|
1028
1029
|
const isSelected = checkIsSelected(item.value);
|
|
1029
1030
|
return /* @__PURE__ */ jsxs5(
|
|
@@ -1088,6 +1089,7 @@ function Combobox({
|
|
|
1088
1089
|
className,
|
|
1089
1090
|
placeholder,
|
|
1090
1091
|
searchPlaceholder,
|
|
1092
|
+
empty,
|
|
1091
1093
|
label,
|
|
1092
1094
|
labelClassname,
|
|
1093
1095
|
testIds,
|
|
@@ -1114,7 +1116,7 @@ function Combobox({
|
|
|
1114
1116
|
},
|
|
1115
1117
|
[selected, onChange]
|
|
1116
1118
|
);
|
|
1117
|
-
return /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col
|
|
1119
|
+
return /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col w-full min-w-[150px]", className), children: [
|
|
1118
1120
|
label && /* @__PURE__ */ jsx9(LabelBase_default, { className: labelClassname, children: label }),
|
|
1119
1121
|
/* @__PURE__ */ jsx9(
|
|
1120
1122
|
ComboboxBase,
|
|
@@ -1124,6 +1126,7 @@ function Combobox({
|
|
|
1124
1126
|
handleSelection,
|
|
1125
1127
|
checkIsSelected,
|
|
1126
1128
|
searchPlaceholder,
|
|
1129
|
+
empty,
|
|
1127
1130
|
error,
|
|
1128
1131
|
testIds
|
|
1129
1132
|
}
|
|
@@ -1415,7 +1418,7 @@ var SelectItemBase = React8.forwardRef(({ className, children, ...props }, ref)
|
|
|
1415
1418
|
{
|
|
1416
1419
|
ref,
|
|
1417
1420
|
className: cn(
|
|
1418
|
-
"relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5
|
|
1421
|
+
"relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 hover:bg-accent focus:bg-accent data-[highlighted]:bg-accent text-sm outline-none transition-all data-[disabled=true]:pointer-events-none data-[selected=true]:bg-muted data-[selected=true]:text-primary data-[disabled=true]:opacity-50",
|
|
1419
1422
|
className
|
|
1420
1423
|
),
|
|
1421
1424
|
...props,
|
|
@@ -1796,7 +1799,7 @@ function Select({
|
|
|
1796
1799
|
className
|
|
1797
1800
|
}) {
|
|
1798
1801
|
return /* @__PURE__ */ jsxs13("div", { "data-testid": testIds.root ?? "select-root", children: [
|
|
1799
|
-
label
|
|
1802
|
+
label && /* @__PURE__ */ jsx18(LabelBase_default, { className: labelClassname, children: label }),
|
|
1800
1803
|
/* @__PURE__ */ jsxs13(
|
|
1801
1804
|
SelectBase,
|
|
1802
1805
|
{
|
|
@@ -10149,60 +10152,64 @@ function CalendarBase2({
|
|
|
10149
10152
|
"rounded-md border bg-background p-3 overflow-hidden flex flex-col",
|
|
10150
10153
|
className
|
|
10151
10154
|
),
|
|
10152
|
-
children: /* @__PURE__ */ jsx63("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ jsx63(AnimatePresence9, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */
|
|
10155
|
+
children: /* @__PURE__ */ jsx63("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ jsx63(AnimatePresence9, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ jsxs46(
|
|
10153
10156
|
"div",
|
|
10154
10157
|
{
|
|
10155
10158
|
className: "w-full h-full flex flex-col",
|
|
10156
|
-
children:
|
|
10157
|
-
|
|
10158
|
-
|
|
10159
|
-
|
|
10160
|
-
|
|
10161
|
-
|
|
10162
|
-
|
|
10163
|
-
|
|
10164
|
-
|
|
10165
|
-
|
|
10166
|
-
|
|
10167
|
-
|
|
10168
|
-
|
|
10169
|
-
|
|
10170
|
-
|
|
10171
|
-
|
|
10172
|
-
|
|
10173
|
-
|
|
10174
|
-
|
|
10175
|
-
|
|
10176
|
-
|
|
10177
|
-
|
|
10178
|
-
|
|
10179
|
-
|
|
10180
|
-
|
|
10181
|
-
|
|
10182
|
-
|
|
10183
|
-
|
|
10184
|
-
|
|
10185
|
-
|
|
10186
|
-
|
|
10187
|
-
|
|
10188
|
-
|
|
10189
|
-
|
|
10190
|
-
|
|
10191
|
-
|
|
10192
|
-
|
|
10193
|
-
|
|
10194
|
-
|
|
10195
|
-
|
|
10196
|
-
|
|
10197
|
-
|
|
10198
|
-
|
|
10199
|
-
|
|
10200
|
-
|
|
10201
|
-
|
|
10202
|
-
|
|
10203
|
-
|
|
10204
|
-
|
|
10205
|
-
|
|
10159
|
+
children: [
|
|
10160
|
+
/* @__PURE__ */ jsx63("div", { className: "flex items-center justify-end mb-2 -mt-1" }),
|
|
10161
|
+
/* @__PURE__ */ jsx63(
|
|
10162
|
+
DayPicker2,
|
|
10163
|
+
{
|
|
10164
|
+
showOutsideDays,
|
|
10165
|
+
month,
|
|
10166
|
+
onMonthChange: handleMonthChange,
|
|
10167
|
+
className: "w-full h-full flex flex-col",
|
|
10168
|
+
classNames: {
|
|
10169
|
+
months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
|
|
10170
|
+
month: "flex-1 min-w-0",
|
|
10171
|
+
caption: "flex items-center justify-between gap-2 pr-1 min-h-[2.25rem] mb-2",
|
|
10172
|
+
caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left",
|
|
10173
|
+
nav: "flex items-center gap-2",
|
|
10174
|
+
nav_button: cn(
|
|
10175
|
+
buttonVariantsBase({ variant: "outline" }),
|
|
10176
|
+
"h-8 w-8 sm:h-9 sm:w-9 md:h-10 md:w-10 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95"
|
|
10177
|
+
),
|
|
10178
|
+
nav_button_previous: "",
|
|
10179
|
+
nav_button_next: "",
|
|
10180
|
+
table: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
|
|
10181
|
+
head_row: "grid grid-cols-7 gap-1 mb-1",
|
|
10182
|
+
head_cell: "text-muted-foreground rounded-md font-semibold text-[clamp(0.575rem,1.2vw,0.75rem)] sm:text-[clamp(0.65rem,1.1vw,0.825rem)] text-center pb-1 uppercase tracking-wider",
|
|
10183
|
+
row: "grid grid-cols-7 gap-1",
|
|
10184
|
+
cell: cn(
|
|
10185
|
+
"min-w-0 h-9 sm:h-10 md:h-10 p-0 relative flex items-center justify-center",
|
|
10186
|
+
"[&:has([aria-selected].day-range-end)]:rounded-r-lg",
|
|
10187
|
+
"[&:has([aria-selected].day-range-start)]:rounded-l-lg",
|
|
10188
|
+
"[&:has([aria-selected].day-outside)]:bg-muted/50",
|
|
10189
|
+
"[&:has([aria-selected])]:bg-muted"
|
|
10190
|
+
),
|
|
10191
|
+
day: cn(
|
|
10192
|
+
buttonVariantsBase({ variant: "ghost" }),
|
|
10193
|
+
"w-full h-full p-0 m-0 flex items-center justify-center text-[clamp(0.775rem,1.2vw,0.95rem)] sm:text-sm",
|
|
10194
|
+
"aria-selected:opacity-100 hover:bg-muted transition-all duration-150 ease-out active:scale-95"
|
|
10195
|
+
),
|
|
10196
|
+
day_selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90 font-semibold hover:text-white",
|
|
10197
|
+
day_today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset",
|
|
10198
|
+
day_outside: "text-muted-foreground/40 opacity-60 aria-selected:bg-muted/50 aria-selected:text-foreground",
|
|
10199
|
+
day_disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
|
|
10200
|
+
day_range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
|
|
10201
|
+
day_hidden: "invisible",
|
|
10202
|
+
button: "p-0 m-0 border-0 outline-none focus:ring-0",
|
|
10203
|
+
...classNames
|
|
10204
|
+
},
|
|
10205
|
+
components: {
|
|
10206
|
+
IconLeft: () => /* @__PURE__ */ jsx63(CaretLeftIcon2, { className: "h-4 w-4" }),
|
|
10207
|
+
IconRight: () => /* @__PURE__ */ jsx63(CaretRightIcon4, { className: "h-4 w-4" })
|
|
10208
|
+
},
|
|
10209
|
+
...props
|
|
10210
|
+
}
|
|
10211
|
+
)
|
|
10212
|
+
]
|
|
10206
10213
|
},
|
|
10207
10214
|
month.toISOString()
|
|
10208
10215
|
) }) })
|
|
@@ -10724,7 +10731,7 @@ function DateTimePicker({
|
|
|
10724
10731
|
{
|
|
10725
10732
|
variant: "outline",
|
|
10726
10733
|
className: cn(
|
|
10727
|
-
"w-full justify-start text-left min-w-0 overflow-hidden
|
|
10734
|
+
"w-full justify-start text-left min-w-0 overflow-hidden",
|
|
10728
10735
|
!date && "text-muted-foreground"
|
|
10729
10736
|
),
|
|
10730
10737
|
children: [
|
|
@@ -10769,7 +10776,7 @@ function DateTimePicker({
|
|
|
10769
10776
|
className: cn("w-full", hideTime && "border-0")
|
|
10770
10777
|
}
|
|
10771
10778
|
),
|
|
10772
|
-
!hideTime && /* @__PURE__ */ jsx66("div", { className: "flex justify-center w-full ", children: /* @__PURE__ */ jsxs49(
|
|
10779
|
+
!hideTime && /* @__PURE__ */ jsx66("div", { className: "flex justify-center w-full border-b border-r border-l", children: /* @__PURE__ */ jsxs49(
|
|
10773
10780
|
PopoverBase,
|
|
10774
10781
|
{
|
|
10775
10782
|
open: timePickerOpen,
|
|
@@ -10785,7 +10792,7 @@ function DateTimePicker({
|
|
|
10785
10792
|
"text-sm sm:text-base font-semibold w-full",
|
|
10786
10793
|
"bg-background hover:bg-accent",
|
|
10787
10794
|
"transition-all duration-200",
|
|
10788
|
-
"shadow-sm hover:shadow-md active
|
|
10795
|
+
"shadow-sm hover:shadow-md no-active-animation"
|
|
10789
10796
|
),
|
|
10790
10797
|
children: [
|
|
10791
10798
|
/* @__PURE__ */ jsx66(ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
|
|
@@ -10820,7 +10827,7 @@ function DateTimePicker({
|
|
|
10820
10827
|
size: "sm",
|
|
10821
10828
|
variant: "destructive",
|
|
10822
10829
|
onClick: () => setTimePickerOpen(false),
|
|
10823
|
-
className: "w-full text-xs sm:text-sm min-h-[36px] sm:min-h-[40px]",
|
|
10830
|
+
className: "w-full text-xs sm:text-sm min-h-[36px] sm:min-h-[40px] no-active-animation",
|
|
10824
10831
|
children: "Fechar"
|
|
10825
10832
|
}
|
|
10826
10833
|
)
|
|
@@ -10829,7 +10836,16 @@ function DateTimePicker({
|
|
|
10829
10836
|
)
|
|
10830
10837
|
]
|
|
10831
10838
|
}
|
|
10832
|
-
) })
|
|
10839
|
+
) }),
|
|
10840
|
+
/* @__PURE__ */ jsx66(
|
|
10841
|
+
ButtonBase,
|
|
10842
|
+
{
|
|
10843
|
+
variant: "destructive",
|
|
10844
|
+
className: "rounded-t-none no-active-animation",
|
|
10845
|
+
onClick: () => setOpen(false),
|
|
10846
|
+
children: "Fechar"
|
|
10847
|
+
}
|
|
10848
|
+
)
|
|
10833
10849
|
] })
|
|
10834
10850
|
}
|
|
10835
10851
|
)
|