@mlw-packages/react-components 1.7.11 → 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.
Files changed (6) hide show
  1. package/dist/index.css +6 -0
  2. package/dist/index.d.mts +2 -1
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.js +8 -5
  5. package/dist/index.mjs +8 -5
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -4437,6 +4437,9 @@ body {
4437
4437
  .aria-selected\:opacity-30[aria-selected=true] {
4438
4438
  opacity: 0.3;
4439
4439
  }
4440
+ .aria-\[selected\=true\]\:bg-accent[aria-selected=true] {
4441
+ background-color: hsl(var(--accent));
4442
+ }
4440
4443
  .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
4441
4444
  pointer-events: none;
4442
4445
  }
@@ -4651,6 +4654,9 @@ body {
4651
4654
  .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
4652
4655
  background-color: hsl(var(--accent) / 0.5);
4653
4656
  }
4657
+ .data-\[highlighted\]\:bg-accent[data-highlighted] {
4658
+ background-color: hsl(var(--accent));
4659
+ }
4654
4660
  .data-\[selected\=true\]\:bg-muted[data-selected=true] {
4655
4661
  background-color: hsl(var(--muted));
4656
4662
  }
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;
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;
package/dist/index.js CHANGED
@@ -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: "Nenhum dado encontrado" }),
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,
@@ -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 hover: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",
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 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: cn("block text-sm font-medium", labelClassname), children: label }) : null,
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
  {
@@ -10959,7 +10962,7 @@ function DateTimePicker({
10959
10962
  {
10960
10963
  variant: "outline",
10961
10964
  className: cn(
10962
- "w-full justify-start text-left min-w-0 overflow-hidden no-active-animation",
10965
+ "w-full justify-start text-left min-w-0 overflow-hidden",
10963
10966
  !date && "text-muted-foreground"
10964
10967
  ),
10965
10968
  children: [
package/dist/index.mjs CHANGED
@@ -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: "Nenhum dado encontrado" }),
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,
@@ -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 hover: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",
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 ? /* @__PURE__ */ jsx18("label", { className: cn("block text-sm font-medium", labelClassname), children: label }) : null,
1802
+ label && /* @__PURE__ */ jsx18(LabelBase_default, { className: labelClassname, children: label }),
1800
1803
  /* @__PURE__ */ jsxs13(
1801
1804
  SelectBase,
1802
1805
  {
@@ -10728,7 +10731,7 @@ function DateTimePicker({
10728
10731
  {
10729
10732
  variant: "outline",
10730
10733
  className: cn(
10731
- "w-full justify-start text-left min-w-0 overflow-hidden no-active-animation",
10734
+ "w-full justify-start text-left min-w-0 overflow-hidden",
10732
10735
  !date && "text-muted-foreground"
10733
10736
  ),
10734
10737
  children: [
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "1.7.11",
6
+ "version": "1.7.12",
7
7
  "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
8
8
  "repository": {
9
9
  "type": "git",