UI: text editor - add an input to hide specific text (WEKAPP-373373)

.eslintrc

@@ -1,7 +1,7 @@
 {
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
-    "ecmaVersion": 7,
+    "ecmaVersion": "latest",
     "ecmaFeatures": {
       "jsx": true
     }

dist/cjs/types/components/TextEditor/TextEditor.d.ts

@@ -28,5 +28,6 @@ declare namespace TextEditor {
     var FontSizeControls: typeof import("./components/FontSizeControls/FontSizeControls").default;
     var LinesCount: typeof import("./components/LinesCount/LinesCount").default;
     var SearchButton: typeof import("./components/SearchButton/SearchButton").default;
+    var HideContentInput: typeof import("./components/HideContentInput/HideContentInput").default;
 }
 export default TextEditor;

dist/cjs/types/components/TextEditor/components/HideContentInput/HideContentInput.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './hideContentInput.scss';
+interface HideContentInputProps {
+    wrapperClass?: string;
+}
+declare function HideContentInput(props: HideContentInputProps): JSX.Element;
+export default HideContentInput;

dist/cjs/types/components/TextEditor/components/HideContentInput/index.d.ts

@@ -0,0 +1 @@
+export { default as HideContentInput } from './HideContentInput';

dist/cjs/types/components/TextEditor/components/TextEditorFull/hooks/index.d.ts

@@ -1,8 +1,10 @@
 export { default as useLinePosition } from './useLinePosition';
-export { default as useTags } from './useTags';
-export type * from './useTags';
+export { default as useForcedLineNumbers } from './useForcedLineNumbers';
+export type * from './useForcedLineNumbers';
 export { default as useSearch } from './useSearch';
 export { default as useOnlyMatching } from './useOnlyMatching';
 export type * from './useOnlyMatching';
 export { default as useFoldAll } from './useFoldAll';
 export { default as useEditor } from './useEditor';
+export { default as useHideContent } from './useHideContent';
+export { default as useDisableSyntaxCheck } from './useDisableSyntaxCheck';

dist/cjs/types/components/TextEditor/components/TextEditorFull/hooks/useDisableSyntaxCheck.d.ts

@@ -0,0 +1,5 @@
+import { IAceEditor } from 'react-ace/lib/types';
+declare function useDisableSyntaxCheck({ editor }: {
+    editor?: IAceEditor;
+}): void;
+export default useDisableSyntaxCheck;

dist/cjs/types/components/TextEditor/components/TextEditorFull/hooks/useForcedLineNumbers.d.ts

@@ -0,0 +1,10 @@
+import { IAceEditor } from 'react-ace/lib/types';
+declare function useForcedLineNumbers({ editor, value, lines }: {
+    editor?: IAceEditor;
+    value: string;
+    lines?: {
+        number: string;
+        text: string;
+    }[];
+}): void;
+export default useForcedLineNumbers;

dist/cjs/types/components/TextEditor/components/TextEditorFull/hooks/useHideContent.d.ts

@@ -0,0 +1,4 @@
+declare function useHideContent({ value }: {
+    value?: string;
+}): string | undefined;
+export default useHideContent;

dist/cjs/types/components/TextEditor/components/index.d.ts

@@ -6,3 +6,4 @@ export * from './TextEditorFull';
 export type * from './TextEditorFull';
 export * from './TextViewerLite';
 export * from './SearchButton';
+export * from './HideContentInput';

dist/cjs/types/components/TextEditor/context/context.d.ts

@@ -9,12 +9,18 @@ type TextEditorContextValue = {
     visibleLinesCount?: number;
     isLiteMode: boolean;
     loading?: boolean;
+    hideContent?: string[];
+    shouldDisableSyntaxCheck: Set<'hideContent' | 'tags'>;
+    pageStorageKey?: string;
 };
 type TextEditorContextType = {
     value: TextEditorContextValue;
     setTextEditorContext: (setter: (prev: TextEditorContextValue) => TextEditorContextValue) => void;
 };
-export declare function TextEditorProvider({ children }: PropsWithChildren): JSX.Element;
+type TextEditorProviderProps = {
+    pageStorageKey?: string;
+};
+export declare function TextEditorProvider({ children, pageStorageKey }: PropsWithChildren<TextEditorProviderProps>): JSX.Element;
 export declare function useTextEditorContext(isProviderOptional: true): TextEditorContextType | null;
 export declare function useTextEditorContext(componentName: string): TextEditorContextType;
 export {};

dist/cjs/types/components/TextEditor/hooks/useLinesCount.d.ts

@@ -1,8 +1,9 @@
-declare function useLinesCount({ value, lines }: {
+declare function useLinesCount({ value, lines, filteredValue }: {
     value?: string;
     lines?: {
         number: string;
         text: string;
     }[];
+    filteredValue?: string;
 }): void;
 export default useLinesCount;

dist/esm/types/components/TextEditor/TextEditor.d.ts

@@ -28,5 +28,6 @@ declare namespace TextEditor {
     var FontSizeControls: typeof import("./components/FontSizeControls/FontSizeControls").default;
     var LinesCount: typeof import("./components/LinesCount/LinesCount").default;
     var SearchButton: typeof import("./components/SearchButton/SearchButton").default;
+    var HideContentInput: typeof import("./components/HideContentInput/HideContentInput").default;
 }
 export default TextEditor;

dist/esm/types/components/TextEditor/components/HideContentInput/HideContentInput.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './hideContentInput.scss';
+interface HideContentInputProps {
+    wrapperClass?: string;
+}
+declare function HideContentInput(props: HideContentInputProps): JSX.Element;
+export default HideContentInput;

dist/esm/types/components/TextEditor/components/HideContentInput/index.d.ts

@@ -0,0 +1 @@
+export { default as HideContentInput } from './HideContentInput';

dist/esm/types/components/TextEditor/components/TextEditorFull/hooks/index.d.ts

@@ -1,8 +1,10 @@
 export { default as useLinePosition } from './useLinePosition';
-export { default as useTags } from './useTags';
-export type * from './useTags';
+export { default as useForcedLineNumbers } from './useForcedLineNumbers';
+export type * from './useForcedLineNumbers';
 export { default as useSearch } from './useSearch';
 export { default as useOnlyMatching } from './useOnlyMatching';
 export type * from './useOnlyMatching';
 export { default as useFoldAll } from './useFoldAll';
 export { default as useEditor } from './useEditor';
+export { default as useHideContent } from './useHideContent';
+export { default as useDisableSyntaxCheck } from './useDisableSyntaxCheck';

dist/esm/types/components/TextEditor/components/TextEditorFull/hooks/useDisableSyntaxCheck.d.ts

@@ -0,0 +1,5 @@
+import { IAceEditor } from 'react-ace/lib/types';
+declare function useDisableSyntaxCheck({ editor }: {
+    editor?: IAceEditor;
+}): void;
+export default useDisableSyntaxCheck;

dist/esm/types/components/TextEditor/components/TextEditorFull/hooks/useForcedLineNumbers.d.ts

@@ -0,0 +1,10 @@
+import { IAceEditor } from 'react-ace/lib/types';
+declare function useForcedLineNumbers({ editor, value, lines }: {
+    editor?: IAceEditor;
+    value: string;
+    lines?: {
+        number: string;
+        text: string;
+    }[];
+}): void;
+export default useForcedLineNumbers;

dist/esm/types/components/TextEditor/components/TextEditorFull/hooks/useHideContent.d.ts

@@ -0,0 +1,4 @@
+declare function useHideContent({ value }: {
+    value?: string;
+}): string | undefined;
+export default useHideContent;

dist/esm/types/components/TextEditor/components/index.d.ts

@@ -6,3 +6,4 @@ export * from './TextEditorFull';
 export type * from './TextEditorFull';
 export * from './TextViewerLite';
 export * from './SearchButton';
+export * from './HideContentInput';

dist/esm/types/components/TextEditor/context/context.d.ts

@@ -9,12 +9,18 @@ type TextEditorContextValue = {
     visibleLinesCount?: number;
     isLiteMode: boolean;
     loading?: boolean;
+    hideContent?: string[];
+    shouldDisableSyntaxCheck: Set<'hideContent' | 'tags'>;
+    pageStorageKey?: string;
 };
 type TextEditorContextType = {
     value: TextEditorContextValue;
     setTextEditorContext: (setter: (prev: TextEditorContextValue) => TextEditorContextValue) => void;
 };
-export declare function TextEditorProvider({ children }: PropsWithChildren): JSX.Element;
+type TextEditorProviderProps = {
+    pageStorageKey?: string;
+};
+export declare function TextEditorProvider({ children, pageStorageKey }: PropsWithChildren<TextEditorProviderProps>): JSX.Element;
 export declare function useTextEditorContext(isProviderOptional: true): TextEditorContextType | null;
 export declare function useTextEditorContext(componentName: string): TextEditorContextType;
 export {};

dist/esm/types/components/TextEditor/hooks/useLinesCount.d.ts

@@ -1,8 +1,9 @@
-declare function useLinesCount({ value, lines }: {
+declare function useLinesCount({ value, lines, filteredValue }: {
     value?: string;
     lines?: {
         number: string;
         text: string;
     }[];
+    filteredValue?: string;
 }): void;
 export default useLinesCount;

dist/index.d.ts

@@ -281,6 +281,11 @@ interface CustomizableSelectProps {
 }
 declare function CustomizableSelect(props: CustomizableSelectProps): JSX.Element;
 
+interface HideContentInputProps {
+    wrapperClass?: string;
+}
+declare function HideContentInput(props: HideContentInputProps): JSX.Element;
+
 declare function SearchButton(): JSX.Element;
 
 declare function LinesCount(): JSX.Element;
@@ -299,7 +304,10 @@ interface ParsedData {
     [key: string]: any;
 }
 
-declare function TextEditorProvider({ children }: PropsWithChildren): JSX.Element;
+type TextEditorProviderProps = {
+    pageStorageKey?: string;
+};
+declare function TextEditorProvider({ children, pageStorageKey }: PropsWithChildren<TextEditorProviderProps>): JSX.Element;
 
 interface TextEditorProps {
     onChange?: () => void;
@@ -327,6 +335,7 @@ declare namespace TextEditor {
     var FontSizeControls: typeof FontSizeControls;
     var LinesCount: typeof LinesCount;
     var SearchButton: typeof SearchButton;
+    var HideContentInput: typeof HideContentInput;
 }
 
 declare function Loader(): JSX.Element;