@hansevision/tp-richtexteditor-control 1.0.0

package/dist/richTextEditor/components/richTextEditor/rteContextProvider.d.ts

@@ -0,0 +1,19 @@
+import { RichTextEditorComponent } from '@syncfusion/ej2-react-richtexteditor';
+import React from 'react';
+export interface IReplaceData {
+    type: 'video' | 'embed' | 'image';
+    element: HTMLElement;
+    src: string;
+}
+export interface IRteContext {
+    replaceData: IReplaceData;
+    setReplaceData: (data: IReplaceData) => void;
+    rte: RichTextEditorComponent;
+    setRte: (rte: RichTextEditorComponent) => void;
+}
+export declare const RteContext: React.Context<IRteContext>;
+interface RTEContextProviderProps {
+    children: React.ReactNode;
+}
+export declare const RTEContextProvider: React.FC<RTEContextProviderProps>;
+export {};

package/dist/richTextEditor/components/syncfusion/SyncFusionProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './SyncfusionStyles.scss';
+interface ISyncfusionWrapperProps {
+    children: React.ReactNode;
+}
+export declare function SyncFusionProvider({ children }: ISyncfusionWrapperProps): JSX.Element;
+export {};

package/dist/richTextEditor/components/syncfusion/licenseKey.d.ts

@@ -0,0 +1,4 @@
+/**
+ * This file contains a license key for SyncFusion EJ2 React
+ */
+export declare const licenseKey = "ORg4AjUWIQA/Gnt2XFhhQlJHfV5AQmBIYVp/TGpJfl96cVxMZVVBJAtUQF1hTH5QdURjX3pdcXZVRGZUWkdx";

package/dist/richTextEditor/components/syncfusion/syncfusionRichText.d.ts

@@ -0,0 +1,22 @@
+import { IToolbarItems } from '@syncfusion/ej2-react-richtexteditor';
+interface IProps {
+    value?: string;
+    onChange?: (newValue: string) => void;
+    onContainsValueChanged?: (containsValue: boolean) => void;
+    editMode?: boolean;
+    placeholder?: string;
+    setFocus?: boolean;
+    className?: string;
+    required?: boolean;
+    disabled?: boolean;
+    beforeQuickToolbarOpen?: (args: {
+        targetElement: HTMLElement;
+    }) => void;
+    customTools?: {
+        main?: IToolbarItems[];
+        image?: IToolbarItems[];
+        video?: IToolbarItems[];
+    };
+}
+export default function SyncFusionRichText({ value, onChange, editMode, placeholder, setFocus, className, disabled, customTools, beforeQuickToolbarOpen, onContainsValueChanged, }: IProps): JSX.Element;
+export {};

package/dist/richTextEditor/components/syncfusion/syncfusionSetup.d.ts

@@ -0,0 +1 @@
+export declare function setupSyncfusion(): void;

package/dist/richTextEditor/i18n/IRteStrings.d.ts

@@ -0,0 +1,142 @@
+export interface IDateTimeStrings {
+    L_RelativeDateTime_AFewSecondsFuture: string;
+    L_RelativeDateTime_AFewSeconds: string;
+    L_RelativeDateTime_AboutAMinuteFuture: string;
+    L_RelativeDateTime_AboutAMinute: string;
+    L_RelativeDateTime_XMinutesFuture: string;
+    L_RelativeDateTime_XMinutes: string;
+    L_RelativeDateTime_XMinutesFutureIntervals: string;
+    L_RelativeDateTime_XMinutesIntervals: string;
+    L_RelativeDateTime_AboutAnHourFuture: string;
+    L_RelativeDateTime_AboutAnHour: string;
+    L_RelativeDateTime_Tomorrow: string;
+    L_RelativeDateTime_Yesterday: string;
+    L_RelativeDateTime_TomorrowAndTime: string;
+    L_RelativeDateTime_YesterdayAndTime: string;
+    L_RelativeDateTime_XHoursFuture: string;
+    L_RelativeDateTime_XHours: string;
+    L_RelativeDateTime_XHoursFutureIntervals: string;
+    L_RelativeDateTime_XHoursIntervals: string;
+    L_RelativeDateTime_DayAndTime: string;
+    L_RelativeDateTime_XDaysFuture: string;
+    L_RelativeDateTime_XDays: string;
+    L_RelativeDateTime_XDaysFutureIntervals: string;
+    L_RelativeDateTime_XDaysIntervals: string;
+    L_RelativeDateTime_Today: string;
+}
+export interface IRteStrings {
+    SyncFusionRichTextCulture: string;
+    ProgressDialog: {
+        FileIsBeingUploadedTitle: string;
+        FileIsBeingUploadedSubTitle: string;
+    };
+    CustomToolItems: {
+        ImagePickerToolTip: string;
+        VideoPickerToolTip: string;
+        ImageReplacePickerToolTip: string;
+        VideoReplacePickerToolTip: string;
+    };
+    ControlDialog: {
+        ImageLabel: string;
+        VideoLabel: string;
+        ReplaceImageLabel: string;
+        ReplaceVideoLabel: string;
+        BrowseButtonLabel: string;
+        DropImageHere: string;
+        DropVideoHere: string;
+        WebLinkMessage: string;
+        EmbeddedChoice: string;
+        WebChoice: string;
+        PasteUrlHere: string;
+        PasteEmbeddedCodeHere: string;
+        Insert: string;
+        Cancel: string;
+    };
+    DateTime: IDateTimeStrings;
+    SendEmailTo: string;
+    StartChatWith: string;
+    Contact: string;
+    UpdateProfile: string;
+    CancelButtonLabel: string;
+    AddFileButtonLabel: string;
+    ChangeFileLinkLabel: string;
+    ChooseFileLinkLabel: string;
+    CopyrightUrl: string;
+    CopyrightWarning: string;
+    CreativeCommonsMessage: string;
+    DateFormat: string;
+    DocumentLabelTemplate: string;
+    DocumentLibraries: string;
+    EditedByNamePlate: string;
+    EmptyFileSize: string;
+    FilePickerHeader: string;
+    FileSizeField: string;
+    FolderAltText: string;
+    FolderBackPlate: string;
+    FolderFrontPlate: string;
+    FolderIconUrl: string;
+    FolderLabelTemplate: string;
+    FromLinkLinkLabel: string;
+    ImageAltText: string;
+    ImageAriaLabelTemplate: string;
+    LayoutOptionAll: string;
+    LayoutOptionSquare: string;
+    LayoutOptionTall: string;
+    LayoutOptionWide: string;
+    LearnMoreLink: string;
+    LicenseOptionAll: string;
+    LicenseOptionAny: string;
+    LinkFileInstructions: string;
+    LinkHeader: string;
+    ListLayoutAriaLabel: string;
+    ListLayoutCompact: string;
+    ListLayoutCompactDescription: string;
+    ListLayoutList: string;
+    ListLayoutListDescrition: string;
+    ListLayoutTile: string;
+    ListLayoutTileDescription: string;
+    ListOptionsAlt: string;
+    ListOptionsTitle: string;
+    Loading: string;
+    ModifiedByField: string;
+    ModifiedField: string;
+    NameField: string;
+    No: string;
+    ProvidedValueIsInvalid: string;
+    NoExternalLinksValidationMessage: string;
+    NoRecentFiles: string;
+    NoRecentFilesDescription: string;
+    NoResultsBadEnglish: string;
+    ODPhotoIconUrl: string;
+    OneDriveEmptyFolderAlt: string;
+    OneDriveEmptyFolderDescription: string;
+    OneDriveEmptyFolderIconUrl: string;
+    OneDriveEmptyFolderTitle: string;
+    OneDriveRootFolderName: string;
+    OpenButtonLabel: string;
+    PhotoIconUrl: string;
+    OrgAssetsTabLabel: string;
+    PoweredByBing: string;
+    RecentDocumentsHeader: string;
+    RecentLinkLabel: string;
+    SearchBoxPlaceholder: string;
+    SearchResultAlt: string;
+    SearchResultAriaLabel: string;
+    Selected: string;
+    SiteLinkLabel: string;
+    SizeOptionAll: string;
+    SizeOptionExtraLarge: string;
+    SizeOptionLarge: string;
+    SizeOptionMedium: string;
+    SizeOptionSmall: string;
+    SizeUnit: string[];
+    SortedAscending: string;
+    SortedDescending: string;
+    TypeAriaLabel: string;
+    UploadFileHeader: string;
+    UploadLinkLabel: string;
+    WebSearchLinkLabel: string;
+    StockImagesLinkLabel: string;
+    OrgAssetsLinkLabel: string;
+    ListItemAttachmentslPlaceHolderButtonLabel: string;
+}

package/dist/richTextEditor/i18n/de.d.ts

@@ -0,0 +1,3 @@
+import { IRteStrings } from './IRteStrings';
+declare const deRte: IRteStrings;
+export default deRte;

package/dist/richTextEditor/i18n/en.d.ts

@@ -0,0 +1,3 @@
+import { IRteStrings } from './IRteStrings';
+declare const enRte: IRteStrings;
+export default enRte;

package/dist/richTextEditor/i18n/rteStrings.d.ts

@@ -0,0 +1,3 @@
+import { IRteStrings } from './IRteStrings';
+declare const strings: IRteStrings;
+export default strings;

package/dist/richTextEditor/themeProvider.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+/** The SP theme palette resolved at module load time. Used by themedStyles helpers. */
+export declare const spPalette: Partial<import("@fluentui/react").IPalette>;
+export declare const Fluent8ThemeProvider: React.FC<{
+    children: ReactNode;
+}>;

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@hansevision/tp-richtexteditor-control",
+  "version": "1.0.0",
+  "description": "This package provides a reusable rich text editor control for internal usage in HV components.",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "rollup -c rollup.config.mjs",
+    "build:watch": "rollup -c rollup.config.mjs --watch",
+    "prebuild": "npm run clean",
+    "package": "npm pack"
+  },
+  "author": "HanseVision",
+  "license": "UNLICENSED",
+  "peerDependencies": {
+    "@fluentui/react": ">=8.0.0",
+    "@microsoft/sp-webpart-base": ">=1.4.0",
+    "@pnp/sp": ">=1.3.0",
+    "@syncfusion/ej2-base": ">=29.0.0",
+    "@syncfusion/ej2-react-richtexteditor": ">=29.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "rxjs": ">=6.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.0",
+    "@fluentui/react": "8.122.1",
+    "@microsoft/sp-core-library": "~1.4.0",
+    "@microsoft/sp-listview-extensibility": "~1.4.0",
+    "@microsoft/sp-webpart-base": "~1.4.0",
+    "@pnp/sp": "^1.3.11",
+    "@rollup/plugin-babel": "^6.1.0",
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@syncfusion/ej2-base": "29.1.33",
+    "@syncfusion/ej2-react-richtexteditor": "29.1.34",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "i18next": "^25.8.14",
+    "postcss": "^8.4.47",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rimraf": "^5.0.10",
+    "rollup": "^3.29.5",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rxjs": "^7.5.4",
+    "sass": "^1.83.0",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2"
+  },
+  "keywords": [
+    "spfx",
+    "sharepoint",
+    "react",
+    "RichTextEditor",
+    "component",
+    "Syncfusion"
+  ],
+  "volta": {
+    "node": "16.20.2"
+  }
+}