@hero-design/rn-work-uikit 1.9.2 → 1.9.3

package/src/components/RichTextEditor/index.tsx

@@ -5,6 +5,9 @@ import MentionList from './MentionList';
 import type { RichTextEditorProps } from './types';
 
 import Toolbar from './EditorToolbar';
+import RichTextEditorInput from './RichTextEditorInput';
+import { EditorEvents, ToolbarEvents } from './constants';
+import useRichTextEditorEvents from './hooks/useRichTextEditorEvents';
 
 const RichTextEditorWithRef = forwardRef<
   RichTextEditorRef,
@@ -14,6 +17,10 @@ const RichTextEditorWithRef = forwardRef<
 RichTextEditorWithRef.displayName = 'RichTextEditor';
 
 export default Object.assign(RichTextEditorWithRef, {
-  MentionList,
   Toolbar,
+  MentionList,
+  EditorEvents,
+  ToolbarEvents,
+  useRichTextEditorEvents,
+  Base: RichTextEditorInput,
 });

package/src/components/RichTextEditor/utils/events.ts

@@ -4,21 +4,9 @@ export interface Listener<T> {
   (data: T): void;
 }
 
-export const off = <T>(
-  emitter: EventEmitter,
-  eventName: string,
-  listener: Listener<T>
-) => {
-  emitter.off(eventName, listener);
-};
-
 export const emit = <T>(emitter: EventEmitter, eventName: string, data: T) =>
   emitter.emit(eventName, data);
 
-export const setMaxListeners = (emitter: EventEmitter, n: number) => {
-  emitter.setMaxListeners(n);
-};
-
 export const on = <T>(
   emitter: EventEmitter,
   eventName: string,

package/src/components/TextInput/StyledTextInput.tsx

@@ -127,13 +127,6 @@ const StyledPrefixComponentWrapper = styled(View)(({ theme }) => ({
   marginRight: theme.__hd__.textInput.space.prefixAndInputContainerGap,
 }));
 
-const StyledErrorAndHelpTextContainer = styled(View)(({ theme }) => ({
-  paddingHorizontal:
-    theme.__hd__.textInput.space.errorAndHelpTextContainerHorizontalPadding,
-  minHeight: theme.__hd__.textInput.sizes.errorAndHelpTextContainerHeight,
-  paddingTop: theme.__hd__.textInput.space.errorAndHelpTextContainerPaddingTop,
-}));
-
 const StyledBottomContainer = styled(View)(() => ({
   flexDirection: 'row',
   justifyContent: 'space-between',
@@ -156,7 +149,6 @@ export {
   StyledHelperText,
   StyledInputRow,
   StyledFloatingLabelContainer,
-  StyledErrorAndHelpTextContainer,
   StyledBorder,
   StyledBottomContainer,
   StyledSuffixContainer,

package/src/index.ts

@@ -4,6 +4,7 @@ import Select from './components/Select';
 import DatePicker from './components/DatePicker';
 import TimePicker from './components/TimePicker';
 import FormGroup from './components/FormGroup';
+import RichTextEditor from './components/RichTextEditor';
 
 export * from '@hero-design/rn';
 
@@ -18,4 +19,4 @@ export {
 } from './theme';
 
 export { default as theme } from './theme';
-export { TextInput, Select, DatePicker, TimePicker, FormGroup };
+export { TextInput, Select, DatePicker, TimePicker, FormGroup, RichTextEditor };

package/src/theme/ThemeProvider.ts

@@ -16,5 +16,3 @@ const WorkThemeProvider = BaseThemeProvider as ThemeProviderType;
 const useWorkTheme = useTheme as () => Theme;
 
 export { WorkThemeProvider, useWorkTheme };
-
-export default WorkThemeProvider;

package/src/utils/helpers.ts

@@ -1,8 +1,5 @@
-import { Platform, Keyboard } from 'react-native';
+import { Platform } from 'react-native';
 
-import { useEffect, useState } from 'react';
-
-export const isIOS = Platform.OS === 'ios';
 export const isAndroid = Platform.OS === 'android';
 
 export function pick<O extends object, T extends keyof O>(
@@ -30,15 +27,6 @@ export function omit<O, T extends keyof O>(keys: T[], obj: O): Omit<O, T> {
   return result;
 }
 
-export function hexToRgba(hex: string, a: number) {
-  const arrBuff = new ArrayBuffer(4);
-  const vw = new DataView(arrBuff);
-  vw.setUint32(0, parseInt(hex, 16), false);
-  const arrByte = new Uint8Array(arrBuff);
-  const [r, g, b] = arrByte;
-  return `rgba(${r},${g},${b},${a})`;
-}
-
 export const deepCompareValue = <V>(a: V, b: V): boolean => {
   // Handle strict equality first (handles primitives, null, undefined)
   if (a === b) return true;
@@ -83,31 +71,3 @@ export const deepCompareValue = <V>(a: V, b: V): boolean => {
   // If none of the above conditions matched, they're not equal
   return false;
 };
-
-export const useKeyboard = () => {
-  const [isKeyboardVisible, setKeyboardVisible] = useState(false);
-  const [keyboardHeight, setKeyboardHeight] = useState(0);
-
-  useEffect(() => {
-    const keyboardWillShowListener = Keyboard.addListener(
-      'keyboardWillShow',
-      (e) => {
-        setKeyboardVisible(true);
-        setKeyboardHeight(e.endCoordinates.height);
-      }
-    );
-    const keyboardWillHideListener = Keyboard.addListener(
-      'keyboardWillHide',
-      () => {
-        setKeyboardVisible(false);
-      }
-    );
-
-    return () => {
-      keyboardWillShowListener.remove();
-      keyboardWillHideListener.remove();
-    };
-  }, []);
-
-  return { isKeyboardVisible, keyboardHeight };
-};