@hero-design/rn-work-uikit 1.9.5 → 1.10.0

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

@@ -1,81 +0,0 @@
-import React from 'react';
-import RichTextEditor from '../RichTextEditor';
-import renderWithTheme from '../../../../testUtils/renderWithTheme';
-
-const initialValue = [
-  { type: 'paragraph', children: [{ text: 'Hello world' }] },
-];
-
-describe('RichTextEditor zIndex', () => {
-  it('applies correct zIndex logic when groupStyleEnabled is true', () => {
-    const { getByTestId } = renderWithTheme(
-      <RichTextEditor
-        label="Test Editor"
-        value={initialValue}
-        onChange={jest.fn()}
-        name="test-editor"
-        testID="rich-text-editor"
-        groupStyleEnabled
-      />
-    );
-
-    const container = getByTestId('rich-text-editor');
-
-    // Initially should have zIndex 0 (normal state)
-    expect(container.props.style.flat()).toEqual(
-      expect.arrayContaining([
-        expect.objectContaining({
-          zIndex: 0,
-        }),
-      ])
-    );
-  });
-
-  it('applies correct zIndex when has error', () => {
-    const { getByTestId } = renderWithTheme(
-      <RichTextEditor
-        label="Test Editor"
-        value={initialValue}
-        onChange={jest.fn()}
-        name="test-editor"
-        testID="rich-text-editor"
-        error="This is an error"
-        groupStyleEnabled
-      />
-    );
-
-    const container = getByTestId('rich-text-editor');
-
-    // Should have zIndex 1 when has error (medium priority)
-    expect(container.props.style.flat()).toEqual(
-      expect.arrayContaining([
-        expect.objectContaining({
-          zIndex: 1,
-        }),
-      ])
-    );
-  });
-
-  it('does not apply zIndex when groupStyleEnabled is false', () => {
-    const { getByTestId } = renderWithTheme(
-      <RichTextEditor
-        label="Test Editor"
-        value={initialValue}
-        onChange={jest.fn()}
-        name="test-editor"
-        testID="rich-text-editor"
-        groupStyleEnabled={false}
-        error="This is an error"
-      />
-    );
-
-    const container = getByTestId('rich-text-editor');
-
-    // Should not have zIndex applied when groupStyleEnabled is false
-    const containerStyle = container.props.style.flat();
-    const hasZIndex = containerStyle.some(
-      (style: Record<string, unknown>) => style && style.zIndex !== undefined
-    );
-    expect(hasZIndex).toBe(false);
-  });
-});

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

@@ -1,174 +0,0 @@
-import React from 'react';
-import { fireEvent } from '@testing-library/react-native';
-import RichTextEditorInput from '../RichTextEditorInput';
-import { emitter } from '../EditorEvent';
-import * as Events from '../utils/events';
-import renderWithTheme from '../../../../testUtils/renderWithTheme';
-
-// Mock minimal EditorValue type for test
-const initialValue = [
-  { type: 'paragraph', children: [{ text: 'Hello world' }] },
-];
-
-describe('RichTextEditorInput', () => {
-  it('renders a WebView with correct initial html', () => {
-    const { getByTestId } = renderWithTheme(
-      <RichTextEditorInput
-        value={initialValue}
-        name="test-editor"
-        autoFocus={false}
-        placeholder="Type something..."
-        onChange={jest.fn()}
-      />
-    );
-
-    const webview = getByTestId('webview');
-    expect(webview).toBeTruthy();
-    expect(webview.props.source.html).toContain(
-      'placeholder: "Type something..."'
-    );
-    expect(webview.props.source.html).toContain(JSON.stringify(initialValue));
-  });
-
-  it('handles editor-change event from webview', () => {
-    const onChange = jest.fn();
-    const { getByTestId } = renderWithTheme(
-      <RichTextEditorInput
-        value={initialValue}
-        name="test-editor"
-        autoFocus={false}
-        placeholder="Type here..."
-        onChange={onChange}
-      />
-    );
-
-    const webview = getByTestId('webview');
-    const newValue = [{ type: 'paragraph', children: [{ text: 'Changed' }] }];
-    fireEvent(webview, 'message', {
-      nativeEvent: {
-        data: JSON.stringify({
-          type: '@hero-editor/webview/editor-change',
-          data: { value: newValue },
-        }),
-      },
-    });
-
-    expect(onChange).toHaveBeenCalledWith(newValue);
-  });
-
-  it('handles editor-focus and editor-blur events from webview', () => {
-    const onFocus = jest.fn();
-    const onBlur = jest.fn();
-    const { getByTestId } = renderWithTheme(
-      <RichTextEditorInput
-        value={initialValue}
-        name="test-editor"
-        autoFocus={false}
-        placeholder="Type here..."
-        onChange={jest.fn()}
-        onFocus={onFocus}
-        onBlur={onBlur}
-      />
-    );
-
-    const webview = getByTestId('webview');
-
-    // Spy on emitter
-    const spy = jest.spyOn(Events, 'emit');
-
-    // Simulate focus
-    fireEvent(webview, 'message', {
-      nativeEvent: {
-        data: JSON.stringify({
-          type: '@hero-editor/webview/editor-focus',
-        }),
-      },
-    });
-    expect(spy).toHaveBeenCalledWith(
-      emitter,
-      'test-editor/editor-focus',
-      undefined
-    );
-
-    // Simulate blur
-    fireEvent(webview, 'message', {
-      nativeEvent: {
-        data: JSON.stringify({
-          type: '@hero-editor/webview/editor-blur',
-        }),
-      },
-    });
-    expect(spy).toHaveBeenCalledWith(
-      emitter,
-      'test-editor/editor-blur',
-      undefined
-    );
-
-    spy.mockRestore();
-  });
-
-  it('handles cursor-change event from webview', () => {
-    const onCursorChange = jest.fn();
-    const { getByTestId } = renderWithTheme(
-      <RichTextEditorInput
-        value={initialValue}
-        name="test-editor"
-        autoFocus={false}
-        placeholder="Type here..."
-        onChange={jest.fn()}
-        onCursorChange={onCursorChange}
-      />
-    );
-
-    const webview = getByTestId('webview');
-    const cursorData = { position: { top: 10 } };
-    fireEvent(webview, 'message', {
-      nativeEvent: {
-        data: JSON.stringify({
-          type: '@hero-editor/webview/cursor-change',
-          data: cursorData,
-        }),
-      },
-    });
-
-    expect(onCursorChange).toHaveBeenCalledWith(cursorData);
-  });
-
-  it('handles request-upsert-link event from webview', () => {
-    const { getByTestId } = renderWithTheme(
-      <RichTextEditorInput
-        value={initialValue}
-        name="test-editor"
-        autoFocus={false}
-        placeholder="Type here..."
-        onChange={jest.fn()}
-      />
-    );
-
-    const webview = getByTestId('webview');
-    // Spy on emitter
-    const spy = jest.spyOn(Events, 'emit');
-
-    fireEvent(webview, 'message', {
-      nativeEvent: {
-        data: JSON.stringify({
-          type: '@hero-editor/webview/request-upsert-link',
-          data: {
-            text: 'Test',
-            url: 'https://test.com',
-          },
-        }),
-      },
-    });
-    expect(spy).toHaveBeenCalledWith(
-      emitter,
-      'test-editor/request-upsert-link',
-      {
-        text: 'Test',
-        url: 'https://test.com',
-      }
-    );
-
-    spy.mockRestore();
-  });
-});

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

@@ -1,407 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
-<View
-  style={
-    [
-      [
-        {
-          "alignItems": "center",
-          "backgroundColor": "#f6f6f7",
-          "borderTopColor": "#e8e9ea",
-          "borderTopWidth": undefined,
-          "flexDirection": "row",
-          "paddingHorizontal": 7.846153846153847,
-        },
-      ],
-      undefined,
-    ]
-  }
-  testID="toolbar"
->
-  <TouchableOpacity
-    onPress={[Function]}
-    style={
-      [
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": undefined,
-            "height": 47.07692307692308,
-            "justifyContent": "center",
-            "width": 47.07692307692308,
-          },
-        ],
-        undefined,
-      ]
-    }
-    testID="format-bold"
-  >
-    <Text
-      allowFontScaling={false}
-      selectable={false}
-      style={
-        [
-          {
-            "color": undefined,
-            "fontSize": 12,
-          },
-          [
-            [
-              {
-                "color": "#001f23",
-                "fontSize": 19.615384615384613,
-              },
-            ],
-            undefined,
-          ],
-          {
-            "fontFamily": "hero-icons-mobile",
-            "fontStyle": "normal",
-            "fontWeight": "normal",
-          },
-          {},
-        ]
-      }
-      themeIntent="text"
-      themeSize="small"
-    >
-      
-    </Text>
-  </TouchableOpacity>
-  <TouchableOpacity
-    onPress={[Function]}
-    style={
-      [
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": undefined,
-            "height": 47.07692307692308,
-            "justifyContent": "center",
-            "width": 47.07692307692308,
-          },
-        ],
-        undefined,
-      ]
-    }
-    testID="format-italic"
-  >
-    <Text
-      allowFontScaling={false}
-      selectable={false}
-      style={
-        [
-          {
-            "color": undefined,
-            "fontSize": 12,
-          },
-          [
-            [
-              {
-                "color": "#001f23",
-                "fontSize": 19.615384615384613,
-              },
-            ],
-            undefined,
-          ],
-          {
-            "fontFamily": "hero-icons-mobile",
-            "fontStyle": "normal",
-            "fontWeight": "normal",
-          },
-          {},
-        ]
-      }
-      themeIntent="text"
-      themeSize="small"
-    >
-      
-    </Text>
-  </TouchableOpacity>
-  <TouchableOpacity
-    onPress={[Function]}
-    style={
-      [
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": undefined,
-            "height": 47.07692307692308,
-            "justifyContent": "center",
-            "width": 47.07692307692308,
-          },
-        ],
-        undefined,
-      ]
-    }
-    testID="format-underlined"
-  >
-    <Text
-      allowFontScaling={false}
-      selectable={false}
-      style={
-        [
-          {
-            "color": undefined,
-            "fontSize": 12,
-          },
-          [
-            [
-              {
-                "color": "#001f23",
-                "fontSize": 19.615384615384613,
-              },
-            ],
-            undefined,
-          ],
-          {
-            "fontFamily": "hero-icons-mobile",
-            "fontStyle": "normal",
-            "fontWeight": "normal",
-          },
-          {},
-        ]
-      }
-      themeIntent="text"
-      themeSize="small"
-    >
-      
-    </Text>
-  </TouchableOpacity>
-  <View
-    style={
-      [
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": "#e8e9ea",
-            "flexDirection": "row",
-            "height": 15.692307692307693,
-            "marginHorizontal": 7.846153846153847,
-            "width": 1.9615384615384617,
-          },
-        ],
-        undefined,
-      ]
-    }
-  />
-  <TouchableOpacity
-    onPress={[Function]}
-    style={
-      [
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": undefined,
-            "height": 47.07692307692308,
-            "justifyContent": "center",
-            "width": 47.07692307692308,
-          },
-        ],
-        undefined,
-      ]
-    }
-    testID="format-list-bulleted"
-  >
-    <Text
-      allowFontScaling={false}
-      selectable={false}
-      style={
-        [
-          {
-            "color": undefined,
-            "fontSize": 12,
-          },
-          [
-            [
-              {
-                "color": "#001f23",
-                "fontSize": 19.615384615384613,
-              },
-            ],
-            undefined,
-          ],
-          {
-            "fontFamily": "hero-icons-mobile",
-            "fontStyle": "normal",
-            "fontWeight": "normal",
-          },
-          {},
-        ]
-      }
-      themeIntent="text"
-      themeSize="small"
-    >
-      
-    </Text>
-  </TouchableOpacity>
-  <TouchableOpacity
-    onPress={[Function]}
-    style={
-      [
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": undefined,
-            "height": 47.07692307692308,
-            "justifyContent": "center",
-            "width": 47.07692307692308,
-          },
-        ],
-        undefined,
-      ]
-    }
-    testID="format-list-numbered"
-  >
-    <Text
-      allowFontScaling={false}
-      selectable={false}
-      style={
-        [
-          {
-            "color": undefined,
-            "fontSize": 12,
-          },
-          [
-            [
-              {
-                "color": "#001f23",
-                "fontSize": 19.615384615384613,
-              },
-            ],
-            undefined,
-          ],
-          {
-            "fontFamily": "hero-icons-mobile",
-            "fontStyle": "normal",
-            "fontWeight": "normal",
-          },
-          {},
-        ]
-      }
-      themeIntent="text"
-      themeSize="small"
-    >
-      
-    </Text>
-  </TouchableOpacity>
-  <View
-    style={
-      [
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": "#e8e9ea",
-            "flexDirection": "row",
-            "height": 15.692307692307693,
-            "marginHorizontal": 7.846153846153847,
-            "width": 1.9615384615384617,
-          },
-        ],
-        undefined,
-      ]
-    }
-  />
-  <TouchableOpacity
-    onPress={[Function]}
-    style={
-      [
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": undefined,
-            "height": 47.07692307692308,
-            "justifyContent": "center",
-            "width": 47.07692307692308,
-          },
-        ],
-        undefined,
-      ]
-    }
-    testID="format-heading1"
-  >
-    <Text
-      allowFontScaling={false}
-      selectable={false}
-      style={
-        [
-          {
-            "color": undefined,
-            "fontSize": 12,
-          },
-          [
-            [
-              {
-                "color": "#001f23",
-                "fontSize": 19.615384615384613,
-              },
-            ],
-            undefined,
-          ],
-          {
-            "fontFamily": "hero-icons-mobile",
-            "fontStyle": "normal",
-            "fontWeight": "normal",
-          },
-          {},
-        ]
-      }
-      themeIntent="text"
-      themeSize="small"
-    >
-      
-    </Text>
-  </TouchableOpacity>
-  <TouchableOpacity
-    onPress={[Function]}
-    style={
-      [
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": undefined,
-            "height": 47.07692307692308,
-            "justifyContent": "center",
-            "width": 47.07692307692308,
-          },
-        ],
-        undefined,
-      ]
-    }
-    testID="format-heading2"
-  >
-    <Text
-      allowFontScaling={false}
-      selectable={false}
-      style={
-        [
-          {
-            "color": undefined,
-            "fontSize": 12,
-          },
-          [
-            [
-              {
-                "color": "#001f23",
-                "fontSize": 19.615384615384613,
-              },
-            ],
-            undefined,
-          ],
-          {
-            "fontFamily": "hero-icons-mobile",
-            "fontStyle": "normal",
-            "fontWeight": "normal",
-          },
-          {},
-        ]
-      }
-      themeIntent="text"
-      themeSize="small"
-    >
-      
-    </Text>
-  </TouchableOpacity>
-</View>
-`;

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

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`MentionList when search string is not empty should render mention list showing filtered results 1`] = `
-<View>
-  <View>
-    <Text
-      onPress={[Function]}
-    >
-      Hieu Pham
-    </Text>
-  </View>
-</View>
-`;