include optional debug prop to silence module import notifications in…

… the console
the-curve-consulting · Jun 19, 2024 · 15efd71 · 15efd71
1 parent af8aee7
commit 15efd71
Show file tree

Hide file tree

Showing 9 changed files with 22 additions and 18 deletions.
diff --git a/dist/components/form/Form.d.ts b/dist/components/form/Form.d.ts
@@ -18,7 +18,7 @@ declare const Form: {
         ({ type, className, ...rest }: import("./components/FormCheck").FormCheckProps): React.JSX.Element;
         Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
     };
-    RichText: ({ modules, value, onChange, theme, importCallback, ...rest }: import("./components/FormRichText").QuillEditorProps) => React.JSX.Element;
+    RichText: ({ modules, value, onChange, theme, importCallback, debug, ...rest }: import("./components/FormRichText").QuillEditorProps) => React.JSX.Element;
     DateTime: {
         ({ className, ...rest }: import("./components/FormDateTime").FormDateTimeProps): React.JSX.Element;
         Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;

diff --git a/dist/components/form/components/FormRichText.d.ts b/dist/components/form/components/FormRichText.d.ts
@@ -7,9 +7,10 @@ export interface QuillEditorProps {
     modules?: Record<string, unknown>;
     value?: string;
     theme?: string;
+    debug?: boolean;
     onChange?(value: string): any;
     importCallback?(): any;
 }
-declare const FormRichText: ({ modules, value, onChange, theme, importCallback, ...rest }: QuillEditorProps) => React.JSX.Element;
+declare const FormRichText: ({ modules, value, onChange, theme, importCallback, debug, ...rest }: QuillEditorProps) => React.JSX.Element;
 export default FormRichText;
 //# sourceMappingURL=FormRichText.d.ts.map
diff --git a/dist/components/form/components/FormRichText.d.ts.map b/dist/components/form/components/FormRichText.d.ts.map
diff --git a/dist/components/form/components/FormRichText.js b/dist/components/form/components/FormRichText.js
diff --git a/dist/components/form/components/FormRichText.js.map b/dist/components/form/components/FormRichText.js.map
diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.js b/dist/index.js
@@ -25532,9 +25532,11 @@ Quill.register({
 }, true);
 
 var FormRichText = function (_a) {
-    var modules = _a.modules, value = _a.value, onChange = _a.onChange, theme = _a.theme, importCallback = _a.importCallback, rest = __rest(_a, ["modules", "value", "onChange", "theme", "importCallback"]);
+    var modules = _a.modules, value = _a.value, onChange = _a.onChange, theme = _a.theme, importCallback = _a.importCallback, debug = _a.debug, rest = __rest(_a, ["modules", "value", "onChange", "theme", "importCallback", "debug"]);
     var quillRef = React.useRef(null);
     var containerRef = React.useRef(null);
+    //Set debug mode, false results in no output.
+    Quill.debug(debug || false);
     var quillOptions = __assign(__assign({}, modules), { theme: theme || 'snow' });
     var setValue = function (quillRef) {
         var delta = quillRef.clipboard.convert({ html: value });
@@ -25550,10 +25552,8 @@ var FormRichText = function (_a) {
     };
     React.useEffect(function () {
         if (containerRef.current) {
-            console.log(importCallback);
             if (importCallback) {
-                console.log("import callback called");
-                // Callback to import new modules into quill, needs to be done within the same instance as the quill object.
+                //Callback to import new modules into quill, needs to be done within the same instance as the quill object.
                 importCallback();
             }
             var container_1 = containerRef.current;
@@ -25572,7 +25572,7 @@ var FormRichText = function (_a) {
         // NOTE: Run effect once on component mount, please recheck dependencies if effect is updated.
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (React.createElement("div", { ref: containerRef, style: rest.style, id: rest.id, className: rest.className }));
+    return React.createElement("div", { ref: containerRef, style: rest.style, id: rest.id, className: rest.className });
 };
 
 var FormDateTime = function (_a) {

diff --git a/dist/index.min.js b/dist/index.min.js
diff --git a/src/components/form/components/FormRichText.tsx b/src/components/form/components/FormRichText.tsx
@@ -9,6 +9,7 @@ export interface QuillEditorProps {
   modules?: Record<string, unknown>;
   value?: string;
   theme?: string;
+  debug?: boolean;
 
   onChange?(value: string): any;
   importCallback?(): any;
@@ -20,11 +21,15 @@ const FormRichText = ({
   onChange,
   theme,
   importCallback,
+  debug,
   ...rest
 }: QuillEditorProps) => {
   const quillRef = useRef<Quill | null>(null);
   const containerRef = useRef<HTMLDivElement>(null);
 
+  // Set debug mode, false results in no output.
+  Quill.debug(debug || false);
+
   const quillOptions = {
     ...modules,
     theme: theme || 'snow',
@@ -45,9 +50,7 @@ const FormRichText = ({
 
   useEffect(() => {
     if (containerRef.current) {
-      console.log(importCallback);
       if (importCallback) {
-        console.log('import callback called');
         // Callback to import new modules into quill, needs to be done within the same instance as the quill object.
         importCallback();
       }