cloudmr-ux 1.9.7 → 1.9.8

package/dist/index.d.ts

@@ -47,20 +47,16 @@ interface CmrSelectProps {
     options: Option[];
     label: string;
     disabled?: boolean;
-    /** Controlled value (optional). If provided, component becomes controlled. */
+    /** Controlled usage (optional) */
     value?: string;
-    /** Fires when selection changes. For controlled usage, update your state here. */
     onChange?: (value: string) => void;
-    /** Initial value for uncontrolled mode. Defaults to ''. */
+    /** Uncontrolled usage (optional) */
     defaultValue?: string;
-    /** Top placeholder item. Shown as first item; disabled so users must pick another. */
-    placeholder?: string;
-    /** Layout helpers */
+    /** Layout/Styling */
     fullWidth?: boolean;
-    /** Pass-through styling/props */
     sx?: FormControlProps['sx'];
     className?: string;
-    /** Optional passthrough to MUI Select */
+    /** Pass-through to MUI Select */
     SelectProps?: Partial<SelectProps<string>>;
 }
 declare const CmrSelect: React__default.FC<CmrSelectProps>;

package/dist/index.js

@@ -139,35 +139,29 @@ var CmrSelect = ({
   label,
   disabled,
   value,
-  // controlled value (optional)
   onChange,
-  // callback (optional)
   defaultValue = "",
-  // for uncontrolled
-  placeholder,
-  // optional top disabled item
   fullWidth,
   sx,
   className,
   SelectProps: SelectProps2
 }) => {
   const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react2.useState)(defaultValue);
-  const currentValue = isControlled ? value : internalValue;
+  const [internal, setInternal] = (0, import_react2.useState)(defaultValue);
+  const current = isControlled ? value : internal;
   (0, import_react2.useEffect)(() => {
-    if (isControlled) {
-      setInternalValue(value);
-    }
+    if (isControlled)
+      setInternal(value);
   }, [isControlled, value]);
   const id = (0, import_react2.useId)();
   const labelId = `${id}-label`;
-  const handleChange = (event) => {
-    const next = event.target.value;
+  const selectId = `${id}-select`;
+  const handleChange = (e) => {
+    const next = e.target.value;
     if (!isControlled)
-      setInternalValue(next);
+      setInternal(next);
     onChange == null ? void 0 : onChange(next);
   };
-  const items = placeholder ? [{ label: placeholder, value: "", disabled: true }, ...options] : options;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     import_material5.FormControl,
     {
@@ -181,12 +175,13 @@ var CmrSelect = ({
           import_material5.Select,
           {
             labelId,
-            value: currentValue,
-            onChange: handleChange,
+            id: selectId,
+            value: current,
             label,
+            onChange: handleChange,
             MenuProps: { classes: { paper: "custom-dropdown" }, ...SelectProps2 == null ? void 0 : SelectProps2.MenuProps },
             ...SelectProps2,
-            children: items.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.MenuItem, { value: opt.value, disabled: !!opt.disabled, children: opt.label }, `${opt.value}-${opt.label}`))
+            children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.MenuItem, { value: opt.value, disabled: !!opt.disabled, children: opt.label }, `${opt.value}-${opt.label}`))
           }
         )
       ]

package/dist/index.mjs

@@ -96,35 +96,29 @@ var CmrSelect = ({
   label,
   disabled,
   value,
-  // controlled value (optional)
   onChange,
-  // callback (optional)
   defaultValue = "",
-  // for uncontrolled
-  placeholder,
-  // optional top disabled item
   fullWidth,
   sx,
   className,
   SelectProps: SelectProps2
 }) => {
   const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = useState2(defaultValue);
-  const currentValue = isControlled ? value : internalValue;
+  const [internal, setInternal] = useState2(defaultValue);
+  const current = isControlled ? value : internal;
   useEffect(() => {
-    if (isControlled) {
-      setInternalValue(value);
-    }
+    if (isControlled)
+      setInternal(value);
   }, [isControlled, value]);
   const id = useId();
   const labelId = `${id}-label`;
-  const handleChange = (event) => {
-    const next = event.target.value;
+  const selectId = `${id}-select`;
+  const handleChange = (e) => {
+    const next = e.target.value;
     if (!isControlled)
-      setInternalValue(next);
+      setInternal(next);
     onChange == null ? void 0 : onChange(next);
   };
-  const items = placeholder ? [{ label: placeholder, value: "", disabled: true }, ...options] : options;
   return /* @__PURE__ */ jsxs2(
     FormControl2,
     {
@@ -138,12 +132,13 @@ var CmrSelect = ({
           Select,
           {
             labelId,
-            value: currentValue,
-            onChange: handleChange,
+            id: selectId,
+            value: current,
             label,
+            onChange: handleChange,
             MenuProps: { classes: { paper: "custom-dropdown" }, ...SelectProps2 == null ? void 0 : SelectProps2.MenuProps },
             ...SelectProps2,
-            children: items.map((opt) => /* @__PURE__ */ jsx5(MenuItem, { value: opt.value, disabled: !!opt.disabled, children: opt.label }, `${opt.value}-${opt.label}`))
+            children: options.map((opt) => /* @__PURE__ */ jsx5(MenuItem, { value: opt.value, disabled: !!opt.disabled, children: opt.label }, `${opt.value}-${opt.label}`))
           }
         )
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudmr-ux",
-  "version": "1.9.7",
+  "version": "1.9.8",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",