sapo-components-ui-rn 1.1.87 → 1.1.89

package/README.md

@@ -19,22 +19,21 @@ Thư viện này yêu cầu các peer dependencies sau:
   "react": ">=18.0.0",
   "react-native": ">=0.70.0",
   "@react-native-community/masked-view": "*",
+  "react-native-gesture-handler": "*",
+  "react-native-reanimated": "*",
   "react-native-safe-area-context": "*",
-  "react-native-screens": "*",
-  "react-native-svg": "*"
+  "react-native-screens": "*"
 }
 ```
 
 ## Sử dụng
 
 ```tsx
-import { Button, ToastProvider } from 'sapo-components-ui-rn';
+import { Button } from '@sapo/components-ui-rn';
 
-function App() {
+function MyComponent() {
   return (
-    <ToastProvider>
-      <Button title="My Button" onPress={() => {}} />
-    </ToastProvider>
+    <Button disabled textStyle={{...}}  title="My Button" onPress={()=> {}}/>
   );
 }
 ```

package/dist/assets/images/index.d.ts

@@ -1 +1 @@
-export declare const IMAGE_DEFAULT: any;
+export declare const getImageDefault: () => number;

package/dist/assets/images/index.ts

@@ -1 +1,9 @@
-export const IMAGE_DEFAULT = require('./image_default.png');
+/* eslint-disable @typescript-eslint/no-var-requires */
+let imageDefault: number | undefined;
+
+export const getImageDefault = (): number => {
+  if (imageDefault === undefined) {
+    imageDefault = require("./image_default.png");
+  }
+  return imageDefault;
+};

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/components/Toast/ToastProvider.d.ts

@@ -14,7 +14,7 @@ interface ToastProviderProps {
     children: React.ReactNode;
     /**
      * Nếu ứng dụng đã có SafeAreaProvider, set wrapSafeArea = false
-     * @default false
+     * @default true
      */
     wrapSafeArea?: boolean;
 }

package/dist/core/theming.d.ts

@@ -7,7 +7,7 @@ export declare const ThemeProvider: ({ children }: {
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare function useTheme<T = AppTheme>(overrides?: $DeepPartial<T>): T;
-export declare const useInternalTheme: () => InternalTheme;
+export declare const useInternalTheme: () => AppTheme;
 export declare const withInternalTheme: <Props extends {
     theme: InternalTheme;
 }, C>(WrappedComponent: ComponentType<Props & {

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";