@geoinsight/react-components 0.6.3 → 0.6.5

package/dist/cjs/index.js

@@ -197,7 +197,7 @@ function Form({ children, onSubmit, submitButton = {
     });
     return (jsxRuntime.jsxs("form", { className: "form", onSubmit: handleSubmit(async (data) => await onSubmit(data, setResult)), ...rest, children: [react.Children.map(children, (child) => {
                 const { props: { name, error, isRequired, ...rest }, } = child;
-                return (jsxRuntime.jsx(reactHookForm.Controller, { name: name, control: control, rules: {
+                return child.props.name ? (jsxRuntime.jsx(reactHookForm.Controller, { name: name, control: control, rules: {
                         ...(isRequired
                             ? {
                                 required: error?.message || "Field is required",
@@ -216,7 +216,7 @@ function Form({ children, onSubmit, submitButton = {
                             ...restField,
                             ...rest,
                         });
-                    } }));
+                    } })) : child;
             }), result.message && (jsxRuntime.jsxs("div", { className: "form__message", children: [result.isSuccess ? (jsxRuntime.jsx(bs.BsCheckCircleFill, { color: "var(--color-success)", size: 48 })) : (jsxRuntime.jsx(bs.BsXCircleFill, { color: "var(--color-danger)", size: 48 })), result.message] })), jsxRuntime.jsx(Button, { type: "submit", disabled: !isValid, children: submitButton.label })] }));
 }
 
@@ -237,11 +237,11 @@ function Modal({ modalref, children, title, subtitle, footer, hasCloseButton = t
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "modal-overlay" }), jsxRuntime.jsxs("div", { ref: modalref, className: "modal", children: [hasCloseButton && (jsxRuntime.jsx(Button, { mode: "secondary", className: "modal__close", size: "small", onClick: handleClose, children: jsxRuntime.jsx(io5.IoClose, {}) })), jsxRuntime.jsxs("div", { className: "modal__content", children: [title && (jsxRuntime.jsxs("div", { className: "modal__header", children: [jsxRuntime.jsx("h3", { children: title }), jsxRuntime.jsx("h6", { children: subtitle })] })), jsxRuntime.jsx("div", { className: "modal__children", children: children }), footer && jsxRuntime.jsx("div", { className: "modal__footer", children: footer })] })] })] }));
 }
 
-function Select({ inputClassName = "", classNameGroup = "", options, styleGroup, defaultValue, inputProps, setFormSelected, onFormBlur, ...rest }) {
+function Select({ inputClassName = "", classNameGroup = "", options, styleGroup, defaultValue, inputProps, setFormSelected, onFormBlur, handleSelect, ...rest }) {
     const [isOpen, setIsOpen] = react.useState(false);
     const [value, setValue] = react.useState(defaultValue || (options && options[0]));
     const [filteredOptions, setFilteredOptions] = react.useState(options);
-    const { name, ...ofrest } = rest;
+    const { name } = rest;
     const handleOpen = () => {
         setIsOpen(true);
     };
@@ -273,6 +273,9 @@ function Select({ inputClassName = "", classNameGroup = "", options, styleGroup,
         else {
             setValue(value);
         }
+        if (handleSelect) {
+            handleSelect(value);
+        }
         handleClose();
     };
     // for autocomplete

package/dist/esm/index.js

@@ -195,7 +195,7 @@ function Form({ children, onSubmit, submitButton = {
     });
     return (jsxs("form", { className: "form", onSubmit: handleSubmit(async (data) => await onSubmit(data, setResult)), ...rest, children: [Children.map(children, (child) => {
                 const { props: { name, error, isRequired, ...rest }, } = child;
-                return (jsx(Controller, { name: name, control: control, rules: {
+                return child.props.name ? (jsx(Controller, { name: name, control: control, rules: {
                         ...(isRequired
                             ? {
                                 required: error?.message || "Field is required",
@@ -214,7 +214,7 @@ function Form({ children, onSubmit, submitButton = {
                             ...restField,
                             ...rest,
                         });
-                    } }));
+                    } })) : child;
             }), result.message && (jsxs("div", { className: "form__message", children: [result.isSuccess ? (jsx(BsCheckCircleFill, { color: "var(--color-success)", size: 48 })) : (jsx(BsXCircleFill, { color: "var(--color-danger)", size: 48 })), result.message] })), jsx(Button, { type: "submit", disabled: !isValid, children: submitButton.label })] }));
 }
 
@@ -235,11 +235,11 @@ function Modal({ modalref, children, title, subtitle, footer, hasCloseButton = t
     return (jsxs(Fragment, { children: [jsx("div", { className: "modal-overlay" }), jsxs("div", { ref: modalref, className: "modal", children: [hasCloseButton && (jsx(Button, { mode: "secondary", className: "modal__close", size: "small", onClick: handleClose, children: jsx(IoClose, {}) })), jsxs("div", { className: "modal__content", children: [title && (jsxs("div", { className: "modal__header", children: [jsx("h3", { children: title }), jsx("h6", { children: subtitle })] })), jsx("div", { className: "modal__children", children: children }), footer && jsx("div", { className: "modal__footer", children: footer })] })] })] }));
 }
 
-function Select({ inputClassName = "", classNameGroup = "", options, styleGroup, defaultValue, inputProps, setFormSelected, onFormBlur, ...rest }) {
+function Select({ inputClassName = "", classNameGroup = "", options, styleGroup, defaultValue, inputProps, setFormSelected, onFormBlur, handleSelect, ...rest }) {
     const [isOpen, setIsOpen] = useState(false);
     const [value, setValue] = useState(defaultValue || (options && options[0]));
     const [filteredOptions, setFilteredOptions] = useState(options);
-    const { name, ...ofrest } = rest;
+    const { name } = rest;
     const handleOpen = () => {
         setIsOpen(true);
     };
@@ -271,6 +271,9 @@ function Select({ inputClassName = "", classNameGroup = "", options, styleGroup,
         else {
             setValue(value);
         }
+        if (handleSelect) {
+            handleSelect(value);
+        }
         handleClose();
     };
     // for autocomplete

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoinsight/react-components",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "description": "This library is the main UI component library for geoinsight",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",