@rnaga/wp-next-ui 1.0.10 → 1.0.12

package/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,YAAY,EACzB,gBAAgB,IAAI,mBAAmB,EACxC,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,SAAS,GAAI,OAAO,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,4CAgBlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,4CAOjD,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,YAAY,EACzB,gBAAgB,IAAI,mBAAmB,EACxC,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,SAAS,GAAI,OAAO,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,4CAmBlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,4CAOjD,CAAC"}

package/Accordion.js

@@ -5,6 +5,9 @@ export const Accordion = (props) => {
     return (_jsx(MuiAccordion, { disableGutters: true, elevation: 0, square: true, sx: {
             backgroundColor: "transparent",
             my: 0,
+            "& .MuiAccordionDetails-root": {
+                px: 0.5,
+            },
             ...props.sx,
         }, ...props, children: props.children }));
 };

package/DraggableBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableBox.d.ts","sourceRoot":"","sources":["../src/DraggableBox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,EAAmB,OAAO,EAAE,MAAM,eAAe,CAAC;AAOzD,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACpC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CACnE,4CA4cA,CAAC"}
+{"version":3,"file":"DraggableBox.d.ts","sourceRoot":"","sources":["../src/DraggableBox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,EAAmB,OAAO,EAAE,MAAM,eAAe,CAAC;AAOzD,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACpC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CACnE,4CA8cA,CAAC"}

package/DraggableBox.js

@@ -264,9 +264,11 @@ export const DraggableBox = (props) => {
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "space-between",
+                                backgroundColor: "#dedede",
+                                mb: 1,
                                 ...slotSxProps?.header,
                             }, onMouseDown: handleMouseDown, children: [_jsx(Typography, { size: size, sx: {
-                                        p: 0.5,
+                                        p: 1,
                                         flexGrow: 1,
                                         ...slotSxProps?.title,
                                     }, bold: true, children: title }), _jsx(IconButton, { size: "small", onClick: (e) => {

package/InputColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputColor.d.ts","sourceRoot":"","sources":["../src/InputColor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAoB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAC;AAK7C,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAUzC,CAAC;AA2IJ,eAAO,MAAM,UAAU,GACrB,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IAC/C,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,aAAa,CAAC;KACvB,CAAC;CACH,4CA6DF,CAAC"}
+{"version":3,"file":"InputColor.d.ts","sourceRoot":"","sources":["../src/InputColor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAC;AAK7C,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAUzC,CAAC;AA2IJ,eAAO,MAAM,UAAU,GACrB,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IAC/C,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,aAAa,CAAC;KACvB,CAAC;CACH,4CAiEF,CAAC"}

package/InputColor.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { Input } from "./Input";
 import { Box } from "@mui/material";
 export const isColorString = (src) => /^#([\da-f]{3}|[\da-f]{6})$/i.test(src) ||
@@ -117,6 +117,9 @@ export const InputColor = (props) => {
         setValue(value);
         onBlur(value);
     };
+    useEffect(() => {
+        setValue(`${props.value ?? ""}`);
+    }, [props.value]);
     return (_jsxs(Box, { sx: { display: "flex", gap: 1, alignItems: "center", ...sx }, children: [_jsx(Input, { size: size, onChange: (value) => {
                     handleChange(value);
                 }, onBlur: (value) => {

package/InputMultiple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputMultiple.d.ts","sourceRoot":"","sources":["../src/InputMultiple.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAgC,MAAM,OAAO,CAAC;AAMrE,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAEvC,eAAO,MAAM,aAAa,GAAI,OAAO;IACnC,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CACR,MAAM,EAAE,iBAAiB,EAAE,EAC3B,CAAC,EAAE,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAC9B,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,4CAiGA,CAAC"}
+{"version":3,"file":"InputMultiple.d.ts","sourceRoot":"","sources":["../src/InputMultiple.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAgC,MAAM,OAAO,CAAC;AAMrE,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAEvC,eAAO,MAAM,aAAa,GAAI,OAAO;IACnC,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CACR,MAAM,EAAE,iBAAiB,EAAE,EAC3B,CAAC,EAAE,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAC9B,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,4CAuGA,CAAC"}

package/InputMultiple.js

@@ -43,7 +43,13 @@ export const InputMultiple = (props) => {
                     size: size ?? "small",
                     sx: {
                         zIndex: 9999,
-                        height: size == "medium" ? 32 : 24,
+                        minHeight: size == "medium" ? 32 : 24,
+                        "& .MuiInputBase-input": {
+                            cursor: "text",
+                        },
+                        "& .MuiAutocomplete-input": {
+                            cursor: "text",
+                        },
                         ...slotSxProps?.input,
                     },
                     ...sx,

package/ListBase.js

@@ -96,7 +96,7 @@ export const ListBase = (props) => {
         onClick: onClick || itemEventHandlers?.onClick,
         onMouseDown: onMouseDown || itemEventHandlers?.onMouseDown,
     };
-    return (_jsx(ListContext.Provider, { value: {
+    return (_jsx(ListContext, { value: {
             items: listItems,
             displayType,
             renderItem: renderItem,

package/Modal.d.ts

@@ -6,6 +6,8 @@ export declare const Modal: (props: ModalParameters) => import("react/jsx-runtim
 export declare const ModalContent: (props: {
     sx?: SxProps;
     children: React.ReactNode;
-} & Omit<Parameters<typeof Box>[0], "children" | "sx">) => import("react/jsx-runtime").JSX.Element;
+    hideCloseButton?: boolean;
+    loading?: boolean;
+} & Omit<Parameters<typeof Box>[0], "children" | "sx" | "hideCloseButton" | "loading">) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Modal.d.ts.map

package/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,GAAG,EAEH,KAAK,IAAI,QAAQ,EACjB,OAAO,EAER,MAAM,eAAe,CAAC;AAIvB,KAAK,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IACvE,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAQF,eAAO,MAAM,KAAK,GAAI,OAAO,eAAe,4CAkB3C,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO;IACL,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,4CAkEvD,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,GAAG,EAGH,KAAK,IAAI,QAAQ,EACjB,OAAO,EAER,MAAM,eAAe,CAAC;AAIvB,KAAK,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IACvE,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAQF,eAAO,MAAM,KAAK,GAAI,OAAO,eAAe,4CAkB3C,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO;IACL,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CACN,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,EACzB,UAAU,GAAG,IAAI,GAAG,iBAAiB,GAAG,SAAS,CAClD,4CAiFF,CAAC"}

package/Modal.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState } from "react";
 import { Close } from "@mui/icons-material";
-import { Box, IconButton, Modal as MuiModal, } from "@mui/material";
+import { Box, CircularProgress, IconButton, Modal as MuiModal, } from "@mui/material";
 import { useWPTheme } from "./ThemeRegistry";
 import { useWP } from "@rnaga/wp-next-core/client/wp";
 const Context = createContext({});
@@ -18,7 +18,7 @@ export const Modal = (props) => {
     return (_jsx(MuiModal, { open: open, onClose: handleClose, ...rest, children: _jsx(Context, { value: { open, setOpen, onClose }, children: children }) }));
 };
 export const ModalContent = (props) => {
-    const { sx, ...rest } = props;
+    const { sx, hideCloseButton, loading, ...rest } = props;
     const { setOpen, onClose } = useContext(Context);
     const [isFullscreen, setIsFullscreen] = useState(false);
     const { wpTheme } = useWPTheme();
@@ -48,7 +48,7 @@ export const ModalContent = (props) => {
             ...sx,
         }, ...rest, children: _jsxs(Box, { sx: {
                 position: "relative",
-            }, children: [_jsx(IconButton, { size: "small", onClick: (e) => {
+            }, children: [!hideCloseButton && (_jsx(IconButton, { size: "small", onClick: (e) => {
                         setOpen(false);
                         onClose();
                     }, sx: {
@@ -61,5 +61,10 @@ export const ModalContent = (props) => {
                         ":hover": {
                             bgcolor: wpTheme.background.hoverColor,
                         },
-                    }, children: _jsx(Close, { fontSize: "small" }) }), props.children] }) }));
+                    }, children: _jsx(Close, { fontSize: "small" }) })), loading ? (_jsx(Box, { sx: {
+                        display: "flex",
+                        justifyContent: "center",
+                        alignItems: "center",
+                        minHeight: 200,
+                    }, children: _jsx(CircularProgress, {}) })) : (props.children)] }) }));
 };

package/ModalConfirm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalConfirm.d.ts","sourceRoot":"","sources":["../src/ModalConfirm.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,4CA0GA,CAAC"}
+{"version":3,"file":"ModalConfirm.d.ts","sourceRoot":"","sources":["../src/ModalConfirm.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,4CAwGA,CAAC"}

package/ModalConfirm.js

@@ -11,13 +11,11 @@ export const ModalConfirm = (props) => {
     const { viewport } = useWP();
     const [open, setOpen] = useState(props.open);
     useEffect(() => {
-        console.log("changing open state to", props.open);
         if (props.open !== open) {
             setOpen(props.open);
         }
     }, [props.open]);
     return (_jsx(Modal, { open: open, onClose: () => {
-            console.log("ConfirmModal onClose called, but no action taken");
             setOpen(false);
             onClose?.();
         }, children: _jsxs(ModalContent, { "aria-labelledby": "nested-modal-title", "aria-describedby": "nested-modal-description", sx: {

package/SelectFreeSoloAutocomplete.d.ts

@@ -0,0 +1,16 @@
+import { SxProps } from "@mui/material";
+import { type SlotSxProps } from "./SelectAutocomplete";
+type Item = {
+    label: string;
+    value: string | number;
+};
+export declare const SelectFreeSoloAutocomplete: (props: {
+    onChange: (value: string, item: Item) => void;
+    size?: "small" | "medium";
+    slotSxProps?: SlotSxProps;
+    items: Item[];
+    value?: string;
+    sx?: SxProps;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectFreeSoloAutocomplete.d.ts.map

package/SelectFreeSoloAutocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFreeSoloAutocomplete.d.ts","sourceRoot":"","sources":["../src/SelectFreeSoloAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,OAAO,EAAE,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAO5E,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,OAAO;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,4CAuGA,CAAC"}

package/SelectFreeSoloAutocomplete.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Autocomplete, ListItem } from "@mui/material";
+import { useMemo, useState } from "react";
+import { SelectAutocomplete } from "./SelectAutocomplete";
+import { Typography } from "./Typography";
+const sxSelectAutocomplete = SelectAutocomplete.sx;
+const SelectAutocompleteTextField = SelectAutocomplete.TextField;
+const Wrapper = SelectAutocomplete.Wrapper;
+export const SelectFreeSoloAutocomplete = (props) => {
+    const { onChange, size, items, value, slotSxProps, sx } = props;
+    const [inputValue, setInputValue] = useState("");
+    const currentValue = useMemo(() => {
+        if (!value) {
+            return undefined;
+        }
+        const item = items.find((item) => item.value == value);
+        return item
+            ? { label: item.label, id: `${item.value}` }
+            : { label: `${value}`, id: `${value}` };
+    }, [value, items]);
+    return (_jsx(Wrapper, { size: size, slotSxProps: slotSxProps, children: _jsx(Autocomplete, { size: "small", freeSolo: true, value: currentValue ?? { label: "", id: "" }, inputValue: inputValue !== "" ? inputValue : currentValue?.label ?? "", options: items.map((item) => ({
+                label: item.label,
+                id: `${item.value}`,
+            })), onInputChange: (_, newInputValue, reason) => {
+                if (reason === "input") {
+                    setInputValue(newInputValue);
+                }
+                else {
+                    setInputValue("");
+                }
+            }, onChange: (_, newValue, reason) => {
+                if (reason === "createOption" && typeof newValue === "string") {
+                    const item = { label: newValue, value: newValue };
+                    onChange(newValue, item);
+                    setInputValue("");
+                }
+                else if (reason === "selectOption" &&
+                    typeof newValue === "object" &&
+                    newValue !== null) {
+                    const item = {
+                        label: newValue.label,
+                        value: newValue.id,
+                    };
+                    onChange(newValue.id, item);
+                    setInputValue("");
+                }
+            }, getOptionLabel: (option) => {
+                if (typeof option === "string") {
+                    return option;
+                }
+                return option.label;
+            }, renderInput: (params) => (_jsx(SelectAutocompleteTextField, { params: params, size: size, sx: slotSxProps?.textField })), sx: sxSelectAutocomplete({
+                size: size ?? "small",
+                sx: slotSxProps?.input ?? sx,
+            }), renderOption: (props, option, state) => {
+                const { key, ...restProps } = props;
+                if (state.selected) {
+                    return null;
+                }
+                return (_jsx(ListItem, { ...restProps, onClick: (e) => {
+                        const item = {
+                            label: option.label,
+                            value: option.id,
+                        };
+                        onChange(option.id, item);
+                        setInputValue("");
+                        restProps?.onClick && restProps.onClick(e);
+                    }, children: _jsx(Typography, { size: size, sx: slotSxProps?.options, children: option.label }) }, key));
+            }, disableClearable: true }) }));
+};

package/Textarea.d.ts

@@ -0,0 +1,8 @@
+import { TextareaAutosize } from "@mui/material";
+export declare const Textarea: (props: {
+    value: string;
+    onChange?: (value: string) => void;
+    onBlur?: (value: string) => void;
+    style?: React.CSSProperties;
+} & Omit<Parameters<typeof TextareaAutosize>[0], "onChange" | "value" | "onBlur">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Textarea.d.ts.map

package/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAY,MAAM,eAAe,CAAC;AAE3D,eAAO,MAAM,QAAQ,GACnB,OAAO;IACL,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,IAAI,CACN,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,EACtC,UAAU,GAAG,OAAO,GAAG,QAAQ,CAChC,4CA0CF,CAAC"}

package/Textarea.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextareaAutosize, useTheme } from "@mui/material";
+export const Textarea = (props) => {
+    const { value, onChange, onBlur, style, ...rest } = props;
+    const theme = useTheme();
+    const styleBorder = `1px solid ${theme.palette.grey[400]}`;
+    const styleBorderFocus = `1px solid ${theme.palette.primary.main}`;
+    const handleChange = (value) => {
+        onChange && onChange(value);
+    };
+    const handleBlur = (value) => {
+        onBlur && onBlur(value);
+    };
+    return (_jsx(TextareaAutosize, { minRows: 3, style: {
+            border: styleBorder,
+            borderRadius: 4,
+            outline: "none",
+            width: "100%",
+            maxWidth: "100%",
+            ...style,
+        }, value: value, onFocus: (e) => {
+            e.target.style.border = styleBorderFocus;
+        }, onBlur: (e) => {
+            e.target.style.border = styleBorder;
+            handleBlur(value);
+        }, onChange: (e) => {
+            const value = e.target.value;
+            handleChange(value);
+        }, ...rest }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rnaga/wp-next-ui",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "scripts": {
     "build": "node ../../scripts/build-ui.mjs",
     "release-old": "node ../../scripts/release.mjs",