@geoinsight/react-components 0.5.1 → 0.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +4 -4
- package/dist/esm/index.js +4 -4
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -209,8 +209,8 @@ function Form({ children, onSubmit, submitButton = {
|
|
|
209
209
|
function Input({ className = "", classNameGroup = "", error = {
|
|
210
210
|
is: false,
|
|
211
211
|
message: "",
|
|
212
|
-
}, inputRef, styleGroup, placeholder = "Insert value", isRequired, ...rest }) {
|
|
213
|
-
return (jsxRuntime.jsxs("div", { className: clsx("input-group", classNameGroup), style: styleGroup, children: [jsxRuntime.jsx("input", { ref: inputRef, className: clsx("input", error.is ? "input--error" : "", className), placeholder: placeholder, ...rest }), error && error.is && jsxRuntime.jsx("span", { className: "error", children: error.message })] }));
|
|
212
|
+
}, inputRef, styleGroup, placeholder = "Insert value", isRequired, label, labelClass, ...rest }) {
|
|
213
|
+
return (jsxRuntime.jsxs("div", { className: clsx("input-group", classNameGroup), style: styleGroup, children: [label && jsxRuntime.jsx("label", { className: labelClass, children: label }), jsxRuntime.jsx("input", { ref: inputRef, className: clsx("input", error.is ? "input--error" : "", className), placeholder: placeholder, ...rest }), error && error.is && jsxRuntime.jsx("span", { className: "error", children: error.message })] }));
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
function Loading({ img, children }) {
|
|
@@ -221,7 +221,7 @@ function Modal({ modalref, children, title, subtitle, footer, hasCloseButton = t
|
|
|
221
221
|
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 })] })] })] }));
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
-
function TextArea({ className = "", disabled = true, hasToggleButton = true, hideHeight = "5rem", placeholder = "Insert value", showHeight = "10rem", style = {}, textareaClassName = "", ...rest }) {
|
|
224
|
+
function TextArea({ className = "", disabled = true, hasToggleButton = true, hideHeight = "5rem", placeholder = "Insert value", showHeight = "10rem", style = {}, textareaClassName = "", label, labelClass, ...rest }) {
|
|
225
225
|
const ref = react.useRef();
|
|
226
226
|
const [isShow, setIsShow] = react.useState(false);
|
|
227
227
|
const handleClickToggle = () => {
|
|
@@ -235,7 +235,7 @@ function TextArea({ className = "", disabled = true, hasToggleButton = true, hid
|
|
|
235
235
|
setIsShow((prev) => !prev);
|
|
236
236
|
}
|
|
237
237
|
};
|
|
238
|
-
return (jsxRuntime.jsxs("div", { className: clsx("textarea", className), style: style, children: [jsxRuntime.jsx("textarea", { ref: ref, className: clsx("textarea__input", textareaClassName), style: {
|
|
238
|
+
return (jsxRuntime.jsxs("div", { className: clsx("textarea", className), style: style, children: [label && jsxRuntime.jsx("label", { className: labelClass, children: label }), jsxRuntime.jsx("textarea", { ref: ref, className: clsx("textarea__input", textareaClassName), style: {
|
|
239
239
|
height: hasToggleButton ? hideHeight : showHeight,
|
|
240
240
|
}, placeholder: placeholder, disabled: disabled, ...rest }), hasToggleButton && (jsxRuntime.jsx("button", { type: "button", className: clsx("textarea__button", isShow && "textarea__button--show"), onClick: handleClickToggle, disabled: disabled, children: jsxRuntime.jsx(tb.TbArrowsDiagonal2, { size: "1.5rem" }) }))] }));
|
|
241
241
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -207,8 +207,8 @@ function Form({ children, onSubmit, submitButton = {
|
|
|
207
207
|
function Input({ className = "", classNameGroup = "", error = {
|
|
208
208
|
is: false,
|
|
209
209
|
message: "",
|
|
210
|
-
}, inputRef, styleGroup, placeholder = "Insert value", isRequired, ...rest }) {
|
|
211
|
-
return (jsxs("div", { className: clsx("input-group", classNameGroup), style: styleGroup, children: [jsx("input", { ref: inputRef, className: clsx("input", error.is ? "input--error" : "", className), placeholder: placeholder, ...rest }), error && error.is && jsx("span", { className: "error", children: error.message })] }));
|
|
210
|
+
}, inputRef, styleGroup, placeholder = "Insert value", isRequired, label, labelClass, ...rest }) {
|
|
211
|
+
return (jsxs("div", { className: clsx("input-group", classNameGroup), style: styleGroup, children: [label && jsx("label", { className: labelClass, children: label }), jsx("input", { ref: inputRef, className: clsx("input", error.is ? "input--error" : "", className), placeholder: placeholder, ...rest }), error && error.is && jsx("span", { className: "error", children: error.message })] }));
|
|
212
212
|
}
|
|
213
213
|
|
|
214
214
|
function Loading({ img, children }) {
|
|
@@ -219,7 +219,7 @@ function Modal({ modalref, children, title, subtitle, footer, hasCloseButton = t
|
|
|
219
219
|
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 })] })] })] }));
|
|
220
220
|
}
|
|
221
221
|
|
|
222
|
-
function TextArea({ className = "", disabled = true, hasToggleButton = true, hideHeight = "5rem", placeholder = "Insert value", showHeight = "10rem", style = {}, textareaClassName = "", ...rest }) {
|
|
222
|
+
function TextArea({ className = "", disabled = true, hasToggleButton = true, hideHeight = "5rem", placeholder = "Insert value", showHeight = "10rem", style = {}, textareaClassName = "", label, labelClass, ...rest }) {
|
|
223
223
|
const ref = useRef();
|
|
224
224
|
const [isShow, setIsShow] = useState(false);
|
|
225
225
|
const handleClickToggle = () => {
|
|
@@ -233,7 +233,7 @@ function TextArea({ className = "", disabled = true, hasToggleButton = true, hid
|
|
|
233
233
|
setIsShow((prev) => !prev);
|
|
234
234
|
}
|
|
235
235
|
};
|
|
236
|
-
return (jsxs("div", { className: clsx("textarea", className), style: style, children: [jsx("textarea", { ref: ref, className: clsx("textarea__input", textareaClassName), style: {
|
|
236
|
+
return (jsxs("div", { className: clsx("textarea", className), style: style, children: [label && jsx("label", { className: labelClass, children: label }), jsx("textarea", { ref: ref, className: clsx("textarea__input", textareaClassName), style: {
|
|
237
237
|
height: hasToggleButton ? hideHeight : showHeight,
|
|
238
238
|
}, placeholder: placeholder, disabled: disabled, ...rest }), hasToggleButton && (jsx("button", { type: "button", className: clsx("textarea__button", isShow && "textarea__button--show"), onClick: handleClickToggle, disabled: disabled, children: jsx(TbArrowsDiagonal2, { size: "1.5rem" }) }))] }));
|
|
239
239
|
}
|