sapo-components-ui-rn 1.1.88 → 1.1.89

package/dist/assets/index.ts

@@ -1,29 +1,9 @@
-import IconClose from "./icon-close.svg";
-import IconCheckbox from "./icon-checkbox.svg";
-import IconCheckboxActive from "./icon-checkbox-active.svg";
-import IconRadio from "./icon-radio.svg";
-import IconRadioActive from "./icon-radio-active.svg";
-import IconSearch from "./icon-search.svg";
-import IconInfo from "./icon-info.svg";
-import IconSuccess from "./icon-success.svg";
-import IconWarning from "./icon-warning.svg";
-import IconArrowDown from "./icon-arrow-down.svg";
-import IconError from "./icon-error.svg";
-import IconClearText from "./icon-clear-text.svg";
-import IconDelNumber from './icon-del-number.svg'
+/* eslint-disable @typescript-eslint/no-var-requires */
+let imageDefault: number | undefined;
 
-export const Svg = {
-  IconClose,
-  IconCheckbox,
-  IconCheckboxActive,
-  IconRadio,
-  IconRadioActive,
-  IconSearch,
-  IconInfo,
-  IconSuccess,
-  IconWarning,
-  IconArrowDown,
-  IconError,
-  IconClearText,
-  IconDelNumber,
+export const getImageDefault = (): number => {
+  if (imageDefault === undefined) {
+    imageDefault = require("./image_default.png");
+  }
+  return imageDefault;
 };

package/dist/components/TextInput/TextInput.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { StyleProp, TextInput as NativeTextInput, TextStyle, ViewStyle } from 'react-native';
-import { Props as TextInputAffixProps } from './Adornment/TextInputAffix';
-import type { RenderProps, TextInputLabelProp } from './types';
-import type { ThemeProp } from '../../types';
+import React from "react";
+import { StyleProp, TextInput as NativeTextInput, TextStyle, ViewStyle } from "react-native";
+import { Props as TextInputAffixProps } from "./Adornment/TextInputAffix";
+import type { RenderProps, TextInputLabelProp } from "./types";
+import type { ThemeProp } from "../../types";
 export type Props = React.ComponentPropsWithRef<typeof NativeTextInput> & {
-    mode?: 'flat' | 'default' | 'number';
+    mode?: "flat" | "default" | "number";
     left?: React.ReactNode;
     right?: React.ReactNode;
     prefix?: string;
@@ -12,7 +12,7 @@ export type Props = React.ComponentPropsWithRef<typeof NativeTextInput> & {
     textError?: string;
     maxValue?: number;
     minValue?: number;
-    type?: 'integer' | 'float';
+    type?: "integer" | "float";
     keyboardStyle?: StyleProp<ViewStyle>;
     formatDecimal?: 1 | 2 | 3;
     required?: boolean;
@@ -156,7 +156,7 @@ export type Props = React.ComponentPropsWithRef<typeof NativeTextInput> & {
 interface CompoundedComponent extends React.ForwardRefExoticComponent<Props & React.RefAttributes<TextInputHandles>> {
     Affix: React.FunctionComponent<Partial<TextInputAffixProps>>;
 }
-type TextInputHandles = Pick<NativeTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
+type TextInputHandles = Pick<NativeTextInput, "focus" | "clear" | "blur" | "isFocused" | "setNativeProps">;
 /**
  * A component to allow users to input text.
  *

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { ThemeColors } from "./styles/themes/tokens";
 export { CONSTANTS } from "./styles/themes/tokens";
 export { ThemeColors as ThemeColorsProps } from "./types";
 export { default as containerStyles } from "./theme/container-styles";
+export { useTheme, ThemeProvider, DefaultTheme, adaptNavigationTheme, } from "./core/theming";
 export * from "./styles/themes";
 export { default as Switch } from "./components/Switch/Switch";
 export { default as TextInput } from "./components/TextInput/TextInput";

package/dist/index.esm.js

@@ -723,48 +723,6 @@ var containerStyles = StyleSheet.create({
     },
 });
 
-function configureV3Fonts(config) {
-    if (!config) {
-        return typescale;
-    }
-    var isFlatConfig = Object.keys(config).every(function (key) { return typeof config[key] !== "object"; });
-    if (isFlatConfig) {
-        return Object.fromEntries(Object.entries(typescale).map(function (_a) {
-            var variantName = _a[0], variantProperties = _a[1];
-            return [
-                variantName,
-                __assign(__assign({}, variantProperties), config),
-            ];
-        }));
-    }
-    return Object.assign.apply(Object, __spreadArray([{},
-        typescale], Object.entries(config).map(function (_a) {
-        var _b;
-        var variantName = _a[0], variantProperties = _a[1];
-        return (_b = {},
-            _b[variantName] = __assign(__assign({}, typescale[variantName]), variantProperties),
-            _b);
-    }), false));
-}
-// eslint-disable-next-line no-redeclare
-function configureFonts(params) {
-    var config = (params || {}).config;
-    return configureV3Fonts(config);
-}
-
-var LightTheme = {
-    dark: false,
-    roundness: 8,
-    version: 3,
-    colors: ThemeColors.light.colors,
-    fonts: configureFonts(),
-    animation: {
-        scale: 1.0,
-    },
-};
-
-var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive", version: 3, colors: ThemeColors.light.colors });
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var createTheming$2 = {};
@@ -1257,7 +1215,60 @@ var createTheming = _createTheming.default;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _a = createTheming(LightTheme); _a.ThemeProvider; _a.withTheme; _a.useTheme;
+function configureV3Fonts(config) {
+    if (!config) {
+        return typescale;
+    }
+    var isFlatConfig = Object.keys(config).every(function (key) { return typeof config[key] !== "object"; });
+    if (isFlatConfig) {
+        return Object.fromEntries(Object.entries(typescale).map(function (_a) {
+            var variantName = _a[0], variantProperties = _a[1];
+            return [
+                variantName,
+                __assign(__assign({}, variantProperties), config),
+            ];
+        }));
+    }
+    return Object.assign.apply(Object, __spreadArray([{},
+        typescale], Object.entries(config).map(function (_a) {
+        var _b;
+        var variantName = _a[0], variantProperties = _a[1];
+        return (_b = {},
+            _b[variantName] = __assign(__assign({}, typescale[variantName]), variantProperties),
+            _b);
+    }), false));
+}
+// eslint-disable-next-line no-redeclare
+function configureFonts(params) {
+    var config = (params || {}).config;
+    return configureV3Fonts(config);
+}
+
+var LightTheme = {
+    dark: false,
+    roundness: 8,
+    version: 3,
+    colors: ThemeColors.light.colors,
+    fonts: configureFonts(),
+    animation: {
+        scale: 1.0,
+    },
+};
+
+var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive", version: 3, colors: ThemeColors.light.colors });
+
+var DefaultTheme = LightTheme;
+var _a = createTheming(LightTheme), BaseThemeProvider = _a.ThemeProvider; _a.withTheme; var useAppTheme = _a.useTheme;
+var ThemeProvider = function (_a) {
+    var children = _a.children;
+    var colorScheme = useColorScheme();
+    var isDark = colorScheme === "dark";
+    var theme = isDark ? DarkTheme : LightTheme;
+    return React__default.createElement(BaseThemeProvider, { theme: theme }, children);
+};
+function useTheme(overrides) {
+    return useAppTheme(overrides);
+}
 var useInternalTheme = function () {
     var colorScheme = useColorScheme();
     var isDark = colorScheme === "dark";
@@ -1273,6 +1284,43 @@ var getTheme = function (isDark) {
     var scheme = isDark ? "dark" : "light";
     return defaultThemesByVersion[scheme];
 };
+// eslint-disable-next-line no-redeclare
+function adaptNavigationTheme(themes) {
+    var reactNavigationLight = themes.reactNavigationLight, reactNavigationDark = themes.reactNavigationDark, materialLight = themes.materialLight, materialDark = themes.materialDark;
+    var getAdaptedTheme = function (navigationTheme, AppTheme) {
+        return __assign(__assign({}, navigationTheme), { colors: __assign(__assign({}, navigationTheme.colors), { primary: AppTheme.colors.surfaceBrandDefault, background: AppTheme.colors.backgroundPrimary, card: AppTheme.colors.card, text: AppTheme.colors.backgroundPrimary, border: AppTheme.colors.borderPrimaryDefault, notification: AppTheme.colors.surfaceErrorDefault }) });
+    };
+    var AppThemes = {
+        light: materialLight || LightTheme,
+        dark: materialDark || DarkTheme,
+    };
+    if (reactNavigationLight && reactNavigationDark) {
+        var modes = ["light", "dark"];
+        var NavigationThemes_1 = {
+            light: reactNavigationLight,
+            dark: reactNavigationDark,
+        };
+        var _a = modes.reduce(function (prev, curr) {
+            var _a;
+            return __assign(__assign({}, prev), (_a = {}, _a[curr] = getAdaptedTheme(NavigationThemes_1[curr], AppThemes[curr]), _a));
+        }, {
+            light: reactNavigationLight,
+            dark: reactNavigationDark,
+        }), adaptedLight = _a.light, adaptedDark = _a.dark;
+        return {
+            LightTheme: adaptedLight,
+            DarkTheme: adaptedDark,
+        };
+    }
+    if (reactNavigationDark) {
+        return {
+            DarkTheme: getAdaptedTheme(reactNavigationDark, AppThemes.dark),
+        };
+    }
+    return {
+        LightTheme: getAdaptedTheme(reactNavigationLight, AppThemes.light),
+    };
+}
 
 var ViewCustom = forwardRef$1(function (_a, ref) {
     var row = _a.row, full = _a.full, justifyCenter = _a.justifyCenter, justifyBetween = _a.justifyBetween, alignCenter = _a.alignCenter, center = _a.center, color = _a.color, backgroundColor = _a.backgroundColor, width = _a.width, height = _a.height, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, marginHorizontal = _a.marginHorizontal, marginVertical = _a.marginVertical, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, alignEnd = _a.alignEnd, wrap = _a.wrap, borderBottomWidth = _a.borderBottomWidth, borderBottomColor = _a.borderBottomColor, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, borderColor = _a.borderColor, style = _a.style, onPress = _a.onPress, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.8 : _b, children = _a.children, disabled = _a.disabled, paddingBottom = _a.paddingBottom, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, margin = _a.margin, borderTopWidth = _a.borderTopWidth, borderTopColor = _a.borderTopColor, borderLeftWidth = _a.borderLeftWidth, borderLeftColor = _a.borderLeftColor, borderRightWidth = _a.borderRightWidth, borderRightColor = _a.borderRightColor, pointerEvents = _a.pointerEvents, gap = _a.gap, 
@@ -5928,7 +5976,7 @@ var DefaultRenderer = function (props) { return React__default.createElement(Tex
  * @extends TextInput props https://reactnative.dev/docs/textinput#props
  */
 var TextInput = forwardRef(function (_a, ref) {
-    var _b = _a.mode, mode = _b === void 0 ? 'default' : _b, _c = _a.dense, dense = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.error, errorProp = _e === void 0 ? false : _e, _f = _a.multiline, multiline = _f === void 0 ? false : _f, _g = _a.editable, editable = _g === void 0 ? true : _g, contentStyle = _a.contentStyle, _h = _a.render, render = _h === void 0 ? DefaultRenderer : _h; _a.theme; var placeholderTextColor = _a.placeholderTextColor, clearButton = _a.clearButton, textError = _a.textError, prefix = _a.prefix, suffix = _a.suffix, maxValue = _a.maxValue, minValue = _a.minValue, type = _a.type, _j = _a.required, required = _j === void 0 ? false : _j, keyboardStyle = _a.keyboardStyle, rest = __rest(_a, ["mode", "dense", "disabled", "error", "multiline", "editable", "contentStyle", "render", "theme", "placeholderTextColor", "clearButton", "textError", "prefix", "suffix", "maxValue", "minValue", "type", "required", "keyboardStyle"]);
+    var _b = _a.mode, mode = _b === void 0 ? "flat" : _b, _c = _a.dense, dense = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.error, errorProp = _e === void 0 ? false : _e, _f = _a.multiline, multiline = _f === void 0 ? false : _f, _g = _a.editable, editable = _g === void 0 ? true : _g, contentStyle = _a.contentStyle, _h = _a.render, render = _h === void 0 ? DefaultRenderer : _h; _a.theme; var placeholderTextColor = _a.placeholderTextColor, clearButton = _a.clearButton, textError = _a.textError, prefix = _a.prefix, suffix = _a.suffix, maxValue = _a.maxValue, minValue = _a.minValue, type = _a.type, _j = _a.required, required = _j === void 0 ? false : _j, keyboardStyle = _a.keyboardStyle, rest = __rest(_a, ["mode", "dense", "disabled", "error", "multiline", "editable", "contentStyle", "render", "theme", "placeholderTextColor", "clearButton", "textError", "prefix", "suffix", "maxValue", "minValue", "type", "required", "keyboardStyle"]);
     var theme = useInternalTheme();
     var isControlled = rest.value !== undefined;
     var validInputValue = isControlled ? rest.value : rest.defaultValue;
@@ -6113,7 +6161,7 @@ var TextInput = forwardRef(function (_a, ref) {
     var forceFocus = React__default.useCallback(function () { var _a; return (_a = root.current) === null || _a === void 0 ? void 0 : _a.focus(); }, []);
     var _t = rest.maxFontSizeMultiplier, maxFontSizeMultiplier = _t === void 0 ? 1.5 : _t;
     var scaledLabel = !!(value || focused);
-    if (mode === 'default') {
+    if (mode === "default") {
         return (React__default.createElement(TextInputDefault, __assign({ dense: dense, disabled: disabled, error: errorProp, textError: textError, required: required, multiline: multiline, editable: editable, prefix: prefix, suffix: suffix, render: render }, rest, { theme: theme, value: value, placeholderTextColor: placeholderTextColor, clearButton: clearButton, parentState: {
                 labeled: labeled,
                 error: error,
@@ -6129,7 +6177,7 @@ var TextInput = forwardRef(function (_a, ref) {
                 root.current = ref;
             }, onFocus: handleFocus, forceFocus: forceFocus, onBlur: handleBlur, allowFontScaling: false, onChangeText: handleChangeText, onLayoutAnimatedText: handleLayoutAnimatedText, onInputLayout: handleInputContainerLayout, onLabelTextLayout: handleLabelTextLayout, onLeftAffixLayoutChange: onLeftAffixLayoutChange, onRightAffixLayoutChange: onRightAffixLayoutChange, maxFontSizeMultiplier: maxFontSizeMultiplier, contentStyle: contentStyle, scaledLabel: scaledLabel })));
     }
-    if (mode === 'number') {
+    if (mode === "number") {
         return (React__default.createElement(TextInputNumber$1, { textError: textError, disabled: disabled, prefix: prefix, suffix: suffix, value: value, right: rest.right, left: rest.left, required: required, label: rest.label, clearButton: clearButton, onChangeText: handleChangeText, maxValue: maxValue, minValue: minValue, formatDecimal: rest.formatDecimal, type: type, keyboardStyle: keyboardStyle }));
     }
     return (React__default.createElement(TextInputFlat, __assign({ dense: dense, disabled: disabled, error: errorProp, textError: textError, editable: editable, prefix: prefix, suffix: suffix, clearButton: clearButton, required: required, render: render }, rest, { theme: theme, value: value, parentState: {
@@ -7695,5 +7743,5 @@ var ToastProvider = forwardRef$1(function (_a, ref) {
         renderToast()));
 });
 
-export { Avatar, Badge, index$3 as Button, CONSTANTS, Checkbox, ChipBar, CountingDot, DarkTheme, index$2 as FloatingButton, Image$1 as Image, LightTheme, index as NumberKeyboard, RadioButton, SearchInput, index$1 as SelectionField, Spacer, Switch, Tag, Text$1 as Text, TextInput, ThemeColors, Toast, ToastProvider, View, containerStyles, showToast, toastRef };
+export { Avatar, Badge, index$3 as Button, CONSTANTS, Checkbox, ChipBar, CountingDot, DarkTheme, DefaultTheme, index$2 as FloatingButton, Image$1 as Image, LightTheme, index as NumberKeyboard, RadioButton, SearchInput, index$1 as SelectionField, Spacer, Switch, Tag, Text$1 as Text, TextInput, ThemeColors, ThemeProvider, Toast, ToastProvider, View, adaptNavigationTheme, containerStyles, showToast, toastRef, useTheme };
 //# sourceMappingURL=index.esm.js.map