@react-xp/aeiou 0.1.0-beta.10 → 0.1.0-beta.12

package/dist/cjs/components/i/i.native.js

@@ -19,6 +19,6 @@ function I({ className, value, defaultValue, placeholder, onChange, onChangeValu
         keyboardType,
         type,
     });
-    return ((0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ref: ref, className: cn(!effectiveEditable && 'opacity-60', className), value: value, defaultValue: defaultValue, placeholder: placeholder, onChange: handleOnChange, secureTextEntry: masterInputType === 'password', keyboardType: masterInputKeyboardType, editable: effectiveEditable, style: style, ...rest }));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ref: ref, className: cn(!effectiveEditable && 'opacity-60', className), value: value?.toString(), defaultValue: defaultValue?.toString(), placeholder: placeholder, onChange: handleOnChange, secureTextEntry: masterInputType === 'password', keyboardType: masterInputKeyboardType, editable: effectiveEditable, style: style, ...rest }));
 }
 exports.Input = I;

package/dist/cjs/components/i/i.web.js

@@ -18,6 +18,6 @@ function I({ className, value, defaultValue, placeholder, onChange, onChangeValu
         keyboardType,
         type,
     });
-    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: masterInputType, inputMode: masterInputMode, className: cn('outline-none', effectiveDisabled && 'opacity-60 cursor-not-allowed', className), value: value, defaultValue: defaultValue, placeholder: placeholder, onChange: handleOnChange, disabled: effectiveDisabled, style: style, ...rest }));
+    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: masterInputType, inputMode: masterInputMode, className: cn('outline-none', effectiveDisabled && 'opacity-60 cursor-not-allowed', className), value: value?.toString(), defaultValue: defaultValue?.toString(), placeholder: placeholder, onChange: handleOnChange, disabled: effectiveDisabled, style: style, ...rest }));
 }
 exports.Input = I;

package/dist/cjs/components/u/errorBoundary.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+class ErrorBoundary extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error, errorInfo) {
+        this.props.onError?.callback?.(error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            if (this.props.onError?.render) {
+                return this.props.onError.render;
+            }
+            return (0, jsx_runtime_1.jsx)("h1", { children: "Ocorreu um erro. Por favor, tente novamente mais tarde." });
+        }
+        return this.props.children;
+    }
+}
+exports.ErrorBoundary = ErrorBoundary;

package/dist/cjs/components/u/provider.native.js

@@ -6,7 +6,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const context_1 = require("./context");
-function U({ children, config }) {
+const errorBoundary_1 = require("./errorBoundary");
+function U({ children, config, onError }) {
     const systemColorScheme = react_native_1.Appearance.getColorScheme() ?? 'light';
     const [colorScheme, setColorScheme] = (0, react_1.useState)(config?.colorScheme ?? 'system');
     const [locale, setLocale] = (0, react_1.useState)(config?.locale ?? 'en-US');
@@ -18,6 +19,6 @@ function U({ children, config }) {
         setColorScheme,
         setLocale,
     }), [colorScheme, locale, systemColorScheme]);
-    return ((0, jsx_runtime_1.jsx)(context_1.UniverseContext.Provider, { value: value, children: children }));
+    return ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { onError: onError, children: (0, jsx_runtime_1.jsx)(context_1.UniverseContext.Provider, { value: value, children: children }) }));
 }
 exports.Universe = U;

package/dist/cjs/components/u/provider.web.js

@@ -5,7 +5,8 @@ exports.U = U;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const context_1 = require("./context");
-function U({ children, config }) {
+const errorBoundary_1 = require("./errorBoundary");
+function U({ children, config, onError }) {
     const [colorScheme, setColorScheme] = (0, react_1.useState)(config?.colorScheme ?? 'system');
     const [locale, setLocale] = (0, react_1.useState)(config?.locale ?? 'en-US');
     const value = (0, react_1.useMemo)(() => ({
@@ -15,6 +16,6 @@ function U({ children, config }) {
         setColorScheme,
         setLocale,
     }), [colorScheme, locale]);
-    return ((0, jsx_runtime_1.jsx)(context_1.UniverseContext.Provider, { value: value, children: children }));
+    return ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { onError: onError, children: (0, jsx_runtime_1.jsx)(context_1.UniverseContext.Provider, { value: value, children: children }) }));
 }
 exports.Universe = U;

package/dist/cjs/hooks/useOnChange.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOnChange = void 0;
 const react_1 = require("react");
-const useOnChange = ({ onChange, onChangeValue }) => {
+const useOnChange = ({ onChange, onChangeValue, }) => {
     return (0, react_1.useMemo)(() => ({
         onChange: (event) => {
             if (onChange) {

package/dist/esm/components/i/i.native.js

@@ -15,6 +15,6 @@ export function I({ className, value, defaultValue, placeholder, onChange, onCha
         keyboardType,
         type,
     });
-    return (_jsx(TextInput, { ref: ref, className: cn(!effectiveEditable && 'opacity-60', className), value: value, defaultValue: defaultValue, placeholder: placeholder, onChange: handleOnChange, secureTextEntry: masterInputType === 'password', keyboardType: masterInputKeyboardType, editable: effectiveEditable, style: style, ...rest }));
+    return (_jsx(TextInput, { ref: ref, className: cn(!effectiveEditable && 'opacity-60', className), value: value?.toString(), defaultValue: defaultValue?.toString(), placeholder: placeholder, onChange: handleOnChange, secureTextEntry: masterInputType === 'password', keyboardType: masterInputKeyboardType, editable: effectiveEditable, style: style, ...rest }));
 }
 export const Input = I;

package/dist/esm/components/i/i.web.js

@@ -14,6 +14,6 @@ export function I({ className, value, defaultValue, placeholder, onChange, onCha
         keyboardType,
         type,
     });
-    return (_jsx("input", { ref: ref, type: masterInputType, inputMode: masterInputMode, className: cn('outline-none', effectiveDisabled && 'opacity-60 cursor-not-allowed', className), value: value, defaultValue: defaultValue, placeholder: placeholder, onChange: handleOnChange, disabled: effectiveDisabled, style: style, ...rest }));
+    return (_jsx("input", { ref: ref, type: masterInputType, inputMode: masterInputMode, className: cn('outline-none', effectiveDisabled && 'opacity-60 cursor-not-allowed', className), value: value?.toString(), defaultValue: defaultValue?.toString(), placeholder: placeholder, onChange: handleOnChange, disabled: effectiveDisabled, style: style, ...rest }));
 }
 export const Input = I;

package/dist/esm/components/u/errorBoundary.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from 'react';
+export class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error, errorInfo) {
+        this.props.onError?.callback?.(error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            if (this.props.onError?.render) {
+                return this.props.onError.render;
+            }
+            return _jsx("h1", { children: "Ocorreu um erro. Por favor, tente novamente mais tarde." });
+        }
+        return this.props.children;
+    }
+}

package/dist/esm/components/u/provider.native.js

@@ -2,7 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
 import { Appearance } from 'react-native';
 import { UniverseContext } from './context';
-export function U({ children, config }) {
+import { ErrorBoundary } from './errorBoundary';
+export function U({ children, config, onError }) {
     const systemColorScheme = Appearance.getColorScheme() ?? 'light';
     const [colorScheme, setColorScheme] = useState(config?.colorScheme ?? 'system');
     const [locale, setLocale] = useState(config?.locale ?? 'en-US');
@@ -14,6 +15,6 @@ export function U({ children, config }) {
         setColorScheme,
         setLocale,
     }), [colorScheme, locale, systemColorScheme]);
-    return (_jsx(UniverseContext.Provider, { value: value, children: children }));
+    return (_jsx(ErrorBoundary, { onError: onError, children: _jsx(UniverseContext.Provider, { value: value, children: children }) }));
 }
 export const Universe = U;

package/dist/esm/components/u/provider.web.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
 import { UniverseContext } from './context';
-export function U({ children, config }) {
+import { ErrorBoundary } from './errorBoundary';
+export function U({ children, config, onError }) {
     const [colorScheme, setColorScheme] = useState(config?.colorScheme ?? 'system');
     const [locale, setLocale] = useState(config?.locale ?? 'en-US');
     const value = useMemo(() => ({
@@ -11,6 +12,6 @@ export function U({ children, config }) {
         setColorScheme,
         setLocale,
     }), [colorScheme, locale]);
-    return (_jsx(UniverseContext.Provider, { value: value, children: children }));
+    return (_jsx(ErrorBoundary, { onError: onError, children: _jsx(UniverseContext.Provider, { value: value, children: children }) }));
 }
 export const Universe = U;

package/dist/esm/hooks/useOnChange.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-export const useOnChange = ({ onChange, onChangeValue }) => {
+export const useOnChange = ({ onChange, onChangeValue, }) => {
     return useMemo(() => ({
         onChange: (event) => {
             if (onChange) {

package/dist/native/cjs/components/i/i.native.js

@@ -19,6 +19,6 @@ function I({ className, value, defaultValue, placeholder, onChange, onChangeValu
         keyboardType,
         type,
     });
-    return ((0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ref: ref, className: cn(!effectiveEditable && 'opacity-60', className), value: value, defaultValue: defaultValue, placeholder: placeholder, onChange: handleOnChange, secureTextEntry: masterInputType === 'password', keyboardType: masterInputKeyboardType, editable: effectiveEditable, style: style, ...rest }));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ref: ref, className: cn(!effectiveEditable && 'opacity-60', className), value: value?.toString(), defaultValue: defaultValue?.toString(), placeholder: placeholder, onChange: handleOnChange, secureTextEntry: masterInputType === 'password', keyboardType: masterInputKeyboardType, editable: effectiveEditable, style: style, ...rest }));
 }
 exports.Input = I;

package/dist/native/cjs/components/i/i.web.js

@@ -18,6 +18,6 @@ function I({ className, value, defaultValue, placeholder, onChange, onChangeValu
         keyboardType,
         type,
     });
-    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: masterInputType, inputMode: masterInputMode, className: cn('outline-none', effectiveDisabled && 'opacity-60 cursor-not-allowed', className), value: value, defaultValue: defaultValue, placeholder: placeholder, onChange: handleOnChange, disabled: effectiveDisabled, style: style, ...rest }));
+    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: masterInputType, inputMode: masterInputMode, className: cn('outline-none', effectiveDisabled && 'opacity-60 cursor-not-allowed', className), value: value?.toString(), defaultValue: defaultValue?.toString(), placeholder: placeholder, onChange: handleOnChange, disabled: effectiveDisabled, style: style, ...rest }));
 }
 exports.Input = I;

package/dist/native/cjs/components/u/errorBoundary.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = void 0;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const react_1 = require("react");
+class ErrorBoundary extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error, errorInfo) {
+        this.props.onError?.callback?.(error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            if (this.props.onError?.render) {
+                return this.props.onError.render;
+            }
+            return (0, jsx_runtime_1.jsx)("h1", { children: "Ocorreu um erro. Por favor, tente novamente mais tarde." });
+        }
+        return this.props.children;
+    }
+}
+exports.ErrorBoundary = ErrorBoundary;

package/dist/native/cjs/components/u/provider.native.js

@@ -6,7 +6,8 @@ const jsx_runtime_1 = require("nativewind/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const context_1 = require("./context");
-function U({ children, config }) {
+const errorBoundary_1 = require("./errorBoundary");
+function U({ children, config, onError }) {
     const systemColorScheme = react_native_1.Appearance.getColorScheme() ?? 'light';
     const [colorScheme, setColorScheme] = (0, react_1.useState)(config?.colorScheme ?? 'system');
     const [locale, setLocale] = (0, react_1.useState)(config?.locale ?? 'en-US');
@@ -18,6 +19,6 @@ function U({ children, config }) {
         setColorScheme,
         setLocale,
     }), [colorScheme, locale, systemColorScheme]);
-    return ((0, jsx_runtime_1.jsx)(context_1.UniverseContext.Provider, { value: value, children: children }));
+    return ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { onError: onError, children: (0, jsx_runtime_1.jsx)(context_1.UniverseContext.Provider, { value: value, children: children }) }));
 }
 exports.Universe = U;

package/dist/native/cjs/components/u/provider.web.js

@@ -5,7 +5,8 @@ exports.U = U;
 const jsx_runtime_1 = require("nativewind/jsx-runtime");
 const react_1 = require("react");
 const context_1 = require("./context");
-function U({ children, config }) {
+const errorBoundary_1 = require("./errorBoundary");
+function U({ children, config, onError }) {
     const [colorScheme, setColorScheme] = (0, react_1.useState)(config?.colorScheme ?? 'system');
     const [locale, setLocale] = (0, react_1.useState)(config?.locale ?? 'en-US');
     const value = (0, react_1.useMemo)(() => ({
@@ -15,6 +16,6 @@ function U({ children, config }) {
         setColorScheme,
         setLocale,
     }), [colorScheme, locale]);
-    return ((0, jsx_runtime_1.jsx)(context_1.UniverseContext.Provider, { value: value, children: children }));
+    return ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { onError: onError, children: (0, jsx_runtime_1.jsx)(context_1.UniverseContext.Provider, { value: value, children: children }) }));
 }
 exports.Universe = U;

package/dist/native/cjs/hooks/useOnChange.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOnChange = void 0;
 const react_1 = require("react");
-const useOnChange = ({ onChange, onChangeValue }) => {
+const useOnChange = ({ onChange, onChangeValue, }) => {
     return (0, react_1.useMemo)(() => ({
         onChange: (event) => {
             if (onChange) {

package/dist/native/esm/components/i/i.native.js

@@ -15,6 +15,6 @@ export function I({ className, value, defaultValue, placeholder, onChange, onCha
         keyboardType,
         type,
     });
-    return (_jsx(TextInput, { ref: ref, className: cn(!effectiveEditable && 'opacity-60', className), value: value, defaultValue: defaultValue, placeholder: placeholder, onChange: handleOnChange, secureTextEntry: masterInputType === 'password', keyboardType: masterInputKeyboardType, editable: effectiveEditable, style: style, ...rest }));
+    return (_jsx(TextInput, { ref: ref, className: cn(!effectiveEditable && 'opacity-60', className), value: value?.toString(), defaultValue: defaultValue?.toString(), placeholder: placeholder, onChange: handleOnChange, secureTextEntry: masterInputType === 'password', keyboardType: masterInputKeyboardType, editable: effectiveEditable, style: style, ...rest }));
 }
 export const Input = I;

package/dist/native/esm/components/i/i.web.js

@@ -14,6 +14,6 @@ export function I({ className, value, defaultValue, placeholder, onChange, onCha
         keyboardType,
         type,
     });
-    return (_jsx("input", { ref: ref, type: masterInputType, inputMode: masterInputMode, className: cn('outline-none', effectiveDisabled && 'opacity-60 cursor-not-allowed', className), value: value, defaultValue: defaultValue, placeholder: placeholder, onChange: handleOnChange, disabled: effectiveDisabled, style: style, ...rest }));
+    return (_jsx("input", { ref: ref, type: masterInputType, inputMode: masterInputMode, className: cn('outline-none', effectiveDisabled && 'opacity-60 cursor-not-allowed', className), value: value?.toString(), defaultValue: defaultValue?.toString(), placeholder: placeholder, onChange: handleOnChange, disabled: effectiveDisabled, style: style, ...rest }));
 }
 export const Input = I;

package/dist/native/esm/components/u/errorBoundary.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { Component } from 'react';
+export class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error, errorInfo) {
+        this.props.onError?.callback?.(error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            if (this.props.onError?.render) {
+                return this.props.onError.render;
+            }
+            return _jsx("h1", { children: "Ocorreu um erro. Por favor, tente novamente mais tarde." });
+        }
+        return this.props.children;
+    }
+}

package/dist/native/esm/components/u/provider.native.js

@@ -2,7 +2,8 @@ import { jsx as _jsx } from "nativewind/jsx-runtime";
 import { useMemo, useState } from 'react';
 import { Appearance } from 'react-native';
 import { UniverseContext } from './context';
-export function U({ children, config }) {
+import { ErrorBoundary } from './errorBoundary';
+export function U({ children, config, onError }) {
     const systemColorScheme = Appearance.getColorScheme() ?? 'light';
     const [colorScheme, setColorScheme] = useState(config?.colorScheme ?? 'system');
     const [locale, setLocale] = useState(config?.locale ?? 'en-US');
@@ -14,6 +15,6 @@ export function U({ children, config }) {
         setColorScheme,
         setLocale,
     }), [colorScheme, locale, systemColorScheme]);
-    return (_jsx(UniverseContext.Provider, { value: value, children: children }));
+    return (_jsx(ErrorBoundary, { onError: onError, children: _jsx(UniverseContext.Provider, { value: value, children: children }) }));
 }
 export const Universe = U;

package/dist/native/esm/components/u/provider.web.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "nativewind/jsx-runtime";
 import { useMemo, useState } from 'react';
 import { UniverseContext } from './context';
-export function U({ children, config }) {
+import { ErrorBoundary } from './errorBoundary';
+export function U({ children, config, onError }) {
     const [colorScheme, setColorScheme] = useState(config?.colorScheme ?? 'system');
     const [locale, setLocale] = useState(config?.locale ?? 'en-US');
     const value = useMemo(() => ({
@@ -11,6 +12,6 @@ export function U({ children, config }) {
         setColorScheme,
         setLocale,
     }), [colorScheme, locale]);
-    return (_jsx(UniverseContext.Provider, { value: value, children: children }));
+    return (_jsx(ErrorBoundary, { onError: onError, children: _jsx(UniverseContext.Provider, { value: value, children: children }) }));
 }
 export const Universe = U;

package/dist/native/esm/hooks/useOnChange.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-export const useOnChange = ({ onChange, onChangeValue }) => {
+export const useOnChange = ({ onChange, onChangeValue, }) => {
     return useMemo(() => ({
         onChange: (event) => {
             if (onChange) {