@elliemae/ds-wysiwygeditor 3.27.0-next.1 → 3.27.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/dist/cjs/index.js +3 -7
  2. package/dist/cjs/index.js.map +2 -2
  3. package/dist/esm/index.js +2 -6
  4. package/dist/esm/index.js.map +2 -2
  5. package/dist/types/index.d.ts +2 -4
  6. package/package.json +8 -86
  7. package/dist/cjs/DSWYSIWYGEditor.js +0 -106
  8. package/dist/cjs/DSWYSIWYGEditor.js.map +0 -7
  9. package/dist/cjs/components/CustomImageUploader.js +0 -138
  10. package/dist/cjs/components/CustomImageUploader.js.map +0 -7
  11. package/dist/cjs/components/CustomToolbar.js +0 -327
  12. package/dist/cjs/components/CustomToolbar.js.map +0 -7
  13. package/dist/cjs/components/DSWYSIWYGEditorImpl.js +0 -237
  14. package/dist/cjs/components/DSWYSIWYGEditorImpl.js.map +0 -7
  15. package/dist/cjs/components/ImageLibraryModal.js +0 -92
  16. package/dist/cjs/components/ImageLibraryModal.js.map +0 -7
  17. package/dist/cjs/components/InsertFieldModal.js +0 -183
  18. package/dist/cjs/components/InsertFieldModal.js.map +0 -7
  19. package/dist/cjs/components/TippedButton.js +0 -57
  20. package/dist/cjs/components/TippedButton.js.map +0 -7
  21. package/dist/cjs/components/TippedSelect.js +0 -53
  22. package/dist/cjs/components/TippedSelect.js.map +0 -7
  23. package/dist/cjs/components/colors.js +0 -51
  24. package/dist/cjs/components/colors.js.map +0 -7
  25. package/dist/cjs/components/customFields.js +0 -78
  26. package/dist/cjs/components/customFields.js.map +0 -7
  27. package/dist/cjs/config/quillSingletonConfigurations.js +0 -86
  28. package/dist/cjs/config/quillSingletonConfigurations.js.map +0 -7
  29. package/dist/cjs/constants.js +0 -116
  30. package/dist/cjs/constants.js.map +0 -7
  31. package/dist/cjs/quillMatchers/clipboardLinkWithTagMatcher.js +0 -49
  32. package/dist/cjs/quillMatchers/clipboardLinkWithTagMatcher.js.map +0 -7
  33. package/dist/cjs/quillOverrides/Image.js +0 -74
  34. package/dist/cjs/quillOverrides/Image.js.map +0 -7
  35. package/dist/cjs/quillOverrides/IndentStyle.js +0 -52
  36. package/dist/cjs/quillOverrides/IndentStyle.js.map +0 -7
  37. package/dist/cjs/quillOverrides/LinkFormat.js +0 -87
  38. package/dist/cjs/quillOverrides/LinkFormat.js.map +0 -7
  39. package/dist/cjs/quillOverrides/PlainClipboard.js +0 -48
  40. package/dist/cjs/quillOverrides/PlainClipboard.js.map +0 -7
  41. package/dist/cjs/utils.js +0 -51
  42. package/dist/cjs/utils.js.map +0 -7
  43. package/dist/esm/DSWYSIWYGEditor.js +0 -76
  44. package/dist/esm/DSWYSIWYGEditor.js.map +0 -7
  45. package/dist/esm/components/CustomImageUploader.js +0 -108
  46. package/dist/esm/components/CustomImageUploader.js.map +0 -7
  47. package/dist/esm/components/CustomToolbar.js +0 -297
  48. package/dist/esm/components/CustomToolbar.js.map +0 -7
  49. package/dist/esm/components/DSWYSIWYGEditorImpl.js +0 -207
  50. package/dist/esm/components/DSWYSIWYGEditorImpl.js.map +0 -7
  51. package/dist/esm/components/ImageLibraryModal.js +0 -62
  52. package/dist/esm/components/ImageLibraryModal.js.map +0 -7
  53. package/dist/esm/components/InsertFieldModal.js +0 -153
  54. package/dist/esm/components/InsertFieldModal.js.map +0 -7
  55. package/dist/esm/components/TippedButton.js +0 -27
  56. package/dist/esm/components/TippedButton.js.map +0 -7
  57. package/dist/esm/components/TippedSelect.js +0 -23
  58. package/dist/esm/components/TippedSelect.js.map +0 -7
  59. package/dist/esm/components/colors.js +0 -21
  60. package/dist/esm/components/colors.js.map +0 -7
  61. package/dist/esm/components/customFields.js +0 -48
  62. package/dist/esm/components/customFields.js.map +0 -7
  63. package/dist/esm/config/quillSingletonConfigurations.js +0 -56
  64. package/dist/esm/config/quillSingletonConfigurations.js.map +0 -7
  65. package/dist/esm/constants.js +0 -86
  66. package/dist/esm/constants.js.map +0 -7
  67. package/dist/esm/quillMatchers/clipboardLinkWithTagMatcher.js +0 -19
  68. package/dist/esm/quillMatchers/clipboardLinkWithTagMatcher.js.map +0 -7
  69. package/dist/esm/quillOverrides/Image.js +0 -44
  70. package/dist/esm/quillOverrides/Image.js.map +0 -7
  71. package/dist/esm/quillOverrides/IndentStyle.js +0 -22
  72. package/dist/esm/quillOverrides/IndentStyle.js.map +0 -7
  73. package/dist/esm/quillOverrides/LinkFormat.js +0 -57
  74. package/dist/esm/quillOverrides/LinkFormat.js.map +0 -7
  75. package/dist/esm/quillOverrides/PlainClipboard.js +0 -18
  76. package/dist/esm/quillOverrides/PlainClipboard.js.map +0 -7
  77. package/dist/esm/utils.js +0 -21
  78. package/dist/esm/utils.js.map +0 -7
  79. package/dist/types/DSWYSIWYGEditor.d.ts +0 -43
  80. package/dist/types/components/CustomImageUploader.d.ts +0 -7
  81. package/dist/types/components/CustomToolbar.d.ts +0 -20
  82. package/dist/types/components/DSWYSIWYGEditorImpl.d.ts +0 -22
  83. package/dist/types/components/ImageLibraryModal.d.ts +0 -23
  84. package/dist/types/components/InsertFieldModal.d.ts +0 -40
  85. package/dist/types/components/TippedButton.d.ts +0 -12
  86. package/dist/types/components/TippedSelect.d.ts +0 -13
  87. package/dist/types/components/colors.d.ts +0 -1
  88. package/dist/types/components/customFields.d.ts +0 -33
  89. package/dist/types/config/quillSingletonConfigurations.d.ts +0 -2
  90. package/dist/types/constants.d.ts +0 -26
  91. package/dist/types/quillMatchers/clipboardLinkWithTagMatcher.d.ts +0 -2
  92. package/dist/types/quillOverrides/Image.d.ts +0 -7
  93. package/dist/types/quillOverrides/IndentStyle.d.ts +0 -10
  94. package/dist/types/quillOverrides/LinkFormat.d.ts +0 -12
  95. package/dist/types/quillOverrides/PlainClipboard.d.ts +0 -8
  96. package/dist/types/utils.d.ts +0 -1
package/dist/cjs/index.js CHANGED
@@ -29,14 +29,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
29
29
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
30
30
  var src_exports = {};
31
31
  __export(src_exports, {
32
- DSWYSIWYGEditor: () => import_DSWYSIWYGEditor.DSWYSIWYGEditor,
33
- WYSIWYWithSchema: () => import_DSWYSIWYGEditor.WYSIWYWithSchema,
34
- default: () => import_DSWYSIWYGEditor.default
32
+ default: () => import_ds_legacy_wysiwygeditor.default
35
33
  });
36
34
  module.exports = __toCommonJS(src_exports);
37
35
  var React = __toESM(require("react"));
38
- var import_DSWYSIWYGEditor = __toESM(require("./DSWYSIWYGEditor.js"));
39
- __reExport(src_exports, require("./components/CustomToolbar.js"), module.exports);
40
- __reExport(src_exports, require("./components/CustomImageUploader.js"), module.exports);
41
- __reExport(src_exports, require("./constants.js"), module.exports);
36
+ __reExport(src_exports, require("@elliemae/ds-legacy-wysiwygeditor"), module.exports);
37
+ var import_ds_legacy_wysiwygeditor = __toESM(require("@elliemae/ds-legacy-wysiwygeditor"));
42
38
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export { default, DSWYSIWYGEditor, WYSIWYWithSchema } from './DSWYSIWYGEditor.js';\nexport * from './components/CustomToolbar.js';\nexport * from './components/CustomImageUploader.js';\nexport * from './constants.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAA2D;AAC3D,wBAAc,0CADd;AAEA,wBAAc,gDAFd;AAGA,wBAAc,2BAHd;",
4
+ "sourcesContent": ["export * from '@elliemae/ds-legacy-wysiwygeditor';\nexport { default } from '@elliemae/ds-legacy-wysiwygeditor';\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8CAAd;AACA,qCAAwB;",
6
6
  "names": []
7
7
  }
package/dist/esm/index.js CHANGED
@@ -1,11 +1,7 @@
1
1
  import * as React from "react";
2
- import { default as default2, DSWYSIWYGEditor, WYSIWYWithSchema } from "./DSWYSIWYGEditor.js";
3
- export * from "./components/CustomToolbar.js";
4
- export * from "./components/CustomImageUploader.js";
5
- export * from "./constants.js";
2
+ export * from "@elliemae/ds-legacy-wysiwygeditor";
3
+ import { default as default2 } from "@elliemae/ds-legacy-wysiwygeditor";
6
4
  export {
7
- DSWYSIWYGEditor,
8
- WYSIWYWithSchema,
9
5
  default2 as default
10
6
  };
11
7
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSWYSIWYGEditor, WYSIWYWithSchema } from './DSWYSIWYGEditor.js';\nexport * from './components/CustomToolbar.js';\nexport * from './components/CustomImageUploader.js';\nexport * from './constants.js';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,iBAAiB,wBAAwB;AAC3D,cAAc;AACd,cAAc;AACd,cAAc;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-legacy-wysiwygeditor';\nexport { default } from '@elliemae/ds-legacy-wysiwygeditor';\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
6
6
  "names": ["default"]
7
7
  }
@@ -1,4 +1,2 @@
1
- export { default, DSWYSIWYGEditor, WYSIWYWithSchema } from './DSWYSIWYGEditor.js';
2
- export * from './components/CustomToolbar.js';
3
- export * from './components/CustomImageUploader.js';
4
- export * from './constants.js';
1
+ export * from '@elliemae/ds-legacy-wysiwygeditor';
2
+ export { default } from '@elliemae/ds-legacy-wysiwygeditor';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-wysiwygeditor",
3
- "version": "3.27.0-next.1",
3
+ "version": "3.27.0-next.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - WYSIWYG Editor",
6
6
  "files": [
@@ -13,70 +13,6 @@
13
13
  ".": {
14
14
  "import": "./dist/esm/index.js",
15
15
  "require": "./dist/cjs/index.js"
16
- },
17
- "./utils": {
18
- "import": "./dist/esm/utils.js",
19
- "require": "./dist/cjs/utils.js"
20
- },
21
- "./quillOverrides/PlainClipboard": {
22
- "import": "./dist/esm/quillOverrides/PlainClipboard.js",
23
- "require": "./dist/cjs/quillOverrides/PlainClipboard.js"
24
- },
25
- "./quillOverrides/LinkFormat": {
26
- "import": "./dist/esm/quillOverrides/LinkFormat.js",
27
- "require": "./dist/cjs/quillOverrides/LinkFormat.js"
28
- },
29
- "./quillOverrides/IndentStyle": {
30
- "import": "./dist/esm/quillOverrides/IndentStyle.js",
31
- "require": "./dist/cjs/quillOverrides/IndentStyle.js"
32
- },
33
- "./quillMatchers/clipboardLinkWithTagMatcher": {
34
- "import": "./dist/esm/quillMatchers/clipboardLinkWithTagMatcher.js",
35
- "require": "./dist/cjs/quillMatchers/clipboardLinkWithTagMatcher.js"
36
- },
37
- "./DSWYSIWYGEditor": {
38
- "import": "./dist/esm/DSWYSIWYGEditor.js",
39
- "require": "./dist/cjs/DSWYSIWYGEditor.js"
40
- },
41
- "./constants": {
42
- "import": "./dist/esm/constants.js",
43
- "require": "./dist/cjs/constants.js"
44
- },
45
- "./components/TippedSelect": {
46
- "import": "./dist/esm/components/TippedSelect.js",
47
- "require": "./dist/cjs/components/TippedSelect.js"
48
- },
49
- "./components/TippedButton": {
50
- "import": "./dist/esm/components/TippedButton.js",
51
- "require": "./dist/cjs/components/TippedButton.js"
52
- },
53
- "./components/InsertFieldModal": {
54
- "import": "./dist/esm/components/InsertFieldModal.js",
55
- "require": "./dist/cjs/components/InsertFieldModal.js"
56
- },
57
- "./components/ImageLibraryModal": {
58
- "import": "./dist/esm/components/ImageLibraryModal.js",
59
- "require": "./dist/cjs/components/ImageLibraryModal.js"
60
- },
61
- "./components/DSWYSIWYGEditorImpl": {
62
- "import": "./dist/esm/components/DSWYSIWYGEditorImpl.js",
63
- "require": "./dist/cjs/components/DSWYSIWYGEditorImpl.js"
64
- },
65
- "./components/CustomToolbar": {
66
- "import": "./dist/esm/components/CustomToolbar.js",
67
- "require": "./dist/cjs/components/CustomToolbar.js"
68
- },
69
- "./components/CustomImageUploader": {
70
- "import": "./dist/esm/components/CustomImageUploader.js",
71
- "require": "./dist/cjs/components/CustomImageUploader.js"
72
- },
73
- "./components/customFields": {
74
- "import": "./dist/esm/components/customFields.js",
75
- "require": "./dist/cjs/components/customFields.js"
76
- },
77
- "./components/colors": {
78
- "import": "./dist/esm/components/colors.js",
79
- "require": "./dist/cjs/components/colors.js"
80
16
  }
81
17
  },
82
18
  "sideEffects": [
@@ -99,26 +35,12 @@
99
35
  "indent": 4
100
36
  },
101
37
  "dependencies": {
102
- "quill-blot-formatter": "~1.0.5",
103
- "quill-delta": "5.0.0",
104
- "react-quill": "2.0.0-beta.4",
105
- "uid": "^2.0.1",
106
- "@elliemae/ds-button-v2": "3.27.0-next.1",
107
- "@elliemae/ds-grid": "3.27.0-next.1",
108
- "@elliemae/ds-dropdownmenu": "3.27.0-next.1",
109
- "@elliemae/ds-icons": "3.27.0-next.1",
110
- "@elliemae/ds-imagelibrarymodal": "3.27.0-next.1",
111
- "@elliemae/ds-modal": "3.27.0-next.1",
112
- "@elliemae/ds-props-helpers": "3.27.0-next.1",
113
- "@elliemae/ds-system": "3.27.0-next.1",
114
- "@elliemae/ds-shared": "3.27.0-next.1",
115
- "@elliemae/ds-tooltip": "3.27.0-next.1",
116
- "@elliemae/ds-uploader": "3.27.0-next.1"
38
+ "@elliemae/ds-legacy-wysiwygeditor": "1.0.1"
117
39
  },
118
40
  "devDependencies": {
119
41
  "@elliemae/pui-cli": "~9.0.0-next.31",
120
42
  "styled-components": "~5.3.9",
121
- "@elliemae/ds-monorepo-devops": "3.27.0-next.1"
43
+ "@elliemae/ds-monorepo-devops": "3.27.0-next.2"
122
44
  },
123
45
  "publishConfig": {
124
46
  "access": "public",
@@ -131,13 +53,13 @@
131
53
  },
132
54
  "scripts": {
133
55
  "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
134
- "test": "pui-cli test --passWithNoTests",
135
- "lint": "node ../../../scripts/lint.mjs",
136
- "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
137
- "dts": "node ../../../scripts/dts.mjs",
56
+ "test": "exit 0 | echo",
57
+ "lint": "exit 0 | echo",
58
+ "eslint:fix": "exit 0 | echo",
59
+ "dts": "exit 0 | echo",
138
60
  "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
139
61
  "dev:build": "pnpm --filter {.}... build",
140
62
  "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
141
- "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
63
+ "checkDeps": "exit 0 | echo"
142
64
  }
143
65
  }
@@ -1,106 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var DSWYSIWYGEditor_exports = {};
30
- __export(DSWYSIWYGEditor_exports, {
31
- DSWYSIWYGEditor: () => DSWYSIWYGEditor,
32
- WYSIWYWithSchema: () => WYSIWYWithSchema,
33
- default: () => DSWYSIWYGEditor_default
34
- });
35
- module.exports = __toCommonJS(DSWYSIWYGEditor_exports);
36
- var React = __toESM(require("react"));
37
- var import_jsx_runtime = require("react/jsx-runtime");
38
- var import_react = require("react");
39
- var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
40
- var import_DSWYSIWYGEditorImpl = __toESM(require("./components/DSWYSIWYGEditorImpl.js"));
41
- const DSWYSIWYGEditor = ({
42
- value = "",
43
- onChange = () => null,
44
- getQuillRef = () => null,
45
- quillModules = {},
46
- customToolbar,
47
- toolbarHandlers,
48
- showRawHTML = false,
49
- height,
50
- hideItems,
51
- ...rest
52
- }) => {
53
- const emptyAction = () => {
54
- };
55
- const [showHTML, setShowHTML] = (0, import_react.useState)(showRawHTML);
56
- (0, import_react.useEffect)(() => setShowHTML(showRawHTML), [showRawHTML]);
57
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
58
- import_DSWYSIWYGEditorImpl.default,
59
- {
60
- handleCustomFieldClick: emptyAction,
61
- handleImageClick: emptyAction,
62
- quillOverrides: [],
63
- value,
64
- onChange,
65
- getQuillRef,
66
- quillModules,
67
- customToolbar,
68
- toolbarHandlers,
69
- showRawHTML: showHTML,
70
- onShowHTML: () => setShowHTML(!showHTML),
71
- height,
72
- hideItems,
73
- ...rest
74
- }
75
- );
76
- };
77
- const wysiwygEditorProps = {
78
- value: import_ds_props_helpers.PropTypes.string.description("editors value").isRequired,
79
- onChange: import_ds_props_helpers.PropTypes.func.description(
80
- `(content, delta, source, editor) : Called back with the new contents of the editor after change.
81
- It will be passed the HTML contents of the editor, a delta object expressing the change, the source of the change, and finally a read-only proxy to editor accessors such as getHTML().
82
- \u26A0\uFE0F Do not use this delta object as value, as it will cause a loop.
83
- Use editor.getContents() instead. See Using Deltas for details.
84
- Read more: https://github.com/zenoamaro/react-quill#props`
85
- ).isRequired,
86
- getQuillRef: import_ds_props_helpers.PropTypes.func.description("function to use quill.js ref"),
87
- quillModules: import_ds_props_helpers.PropTypes.object.description("object to override quill modules"),
88
- customToolbar: import_ds_props_helpers.PropTypes.element.description("custom toolbar"),
89
- toolbarHandlers: import_ds_props_helpers.PropTypes.object.description("object with toolbar handlers"),
90
- showRawHTML: import_ds_props_helpers.PropTypes.bool.description("whether to display html view or not").defaultValue(false),
91
- height: import_ds_props_helpers.PropTypes.string.description("heigth of the editors text area"),
92
- readOnly: import_ds_props_helpers.PropTypes.string.description(
93
- "If true, the editor won't allow changing its contents. Wraps the Quill disable API."
94
- ),
95
- hideToolbar: import_ds_props_helpers.PropTypes.bool.description("If true, the editor will hide the toolbar.").defaultValue(false),
96
- hideItems: import_ds_props_helpers.PropTypes.object.description("object of defaultItems to be removed from toolbar").defaultValue({}),
97
- zIndex: import_ds_props_helpers.PropTypes.number.description(
98
- "zIndex to be used (required when used in a modal for correct tooltips displaying)"
99
- )
100
- };
101
- DSWYSIWYGEditor.propTypes = wysiwygEditorProps;
102
- DSWYSIWYGEditor.displayName = "DSWYSIWYGEditor";
103
- const WYSIWYWithSchema = (0, import_ds_props_helpers.describe)(DSWYSIWYGEditor);
104
- WYSIWYWithSchema.propTypes = wysiwygEditorProps;
105
- var DSWYSIWYGEditor_default = DSWYSIWYGEditor;
106
- //# sourceMappingURL=DSWYSIWYGEditor.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/DSWYSIWYGEditor.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport DSWYSIWYGEditorImpl from './components/DSWYSIWYGEditorImpl.js';\n\nconst DSWYSIWYGEditor = ({\n value = '',\n onChange = () => null,\n getQuillRef = () => null,\n quillModules = {},\n customToolbar,\n toolbarHandlers,\n showRawHTML = false,\n height,\n hideItems,\n ...rest\n}) => {\n const emptyAction = () => {};\n const [showHTML, setShowHTML] = useState(showRawHTML);\n\n useEffect(() => setShowHTML(showRawHTML), [showRawHTML]);\n\n return (\n <DSWYSIWYGEditorImpl\n handleCustomFieldClick={emptyAction}\n handleImageClick={emptyAction}\n quillOverrides={[]}\n value={value}\n onChange={onChange}\n getQuillRef={getQuillRef}\n quillModules={quillModules}\n customToolbar={customToolbar}\n toolbarHandlers={toolbarHandlers}\n showRawHTML={showHTML}\n onShowHTML={() => setShowHTML(!showHTML)}\n height={height}\n hideItems={hideItems}\n {...rest}\n />\n );\n};\n\nconst wysiwygEditorProps = {\n value: PropTypes.string.description('editors value').isRequired,\n onChange: PropTypes.func.description(\n `(content, delta, source, editor) : Called back with the new contents of the editor after change. \n It will be passed the HTML contents of the editor, a delta object expressing the change, the source of the change, and finally a read-only proxy to editor accessors such as getHTML(). \n \u26A0\uFE0F Do not use this delta object as value, as it will cause a loop. \n Use editor.getContents() instead. See Using Deltas for details. \n Read more: https://github.com/zenoamaro/react-quill#props`,\n ).isRequired,\n getQuillRef: PropTypes.func.description('function to use quill.js ref'),\n quillModules: PropTypes.object.description('object to override quill modules'),\n customToolbar: PropTypes.element.description('custom toolbar'),\n toolbarHandlers: PropTypes.object.description('object with toolbar handlers'),\n showRawHTML: PropTypes.bool.description('whether to display html view or not').defaultValue(false),\n height: PropTypes.string.description('heigth of the editors text area'),\n readOnly: PropTypes.string.description(\n \"If true, the editor won't allow changing its contents. Wraps the Quill disable API.\",\n ),\n hideToolbar: PropTypes.bool.description('If true, the editor will hide the toolbar.').defaultValue(false),\n hideItems: PropTypes.object.description('object of defaultItems to be removed from toolbar').defaultValue({}),\n zIndex: PropTypes.number.description(\n 'zIndex to be used (required when used in a modal for correct tooltips displaying)',\n ),\n};\n\nDSWYSIWYGEditor.propTypes = wysiwygEditorProps;\nDSWYSIWYGEditor.displayName = 'DSWYSIWYGEditor';\nconst WYSIWYWithSchema = describe(DSWYSIWYGEditor);\nWYSIWYWithSchema.propTypes = wysiwygEditorProps;\n\nexport { WYSIWYWithSchema, DSWYSIWYGEditor };\nexport default DSWYSIWYGEditor;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBnB;AAtBJ,mBAA2C;AAC3C,8BAAoC;AACpC,iCAAgC;AAEhC,MAAM,kBAAkB,CAAC;AAAA,EACvB,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,cAAc,MAAM;AAAA,EACpB,eAAe,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAc,MAAM;AAAA,EAAC;AAC3B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,WAAW;AAEpD,8BAAU,MAAM,YAAY,WAAW,GAAG,CAAC,WAAW,CAAC;AAEvD,SACE;AAAA,IAAC,2BAAAA;AAAA,IAAA;AAAA,MACC,wBAAwB;AAAA,MACxB,kBAAkB;AAAA,MAClB,gBAAgB,CAAC;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,YAAY,MAAM,YAAY,CAAC,QAAQ;AAAA,MACvC;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,qBAAqB;AAAA,EACzB,OAAO,kCAAU,OAAO,YAAY,eAAe,EAAE;AAAA,EACrD,UAAU,kCAAU,KAAK;AAAA,IACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKF,EAAE;AAAA,EACF,aAAa,kCAAU,KAAK,YAAY,8BAA8B;AAAA,EACtE,cAAc,kCAAU,OAAO,YAAY,kCAAkC;AAAA,EAC7E,eAAe,kCAAU,QAAQ,YAAY,gBAAgB;AAAA,EAC7D,iBAAiB,kCAAU,OAAO,YAAY,8BAA8B;AAAA,EAC5E,aAAa,kCAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EACjG,QAAQ,kCAAU,OAAO,YAAY,iCAAiC;AAAA,EACtE,UAAU,kCAAU,OAAO;AAAA,IACzB;AAAA,EACF;AAAA,EACA,aAAa,kCAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,KAAK;AAAA,EACxG,WAAW,kCAAU,OAAO,YAAY,mDAAmD,EAAE,aAAa,CAAC,CAAC;AAAA,EAC5G,QAAQ,kCAAU,OAAO;AAAA,IACvB;AAAA,EACF;AACF;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,uBAAmB,kCAAS,eAAe;AACjD,iBAAiB,YAAY;AAG7B,IAAO,0BAAQ;",
6
- "names": ["DSWYSIWYGEditorImpl"]
7
- }
@@ -1,138 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var CustomImageUploader_exports = {};
30
- __export(CustomImageUploader_exports, {
31
- CustomImageUploader: () => CustomImageUploader
32
- });
33
- module.exports = __toCommonJS(CustomImageUploader_exports);
34
- var React = __toESM(require("react"));
35
- var import_jsx_runtime = require("react/jsx-runtime");
36
- var import_react = require("react");
37
- var import_ds_icons = require("@elliemae/ds-icons");
38
- var import_ds_uploader = __toESM(require("@elliemae/ds-uploader"));
39
- var import_ds_modal = __toESM(require("@elliemae/ds-modal"));
40
- var import_TippedButton = require("./TippedButton.js");
41
- const ALLOWED_TYPES_TEXT = "JPG, JPEG, PNG, GIF, BMP, TIFF";
42
- const ALLOWED_TYPES = /image\/(jpeg|jpg|png|gif|bmp|tiff)/;
43
- const DEFAULT_MAX_SIZE = 1024 * 1024;
44
- const CustomImageUploader = ({
45
- quillRef,
46
- editorFieldName,
47
- allowedImageTypes = ALLOWED_TYPES_TEXT,
48
- uploadAsset = () => null,
49
- zIndex = 1
50
- }) => {
51
- const [isOpen, setIsOpen] = (0, import_react.useState)(false);
52
- const [error, setError] = (0, import_react.useState)(null);
53
- const [inProgress, setInProgress] = (0, import_react.useState)(false);
54
- const [lastSelection, setLastSelection] = (0, import_react.useState)({ index: 0, length: 0 });
55
- const elementId = `uploadImage${editorFieldName}`;
56
- const handleFileChange = async (files) => {
57
- if (!inProgress) {
58
- setError(null);
59
- const selectedFile = files[0];
60
- if (!selectedFile) {
61
- setError("Please select a file.");
62
- return false;
63
- }
64
- if (!selectedFile.type.match(ALLOWED_TYPES)) {
65
- setError("File must be an image.");
66
- } else if (selectedFile.size > DEFAULT_MAX_SIZE) {
67
- setError("File is too large.");
68
- } else {
69
- const fr = new FileReader();
70
- fr.onload = async () => {
71
- setInProgress(true);
72
- try {
73
- const url = await uploadAsset({
74
- name: selectedFile.name,
75
- type: selectedFile.type,
76
- description: selectedFile.name,
77
- isSystemAsset: false,
78
- file: fr.result
79
- });
80
- setIsOpen(false);
81
- quillRef?.getEditor().insertEmbed(lastSelection?.index || 0, "image", url);
82
- } catch (e) {
83
- setError("An error has occurred, try again");
84
- }
85
- setInProgress(false);
86
- };
87
- fr.readAsArrayBuffer(selectedFile);
88
- }
89
- }
90
- };
91
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
92
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
93
- import_TippedButton.TippedButton,
94
- {
95
- zIndex,
96
- tip: "Insert Image",
97
- onClick: () => {
98
- setLastSelection(quillRef?.getEditor().getSelection());
99
- setIsOpen(true);
100
- },
101
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Image, { color: ["neutral", 500], size: "s" })
102
- }
103
- ),
104
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
105
- import_ds_modal.default,
106
- {
107
- isOpen,
108
- title: "",
109
- onConfirm: () => {
110
- setIsOpen(false);
111
- },
112
- onClose: () => {
113
- setIsOpen(false);
114
- },
115
- showClose: true,
116
- version: 2,
117
- size: "xsmall",
118
- modalType: import_ds_modal.MODAL_TYPE_V2.DECISION,
119
- confirmLabel: "Cancel",
120
- message: "",
121
- children: [
122
- !inProgress && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
123
- import_ds_uploader.default,
124
- {
125
- containerProps: { id: elementId },
126
- showAltAction: false,
127
- acceptedTypesText: allowedImageTypes,
128
- onDrop: handleFileChange
129
- }
130
- ),
131
- inProgress && "Upload in progress...",
132
- error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { color: "red", marginTop: "10px" }, children: error })
133
- ]
134
- }
135
- )
136
- ] });
137
- };
138
- //# sourceMappingURL=CustomImageUploader.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/CustomImageUploader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable react/prop-types */\nimport React, { useState } from 'react';\nimport { Image } from '@elliemae/ds-icons';\nimport DSUploader from '@elliemae/ds-uploader';\nimport DSModal, { MODAL_TYPE_V2 } from '@elliemae/ds-modal';\nimport { TippedButton } from './TippedButton.js';\n\nconst ALLOWED_TYPES_TEXT = 'JPG, JPEG, PNG, GIF, BMP, TIFF';\nconst ALLOWED_TYPES = /image\\/(jpeg|jpg|png|gif|bmp|tiff)/;\nconst DEFAULT_MAX_SIZE = 1024 * 1024; // 1 MB\n\nexport const CustomImageUploader = ({\n quillRef,\n editorFieldName,\n allowedImageTypes = ALLOWED_TYPES_TEXT,\n uploadAsset = () => null,\n zIndex = 1,\n}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [error, setError] = useState(null);\n const [inProgress, setInProgress] = useState(false);\n const [lastSelection, setLastSelection] = useState({ index: 0, length: 0 });\n\n const elementId = `uploadImage${editorFieldName}`;\n\n // eslint-disable-next-line consistent-return\n const handleFileChange = async (files) => {\n if (!inProgress) {\n setError(null);\n const selectedFile = files[0];\n if (!selectedFile) {\n setError('Please select a file.');\n return false;\n }\n if (!selectedFile.type.match(ALLOWED_TYPES)) {\n setError('File must be an image.');\n } else if (selectedFile.size > DEFAULT_MAX_SIZE) {\n setError('File is too large.');\n } else {\n const fr = new FileReader();\n fr.onload = async () => {\n setInProgress(true);\n try {\n const url = await uploadAsset({\n name: selectedFile.name,\n type: selectedFile.type,\n description: selectedFile.name,\n isSystemAsset: false,\n file: fr.result,\n });\n setIsOpen(false);\n quillRef?.getEditor().insertEmbed(lastSelection?.index || 0, 'image', url);\n } catch (e) {\n setError('An error has occurred, try again');\n }\n setInProgress(false);\n };\n fr.readAsArrayBuffer(selectedFile);\n }\n }\n };\n return (\n <>\n <TippedButton\n zIndex={zIndex}\n tip=\"Insert Image\"\n onClick={() => {\n setLastSelection(quillRef?.getEditor().getSelection());\n setIsOpen(true);\n }}\n >\n <Image color={['neutral', 500]} size=\"s\" />\n </TippedButton>\n <DSModal\n isOpen={isOpen}\n title=\"\"\n onConfirm={() => {\n setIsOpen(false);\n }}\n onClose={() => {\n setIsOpen(false);\n }}\n showClose\n version={2}\n size=\"xsmall\"\n modalType={MODAL_TYPE_V2.DECISION}\n confirmLabel=\"Cancel\"\n message=\"\"\n >\n {!inProgress && (\n <DSUploader\n containerProps={{ id: elementId }}\n showAltAction={false}\n acceptedTypesText={allowedImageTypes}\n onDrop={handleFileChange}\n />\n )}\n {inProgress && 'Upload in progress...'}\n {error && <div style={{ color: 'red', marginTop: '10px' }}>{error}</div>}\n </DSModal>\n </>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiEnB;AA7DJ,mBAAgC;AAChC,sBAAsB;AACtB,yBAAuB;AACvB,sBAAuC;AACvC,0BAA6B;AAE7B,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;AACtB,MAAM,mBAAmB,OAAO;AAEzB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,cAAc,MAAM;AAAA,EACpB,SAAS;AACX,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,IAAI;AACvC,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAC;AAE1E,QAAM,YAAY,cAAc;AAGhC,QAAM,mBAAmB,OAAO,UAAU;AACxC,QAAI,CAAC,YAAY;AACf,eAAS,IAAI;AACb,YAAM,eAAe,MAAM,CAAC;AAC5B,UAAI,CAAC,cAAc;AACjB,iBAAS,uBAAuB;AAChC,eAAO;AAAA,MACT;AACA,UAAI,CAAC,aAAa,KAAK,MAAM,aAAa,GAAG;AAC3C,iBAAS,wBAAwB;AAAA,MACnC,WAAW,aAAa,OAAO,kBAAkB;AAC/C,iBAAS,oBAAoB;AAAA,MAC/B,OAAO;AACL,cAAM,KAAK,IAAI,WAAW;AAC1B,WAAG,SAAS,YAAY;AACtB,wBAAc,IAAI;AAClB,cAAI;AACF,kBAAM,MAAM,MAAM,YAAY;AAAA,cAC5B,MAAM,aAAa;AAAA,cACnB,MAAM,aAAa;AAAA,cACnB,aAAa,aAAa;AAAA,cAC1B,eAAe;AAAA,cACf,MAAM,GAAG;AAAA,YACX,CAAC;AACD,sBAAU,KAAK;AACf,sBAAU,UAAU,EAAE,YAAY,eAAe,SAAS,GAAG,SAAS,GAAG;AAAA,UAC3E,SAAS,GAAP;AACA,qBAAS,kCAAkC;AAAA,UAC7C;AACA,wBAAc,KAAK;AAAA,QACrB;AACA,WAAG,kBAAkB,YAAY;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AACA,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAI;AAAA,QACJ,SAAS,MAAM;AACb,2BAAiB,UAAU,UAAU,EAAE,aAAa,CAAC;AACrD,oBAAU,IAAI;AAAA,QAChB;AAAA,QAEA,sDAAC,yBAAM,OAAO,CAAC,WAAW,GAAG,GAAG,MAAK,KAAI;AAAA;AAAA,IAC3C;AAAA,IACA;AAAA,MAAC,gBAAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAM;AAAA,QACN,WAAW,MAAM;AACf,oBAAU,KAAK;AAAA,QACjB;AAAA,QACA,SAAS,MAAM;AACb,oBAAU,KAAK;AAAA,QACjB;AAAA,QACA,WAAS;AAAA,QACT,SAAS;AAAA,QACT,MAAK;AAAA,QACL,WAAW,8BAAc;AAAA,QACzB,cAAa;AAAA,QACb,SAAQ;AAAA,QAEP;AAAA,WAAC,cACA;AAAA,YAAC,mBAAAC;AAAA,YAAA;AAAA,cACC,gBAAgB,EAAE,IAAI,UAAU;AAAA,cAChC,eAAe;AAAA,cACf,mBAAmB;AAAA,cACnB,QAAQ;AAAA;AAAA,UACV;AAAA,UAED,cAAc;AAAA,UACd,SAAS,4CAAC,SAAI,OAAO,EAAE,OAAO,OAAO,WAAW,OAAO,GAAI,iBAAM;AAAA;AAAA;AAAA,IACpE;AAAA,KACF;AAEJ;",
6
- "names": ["DSModal", "DSUploader"]
7
- }