@elliemae/ds-wysiwygeditor 2.3.0-alpha.1 → 2.3.0-alpha.6

package/package.json

@@ -1,79 +1,82 @@
 {
   "name": "@elliemae/ds-wysiwygeditor",
-  "version": "2.3.0-alpha.1",
+  "version": "2.3.0-alpha.6",
   "license": "MIT",
   "description": "ICE MT - Dimsum - WYSIWYG Editor",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./utils": {
-      "import": "./esm/utils.js",
-      "require": "./cjs/utils.js"
+      "import": "./dist/esm/utils.js",
+      "require": "./dist/cjs/utils.js"
     },
     "./quillOverrides/PlainClipboard": {
-      "import": "./esm/quillOverrides/PlainClipboard.js",
-      "require": "./cjs/quillOverrides/PlainClipboard.js"
+      "import": "./dist/esm/quillOverrides/PlainClipboard.js",
+      "require": "./dist/cjs/quillOverrides/PlainClipboard.js"
     },
     "./quillOverrides/LinkFormat": {
-      "import": "./esm/quillOverrides/LinkFormat.js",
-      "require": "./cjs/quillOverrides/LinkFormat.js"
+      "import": "./dist/esm/quillOverrides/LinkFormat.js",
+      "require": "./dist/cjs/quillOverrides/LinkFormat.js"
     },
     "./quillOverrides/IndentStyle": {
-      "import": "./esm/quillOverrides/IndentStyle.js",
-      "require": "./cjs/quillOverrides/IndentStyle.js"
+      "import": "./dist/esm/quillOverrides/IndentStyle.js",
+      "require": "./dist/cjs/quillOverrides/IndentStyle.js"
     },
     "./quillMatchers/clipboardLinkWithTagMatcher": {
-      "import": "./esm/quillMatchers/clipboardLinkWithTagMatcher.js",
-      "require": "./cjs/quillMatchers/clipboardLinkWithTagMatcher.js"
+      "import": "./dist/esm/quillMatchers/clipboardLinkWithTagMatcher.js",
+      "require": "./dist/cjs/quillMatchers/clipboardLinkWithTagMatcher.js"
     },
     "./DSWYSIWYGEditor": {
-      "import": "./esm/DSWYSIWYGEditor.js",
-      "require": "./cjs/DSWYSIWYGEditor.js"
+      "import": "./dist/esm/DSWYSIWYGEditor.js",
+      "require": "./dist/cjs/DSWYSIWYGEditor.js"
     },
     "./constants": {
-      "import": "./esm/constants.js",
-      "require": "./cjs/constants.js"
+      "import": "./dist/esm/constants.js",
+      "require": "./dist/cjs/constants.js"
     },
     "./components/TippedSelect": {
-      "import": "./esm/components/TippedSelect.js",
-      "require": "./cjs/components/TippedSelect.js"
+      "import": "./dist/esm/components/TippedSelect.js",
+      "require": "./dist/cjs/components/TippedSelect.js"
     },
     "./components/TippedButton": {
-      "import": "./esm/components/TippedButton.js",
-      "require": "./cjs/components/TippedButton.js"
+      "import": "./dist/esm/components/TippedButton.js",
+      "require": "./dist/cjs/components/TippedButton.js"
     },
     "./components/InsertFieldModal": {
-      "import": "./esm/components/InsertFieldModal.js",
-      "require": "./cjs/components/InsertFieldModal.js"
+      "import": "./dist/esm/components/InsertFieldModal.js",
+      "require": "./dist/cjs/components/InsertFieldModal.js"
     },
     "./components/ImageLibraryModal": {
-      "import": "./esm/components/ImageLibraryModal.js",
-      "require": "./cjs/components/ImageLibraryModal.js"
+      "import": "./dist/esm/components/ImageLibraryModal.js",
+      "require": "./dist/cjs/components/ImageLibraryModal.js"
     },
     "./components/DSWYSIWYGEditorImpl": {
-      "import": "./esm/components/DSWYSIWYGEditorImpl.js",
-      "require": "./cjs/components/DSWYSIWYGEditorImpl.js"
+      "import": "./dist/esm/components/DSWYSIWYGEditorImpl.js",
+      "require": "./dist/cjs/components/DSWYSIWYGEditorImpl.js"
     },
     "./components/CustomToolbar": {
-      "import": "./esm/components/CustomToolbar.js",
-      "require": "./cjs/components/CustomToolbar.js"
+      "import": "./dist/esm/components/CustomToolbar.js",
+      "require": "./dist/cjs/components/CustomToolbar.js"
     },
     "./components/CustomImageUploader": {
-      "import": "./esm/components/CustomImageUploader.js",
-      "require": "./cjs/components/CustomImageUploader.js"
+      "import": "./dist/esm/components/CustomImageUploader.js",
+      "require": "./dist/cjs/components/CustomImageUploader.js"
     },
     "./components/customFields": {
-      "import": "./esm/components/customFields.js",
-      "require": "./cjs/components/customFields.js"
+      "import": "./dist/esm/components/customFields.js",
+      "require": "./dist/cjs/components/customFields.js"
     },
     "./components/colors": {
-      "import": "./esm/components/colors.js",
-      "require": "./cjs/components/colors.js"
+      "import": "./dist/esm/components/colors.js",
+      "require": "./dist/cjs/components/colors.js"
     }
   },
   "sideEffects": [
@@ -85,25 +88,19 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
-  },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-alpha.1",
-    "@elliemae/ds-dropdownmenu": "2.3.0-alpha.1",
-    "@elliemae/ds-icons": "2.3.0-alpha.1",
-    "@elliemae/ds-imagelibrarymodal": "2.3.0-alpha.1",
-    "@elliemae/ds-modal": "2.3.0-alpha.1",
-    "@elliemae/ds-shared": "2.3.0-alpha.1",
-    "@elliemae/ds-tooltip": "2.3.0-alpha.1",
-    "@elliemae/ds-uploader": "2.3.0-alpha.1",
+    "@elliemae/ds-button": "2.3.0-alpha.6",
+    "@elliemae/ds-dropdownmenu": "2.3.0-alpha.6",
+    "@elliemae/ds-icons": "2.3.0-alpha.6",
+    "@elliemae/ds-imagelibrarymodal": "2.3.0-alpha.6",
+    "@elliemae/ds-modal": "2.3.0-alpha.6",
+    "@elliemae/ds-shared": "2.3.0-alpha.6",
+    "@elliemae/ds-tooltip": "2.3.0-alpha.6",
+    "@elliemae/ds-uploader": "2.3.0-alpha.6",
     "prop-types": "~15.7.2",
     "quill-blot-formatter": "~1.0.5",
     "quill-delta": "4.2.2",
@@ -112,12 +109,17 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2"
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
   }
 }

package/types/DSWYSIWYGEditor.d.ts

@@ -1,75 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const DSWYSIWYGEditor: {
-    ({ value, onChange, getQuillRef, quillModules, customToolbar, toolbarHandlers, showRawHTML, height, hideItems, ...rest }: {
-        [x: string]: any;
-        value?: string | undefined;
-        onChange?: (() => null) | undefined;
-        getQuillRef?: (() => null) | undefined;
-        quillModules?: {} | undefined;
-        customToolbar: any;
-        toolbarHandlers: any;
-        showRawHTML?: boolean | undefined;
-        height: any;
-        hideItems: any;
-    }): JSX.Element;
-    propTypes: {
-        value: import("react-desc").PropTypesDescValue;
-        onChange: import("react-desc").PropTypesDescValue;
-        getQuillRef: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        quillModules: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        customToolbar: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        toolbarHandlers: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        showRawHTML: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        height: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        readOnly: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        hideItems: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        zIndex: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const WYSIWYWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { WYSIWYWithSchema };
-export default DSWYSIWYGEditor;

package/types/components/CustomImageUploader.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const CustomImageUploader: ({ quillRef, editorFieldName, allowedImageTypes, uploadAsset, zIndex, }: {
-    quillRef: any;
-    editorFieldName: any;
-    allowedImageTypes?: string | undefined;
-    uploadAsset?: (() => null) | undefined;
-    zIndex?: number | undefined;
-}) => JSX.Element;

package/types/components/CustomToolbar.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export declare const CustomDropdown: ({ options, label, onSelectMenuItem, onClickOutsideMenu, onClose, closeMenuOnItemSelection, isOpen, minWidth, maxWidth, zIndex, }: {
-    options: any;
-    label: any;
-    onSelectMenuItem?: (() => null) | undefined;
-    onClickOutsideMenu?: (() => null) | undefined;
-    onClose?: (() => null) | undefined;
-    closeMenuOnItemSelection: any;
-    isOpen: any;
-    minWidth: any;
-    maxWidth: any;
-    zIndex?: number | undefined;
-}) => JSX.Element;
-export declare const CustomToolbar: ({ customFields, customItems, hideItems, onShowHTML, id, userProps, }: {
-    customFields: any;
-    customItems?: never[] | undefined;
-    hideItems?: {} | undefined;
-    onShowHTML?: (() => void) | undefined;
-    id?: string | undefined;
-    userProps: any;
-}) => JSX.Element;

package/types/components/DSWYSIWYGEditorImpl.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export default class DSWYSIWYGEditorImpl extends React.PureComponent {
-    quillModules: any;
-    constructor(props: any);
-    componentDidMount(): void;
-    onChangeQuill: (html: any, delta: any, source: any, editor: any) => void;
-    onChangeTextArea: (e: any) => void;
-    onInserFieldConfirm: (fieldCode: any) => void;
-    onImageConfirm: (image: any) => void;
-    onFieldModalClose: () => void;
-    onImageModalClose: () => void;
-    getEditor(): any;
-    quillRef: (ref: any) => void;
-    render(): JSX.Element;
-}

package/types/components/ImageLibraryModal.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export default class ImageLibraryModal extends React.PureComponent {
-    static propTypes: {
-        onConfirm: PropTypes.Validator<(...args: any[]) => any>;
-        onClose: PropTypes.Validator<(...args: any[]) => any>;
-        onReject: PropTypes.Requireable<(...args: any[]) => any>;
-        imagesData: PropTypes.Requireable<(PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
-            url: PropTypes.Validator<string>;
-            name: PropTypes.Validator<string>;
-            description: PropTypes.Requireable<string>;
-            createdBy: PropTypes.Validator<string>;
-            createdDate: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-        isOpen: PropTypes.Validator<boolean>;
-    };
-    static defaultProps: {
-        onReject: undefined;
-        imagesData: {
-            url: string;
-            name: string;
-            createdBy: string;
-            createdDate: string;
-        }[];
-    };
-    constructor(props: any);
-    onSelect: (selectedImage: any) => void;
-    onConfirm: () => void;
-    render(): JSX.Element;
-}

package/types/components/InsertFieldModal.d.ts

@@ -1,41 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export default class InsertFieldModal extends React.PureComponent {
-    static propTypes: {
-        onConfirm: PropTypes.Validator<(...args: any[]) => any>;
-        onClose: PropTypes.Validator<(...args: any[]) => any>;
-        confirmLabel: PropTypes.Requireable<string>;
-        customFields: PropTypes.Requireable<(string | null | undefined)[]>;
-        disableDoubleClick: PropTypes.Requireable<boolean>;
-        isOpen: PropTypes.Requireable<boolean>;
-        modalTitle: PropTypes.Requireable<string>;
-        modalType: PropTypes.Requireable<string>;
-        rejectLabel: PropTypes.Requireable<string>;
-        shouldCloseOnOverlayClick: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        confirmLabel: string;
-        customFields: string[];
-        disableDoubleClick: boolean;
-        isOpen: boolean;
-        modalTitle: string;
-        modalType: string;
-        rejectLabel: string;
-        shouldCloseOnOverlayClick: boolean;
-        size: any;
-        onSelect: undefined;
-    };
-    constructor(props: any);
-    componentDidMount(): void;
-    getDerivedStateFromProps(nextProps: any): void;
-    onConfirm: () => void;
-    onReject: () => void;
-    drawDiv: (className: any, content: any, content2: any) => JSX.Element;
-    drawLabel: (className: any, label: any, value: any) => JSX.Element;
-    handleElementClick: (e: any, selectedFieldCode: any) => void;
-    preventSpacebarScroll: () => void;
-    renderElements: () => any;
-    render(): JSX.Element;
-}

package/types/components/TippedButton.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface TippedButtonPropsT {
-    tip: string;
-    zIndex: number;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-    className?: string;
-    value?: string;
-}
-export declare const TippedButton: ({ className, tip, children, onClick, zIndex, ...rest }: TippedButtonPropsT) => JSX.Element;
-export {};

package/types/components/TippedSelect.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-interface TippedSelectPropsT {
-    tip: string;
-    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-    className?: string;
-    options?: string[];
-    defaultValue?: string;
-    values?: string[];
-    zIndex?: number;
-    children?: React.ReactNode;
-}
-export declare const TippedSelect: (props: TippedSelectPropsT) => JSX.Element;
-export {};

package/types/components/colors.d.ts

@@ -1 +0,0 @@
-export declare function getRainbowColors(size?: number): any[];

package/types/components/customFields.d.ts

@@ -1,36 +0,0 @@
-export declare const fields: string[];
-/**
- * Returns the fields names
- *
- * @param customFields
- */
-export declare const getFields: (customFields?: string[]) => {
-    id: string;
-    label: string;
-    onClick: (() => any) | null;
-    type: string | null;
-}[];
-/**
- * Returns a field's name
- *
- * @param field
- */
-export declare const getFieldName: (field: any) => any;
-/**
- * Returns a field's id. E.g: «456»
- *
- * @param field
- */
-export declare const getFieldCode: (field: any) => any;
-declare const _default: {
-    fields: string[];
-    getFields: (customFields?: string[]) => {
-        id: string;
-        label: string;
-        onClick: (() => any) | null;
-        type: string | null;
-    }[];
-    getFieldName: (field: any) => any;
-    getFieldCode: (field: any) => any;
-};
-export default _default;

package/types/constants.d.ts

@@ -1,26 +0,0 @@
-export declare const colors: any[];
-export declare const fonts: string[];
-export declare const sizes: string[];
-export declare const sizesReal: string[];
-export declare const defaultItems: {
-    HEADER: string;
-    FONT: string;
-    FONT_SIZE: string;
-    BOLD: string;
-    ITALIC: string;
-    UNDERLINE: string;
-    STRIKE: string;
-    SUB: string;
-    SUPER: string;
-    ORDERED_LIST: string;
-    BULLET_LIST: string;
-    INDENT_MINUS_ONE: string;
-    INDENT_PLUS_ONE: string;
-    ALIGN: string;
-    FONT_COLOR: string;
-    FONT_BACKGROUND_COLOR: string;
-    HYPERLINK: string;
-    IMAGE: string;
-    CLEAR_FORMAT: string;
-    SHOW_HTML: string;
-};

package/types/index.d.ts

@@ -1,4 +0,0 @@
-export { default, WYSIWYWithSchema } from './DSWYSIWYGEditor';
-export * from './components/CustomToolbar';
-export * from './components/CustomImageUploader';
-export * from './constants';

package/types/quillMatchers/clipboardLinkWithTagMatcher.d.ts

@@ -1,2 +0,0 @@
-import Delta from 'quill-delta';
-export declare const clipboardLinkWithTagMatcher: (node: HTMLAnchorElement, delta: Delta) => Delta;

package/types/quillOverrides/IndentStyle.d.ts

@@ -1,10 +0,0 @@
-declare const Parchment: any;
-declare class IndentAttributor extends Parchment.Attributor.Style {
-    add(node: any, value: any): any;
-    value(node: any): number | undefined;
-}
-/**
- * Meant to override quill's indent format's style and add the indentation inline instead of applying a class
- */
-declare const IndentStyle: IndentAttributor;
-export default IndentStyle;

package/types/quillOverrides/LinkFormat.d.ts

@@ -1,12 +0,0 @@
-declare const Link: any;
-declare class LinkFormat extends Link {
-    blotName: string;
-    tagName: string;
-    SANITIZED_URL: string;
-    PROTOCOL_WHITELIST: string[];
-    static create(value: any): any;
-    static formats(domNode: any): any;
-    static sanitize(url: any): any;
-    format(name: any, value: any): void;
-}
-export default LinkFormat;

package/types/quillOverrides/PlainClipboard.d.ts

@@ -1,8 +0,0 @@
-declare const Clipboard: any;
-/**
- * Just for the sake of an example. https://quilljs.com/docs/modules/
- */
-export default class PlainClipboard extends Clipboard {
-    convert(html?: null): any;
-}
-export {};

package/types/utils.d.ts

@@ -1 +0,0 @@
-export declare const formatHTML: (html: any) => string;