@cnc-ti/layout-basic 8.3.27 → 8.3.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +10 -1
- package/dist/index.d.ts +10 -1
- package/dist/index.js +16 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +16 -7
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -10643,15 +10643,18 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
|
10643
10643
|
import * as React58 from "react";
|
|
10644
10644
|
import { jsx as jsx32, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
10645
10645
|
var Input = React58.forwardRef(
|
|
10646
|
-
({ className, type, id, label, ...props }, ref) => {
|
|
10646
|
+
({ className, type, id, label, required, ...props }, ref) => {
|
|
10647
10647
|
const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
|
|
10648
10648
|
return /* @__PURE__ */ jsxs10("div", { className: "cnc-w-full", children: [
|
|
10649
|
-
label && /* @__PURE__ */
|
|
10649
|
+
label && /* @__PURE__ */ jsxs10(
|
|
10650
10650
|
"label",
|
|
10651
10651
|
{
|
|
10652
10652
|
htmlFor: idGenerate,
|
|
10653
10653
|
className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
|
|
10654
|
-
children:
|
|
10654
|
+
children: [
|
|
10655
|
+
label,
|
|
10656
|
+
required && /* @__PURE__ */ jsx32("span", { className: "text-red-500", children: " *" })
|
|
10657
|
+
]
|
|
10655
10658
|
}
|
|
10656
10659
|
),
|
|
10657
10660
|
/* @__PURE__ */ jsx32(
|
|
@@ -11451,17 +11454,22 @@ function Combobox({
|
|
|
11451
11454
|
command,
|
|
11452
11455
|
onChange,
|
|
11453
11456
|
value = "",
|
|
11454
|
-
onInput
|
|
11457
|
+
onInput,
|
|
11458
|
+
modal = false,
|
|
11459
|
+
popoverClassName,
|
|
11460
|
+
buttonClassName,
|
|
11461
|
+
disabled = false
|
|
11455
11462
|
}) {
|
|
11456
11463
|
const [open, setOpen] = React64.useState(false);
|
|
11457
|
-
return /* @__PURE__ */ jsxs14(Popover3, { open, onOpenChange: setOpen, children: [
|
|
11464
|
+
return /* @__PURE__ */ jsxs14(Popover3, { open, onOpenChange: setOpen, modal, children: [
|
|
11458
11465
|
/* @__PURE__ */ jsx41(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs14(
|
|
11459
11466
|
Button,
|
|
11460
11467
|
{
|
|
11461
11468
|
variant: "outline",
|
|
11462
11469
|
role: "combobox",
|
|
11463
11470
|
"aria-expanded": open,
|
|
11464
|
-
className: "cnc-w-full cnc-justify-between cnc-truncate ",
|
|
11471
|
+
className: cn("cnc-w-full cnc-justify-between cnc-truncate ", buttonClassName),
|
|
11472
|
+
disabled,
|
|
11465
11473
|
children: [
|
|
11466
11474
|
/* @__PURE__ */ jsx41("div", { children: value ? options?.find((framework) => framework.value === value)?.label : placeholder }),
|
|
11467
11475
|
/* @__PURE__ */ jsx41(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
|
|
@@ -11472,7 +11480,7 @@ function Combobox({
|
|
|
11472
11480
|
PopoverContent3,
|
|
11473
11481
|
{
|
|
11474
11482
|
align: "start",
|
|
11475
|
-
className: "cnc-w-[--radix-popover-trigger-width] cnc-p-0",
|
|
11483
|
+
className: cn("cnc-w-[--radix-popover-trigger-width] cnc-p-0", popoverClassName),
|
|
11476
11484
|
children: /* @__PURE__ */ jsxs14(Command, { children: [
|
|
11477
11485
|
/* @__PURE__ */ jsx41(
|
|
11478
11486
|
CommandInput,
|
|
@@ -11493,6 +11501,7 @@ function Combobox({
|
|
|
11493
11501
|
setOpen(false);
|
|
11494
11502
|
},
|
|
11495
11503
|
keywords: [option.value, option.label],
|
|
11504
|
+
disabled: option.disabled,
|
|
11496
11505
|
children: [
|
|
11497
11506
|
/* @__PURE__ */ jsx41(
|
|
11498
11507
|
Check,
|