@mlw-packages/react-components 1.7.8 → 1.7.9

package/dist/index.css

@@ -1568,9 +1568,6 @@ body {
 .flex-wrap {
   flex-wrap: wrap;
 }
-.content-start {
-  align-content: flex-start;
-}
 .items-start {
   align-items: flex-start;
 }

package/dist/index.d.mts

@@ -122,11 +122,6 @@ interface SelectItem<T extends string> {
     label: string;
     value: T;
 }
-interface DefaultSelectProps$1 extends ErrorMessageProps {
-    placeholder: string;
-    onChange: (value: string) => void;
-    disabled?: boolean;
-}
 interface SelectTestIds$1 {
     root?: string;
     base?: string;
@@ -137,7 +132,12 @@ interface SelectTestIds$1 {
     group?: string;
     label?: string;
     item?: (value: string) => string;
-    error?: string;
+}
+interface DefaultSelectProps$1 extends ErrorMessageProps {
+    placeholder?: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    className?: string;
 }
 interface SelectPropsWithItems$1<T extends string> extends DefaultSelectProps$1 {
     items: SelectItem<T>[];
@@ -151,8 +151,12 @@ interface SelectPropsWithGroupItems$1<T extends string> extends DefaultSelectPro
     };
     testIds?: SelectTestIds$1;
 }
-type SelectProps<T extends string> = SelectPropsWithItems$1<T> | SelectPropsWithGroupItems$1<T>;
-declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, disabled, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
+type NewSelectProps<T extends string> = SelectPropsWithItems$1<T> | SelectPropsWithGroupItems$1<T>;
+declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, disabled, selected, label, labelClassname, className }: NewSelectProps<T> & {
+    selected?: T | null;
+    label?: string;
+    labelClassname?: string;
+}): react_jsx_runtime.JSX.Element;
 
 interface AvatarSelectItem<T extends string> {
     label: string;

package/dist/index.d.ts

@@ -122,11 +122,6 @@ interface SelectItem<T extends string> {
     label: string;
     value: T;
 }
-interface DefaultSelectProps$1 extends ErrorMessageProps {
-    placeholder: string;
-    onChange: (value: string) => void;
-    disabled?: boolean;
-}
 interface SelectTestIds$1 {
     root?: string;
     base?: string;
@@ -137,7 +132,12 @@ interface SelectTestIds$1 {
     group?: string;
     label?: string;
     item?: (value: string) => string;
-    error?: string;
+}
+interface DefaultSelectProps$1 extends ErrorMessageProps {
+    placeholder?: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    className?: string;
 }
 interface SelectPropsWithItems$1<T extends string> extends DefaultSelectProps$1 {
     items: SelectItem<T>[];
@@ -151,8 +151,12 @@ interface SelectPropsWithGroupItems$1<T extends string> extends DefaultSelectPro
     };
     testIds?: SelectTestIds$1;
 }
-type SelectProps<T extends string> = SelectPropsWithItems$1<T> | SelectPropsWithGroupItems$1<T>;
-declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, disabled, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
+type NewSelectProps<T extends string> = SelectPropsWithItems$1<T> | SelectPropsWithGroupItems$1<T>;
+declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, disabled, selected, label, labelClassname, className }: NewSelectProps<T> & {
+    selected?: T | null;
+    label?: string;
+    labelClassname?: string;
+}): react_jsx_runtime.JSX.Element;
 
 interface AvatarSelectItem<T extends string> {
     label: string;

package/dist/index.js

@@ -2121,21 +2121,28 @@ function Select({
   onChange,
   error,
   testIds = {},
-  disabled
+  disabled,
+  selected,
+  label,
+  labelClassname,
+  className
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { "data-testid": testIds.root ?? "select-root", children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: cn("mb-1 block text-sm font-medium", labelClassname), children: label }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       SelectBase,
       {
-        onValueChange: onChange,
+        value: selected ?? void 0,
+        onValueChange: (v) => onChange(v),
         "data-testid": testIds.base ?? "select-base",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             SelectTriggerBase,
             {
               className: cn(
-                "flex h-9 w-full content-start text-lg shadow-md",
-                error && "border-red-500"
+                "flex items-center gap-2 justify-between [&>div]:line-clamp-1 [&>span]:line-clamp-1 ",
+                error && "border-red-500",
+                className
               ),
               "data-testid": testIds.trigger ?? "select-trigger",
               disabled,
@@ -2164,7 +2171,7 @@ function Select({
                   SelectItemBase,
                   {
                     value: item.value,
-                    "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+                    "data-testid": testIds.item?.(String(item.value)) ?? `select-item-${item.value}`,
                     children: item.label
                   },
                   item.value
@@ -2176,7 +2183,7 @@ function Select({
             SelectItemBase,
             {
               value: item.value,
-              "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+              "data-testid": testIds.item?.(String(item.value)) ?? `select-item-${item.value}`,
               children: item.label
             },
             item.value

package/dist/index.mjs

@@ -1789,21 +1789,28 @@ function Select({
   onChange,
   error,
   testIds = {},
-  disabled
+  disabled,
+  selected,
+  label,
+  labelClassname,
+  className
 }) {
   return /* @__PURE__ */ jsxs13("div", { "data-testid": testIds.root ?? "select-root", children: [
+    label ? /* @__PURE__ */ jsx18("label", { className: cn("mb-1 block text-sm font-medium", labelClassname), children: label }) : null,
     /* @__PURE__ */ jsxs13(
       SelectBase,
       {
-        onValueChange: onChange,
+        value: selected ?? void 0,
+        onValueChange: (v) => onChange(v),
         "data-testid": testIds.base ?? "select-base",
         children: [
           /* @__PURE__ */ jsx18(
             SelectTriggerBase,
             {
               className: cn(
-                "flex h-9 w-full content-start text-lg shadow-md",
-                error && "border-red-500"
+                "flex items-center gap-2 justify-between [&>div]:line-clamp-1 [&>span]:line-clamp-1 ",
+                error && "border-red-500",
+                className
               ),
               "data-testid": testIds.trigger ?? "select-trigger",
               disabled,
@@ -1832,7 +1839,7 @@ function Select({
                   SelectItemBase,
                   {
                     value: item.value,
-                    "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+                    "data-testid": testIds.item?.(String(item.value)) ?? `select-item-${item.value}`,
                     children: item.label
                   },
                   item.value
@@ -1844,7 +1851,7 @@ function Select({
             SelectItemBase,
             {
               value: item.value,
-              "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+              "data-testid": testIds.item?.(String(item.value)) ?? `select-item-${item.value}`,
               children: item.label
             },
             item.value

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.7.8",
+  "version": "1.7.9",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",