@rnaga/wp-next-ui 1.0.1

package/Select.d.ts

@@ -0,0 +1,21 @@
+import { SxProps } from "@mui/material";
+import { BasicMenuButtonItem } from "./BasicMenuButton";
+export declare const Select: (props: {
+    enum: {
+        label: string;
+        value: any;
+    }[] | undefined;
+    onChange: (value: string, item: BasicMenuButtonItem) => void;
+    label?: string;
+    size?: "small" | "medium";
+    value?: any;
+    readOnly?: boolean;
+    sx?: SxProps;
+    slotProps?: {
+        readOnlyInput?: {
+            sx?: SxProps;
+        };
+    };
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAmB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAGzE,eAAO,MAAM,MAAM,GAAI,OAAO;IAC5B,IAAI,EACA;QACE,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,GAAG,CAAC;KACZ,EAAE,GACH,SAAS,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE;YACd,EAAE,CAAC,EAAE,OAAO,CAAC;SACd,CAAC;KACH,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CA0CA,CAAC"}

package/Select.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BasicMenuButton } from "./BasicMenuButton";
+import { Input } from "./Input";
+export const Select = (props) => {
+    const { onChange, size, value, sx, slotProps, disabled = false } = props;
+    if (props.readOnly) {
+        return (_jsx(Input, { size: size, value: props.value, readOnly: true, sx: {
+                width: "100%",
+                ...slotProps?.readOnlyInput?.sx,
+            } }));
+    }
+    const label = props.label ?? props.enum?.find((item) => item.value === value)?.label;
+    return (_jsx(BasicMenuButton, { items: props.enum ?? [], disabled: disabled, size: size, onChange: (value, item) => {
+            //setValue(item);
+            onChange(value, item);
+        }, label: label ?? props.enum?.find((item) => item.value === value)?.label ?? "", value: value, sx: {
+            width: "100%",
+            border: "1px solid",
+            borderColor: "grey.400",
+            justifyContent: "space-between",
+            ...sx,
+        } }));
+};