@hero-design/rn 7.21.0 → 7.22.1

package/src/components/PinInput/index.tsx

@@ -123,7 +123,7 @@ function PinInput({
   return (
     <StyledWrapper style={style} testID={testID}>
       <StyledPinWrapper>
-        {[...Array(length).keys()].map(index => (
+        {[...Array(length).keys()].map((index) => (
           <React.Fragment key={index}>
             {index !== 0 && <StyledSpacer />}
             <PinCell

package/src/components/RichTextEditor/EditorToolbar.tsx

@@ -152,8 +152,8 @@ const EditorToolbar = ({
       const isStandalone =
         currentButtonConfig && currentButtonConfig.standalone;
 
-      setToolbarButtonArray(prevState =>
-        prevState.map(updatingButton => {
+      setToolbarButtonArray((prevState) =>
+        prevState.map((updatingButton) => {
           if (updatingButton.buttonName === currentButtonName) {
             return {
               ...updatingButton,
@@ -180,7 +180,7 @@ const EditorToolbar = ({
 
   const toolbarButtons = useMemo(
     () =>
-      toolbarButtonArray.map(button => {
+      toolbarButtonArray.map((button) => {
         if (button.buttonName === '|') {
           return <StyledSeparator key={button.id} />;
         }

package/src/components/RichTextEditor/RichTextEditor.tsx

@@ -221,8 +221,8 @@ const RichTextEditor: ComponentType<RichTextEditorProps> = ({
   /* Forward events from Toolbar and MentionList to webview */
   useEffect(() => {
     const toolbarEventListenerRemovers = Object.values(ToolbarEvents).map(
-      eventName =>
-        Events.on(emitter, normalizeEventName(eventName), data => {
+      (eventName) =>
+        Events.on(emitter, normalizeEventName(eventName), (data) => {
           postMessageToWebview({
             type: `@hero-editor/webview/${eventName}`,
             data,
@@ -233,7 +233,7 @@ const RichTextEditor: ComponentType<RichTextEditorProps> = ({
     const removeMentionApplyListener = Events.on(
       emitter,
       normalizeEventName('mention-apply'),
-      data =>
+      (data) =>
         postMessageToWebview({
           type: '@hero-editor/webview/mention-apply',
           data,
@@ -242,7 +242,7 @@ const RichTextEditor: ComponentType<RichTextEditorProps> = ({
 
     return () => {
       removeMentionApplyListener();
-      toolbarEventListenerRemovers.forEach(remover => remover());
+      toolbarEventListenerRemovers.forEach((remover) => remover());
     };
   }, []);
 
@@ -350,7 +350,7 @@ const RichTextEditor: ComponentType<RichTextEditorProps> = ({
               )}
             </StyledLabelContainerInsideTextInput>
           )}
-          <TouchableWithoutFeedback onPress={e => e.stopPropagation()}>
+          <TouchableWithoutFeedback onPress={(e) => e.stopPropagation()}>
             <StyledWebView
               ref={webview}
               testID="webview"

package/src/components/RichTextEditor/__tests__/EditorToolbar.spec.tsx

@@ -37,7 +37,7 @@ describe('EditorToolbar', () => {
         'format-list-numbered',
         'format-heading1',
         'format-heading2',
-      ].forEach(testId => {
+      ].forEach((testId) => {
         expect(wrapper.queryAllByTestId(testId)).toHaveLength(1);
       });
     });
@@ -105,7 +105,7 @@ describe('EditorToolbar', () => {
           'format-list-numbered',
           'format-heading1',
         ];
-        standaloneButtonTestIDs.forEach(testID => {
+        standaloneButtonTestIDs.forEach((testID) => {
           expect(wrapper.getByTestId(testID)).toHaveStyle({
             backgroundColor: undefined,
           });

package/src/components/RichTextEditor/__tests__/MentionList.spec.tsx

@@ -23,7 +23,7 @@ const SuggestionList = ({
   searchValue: string;
   onSelect: (id: string, name: string) => void;
 }) => {
-  const filteredData = SuggestionListData.filter(item =>
+  const filteredData = SuggestionListData.filter((item) =>
     item.name.includes(searchValue)
   );
 

package/src/components/Select/MultiSelect/OptionList.tsx

@@ -35,7 +35,7 @@ const OptionList = <V, T extends OptionType<V>>({
     const selected = value.includes(info.item.value);
     const onItemPress = () => {
       if (value.includes(info.item.value)) {
-        onPress(value.filter(val => val !== info.item.value));
+        onPress(value.filter((val) => val !== info.item.value));
       } else {
         onPress([...value, info.item.value]);
       }