@plasmicpkgs/react-quill 1.0.1

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Plasmic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+Plasmic registration call for react-quill WYSIWYG Editor

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactQuillProps } from "react-quill";
+import { Registerable } from "./utils";
+declare type ToolbarOptionsType = "textStyle" | "script" | "fontFamily" | "heading" | "fontSizes" | "colors" | "formatting" | "inputTypes";
+export declare function Quill(props: ReactQuillProps & {
+    containerClassName: string;
+    customToolbar: any[];
+    toolbar: Record<ToolbarOptionsType, any>;
+}): JSX.Element | null;
+export declare function registerQuill(loader?: Registerable): void;
+export {};

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./react-quill.cjs.production.min.js')
+} else {
+  module.exports = require('./react-quill.cjs.development.js')
+}

package/dist/react-quill.cjs.development.js

@@ -0,0 +1,391 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+var registerComponent = _interopDefault(require('@plasmicapp/host/registerComponent'));
+require('@plasmicapp/host/registerGlobalContext');
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function registerComponentHelper(loader, component, meta) {
+  if (loader) {
+    loader.registerComponent(component, meta);
+  } else {
+    registerComponent(component, meta);
+  }
+}
+
+function useIsClient() {
+  var _React$useState = React__default.useState(false),
+    loaded = _React$useState[0],
+    setLoaded = _React$useState[1];
+  useIsomorphicLayoutEffect(function () {
+    setLoaded(true);
+  });
+  return loaded;
+}
+var isBrowser = typeof window !== "undefined";
+var useIsomorphicLayoutEffect = isBrowser ? React__default.useLayoutEffect : React__default.useEffect;
+
+var _excluded = ["containerClassName", "toolbar", "customToolbar"];
+var ReactQuill = typeof window !== "undefined" ? /*#__PURE__*/require("react-quill") : null;
+var TEXT_STYLE_DICT = {
+  "bold": "bold",
+  "italic": "italic",
+  "underline": "underline",
+  "strikethrough": "strike"
+};
+var HEADING_TYPES_DICT = {
+  "Heading 1": 1,
+  "Heading 2": 2,
+  "Heading 3": 3,
+  "Heading 4": 4,
+  "Heading 5": 5,
+  "Heading 6": 6,
+  "Body": "normal"
+};
+var FONT_SIZES = ["small", "medium", "large", "huge"];
+var COLOR_TYPE_DICT = {
+  "text color": "color",
+  "text background": "background"
+};
+var FORMATTING_TYPES_DICT = {
+  "alignment": "align",
+  "list": "list",
+  "indentation": "indent",
+  "text direction": "direction",
+  "clear formatting": "clean"
+};
+var INPUT_TYPES = ["link", "blockquote", "image", "video", "code-block", "formula"];
+function Quill(props) {
+  var isClient = useIsClient();
+  var containerClassName = props.containerClassName,
+    toolbar = props.toolbar,
+    customToolbar = props.customToolbar,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var modules = React.useMemo(function () {
+    if (customToolbar) {
+      return {
+        toolbar: customToolbar
+      };
+    }
+    var textStyle = toolbar.textStyle,
+      fontFamily = toolbar.fontFamily,
+      heading = toolbar.heading,
+      fontSizes = toolbar.fontSizes,
+      colors = toolbar.colors,
+      script = toolbar.script,
+      formatting = toolbar.formatting,
+      inputTypes = toolbar.inputTypes;
+    var textStyleControls = Object.keys(TEXT_STYLE_DICT).filter(function (key) {
+      return textStyle.includes(key);
+    }).map(function (key) {
+      return TEXT_STYLE_DICT[key];
+    });
+    var colorControls = Object.keys(COLOR_TYPE_DICT).filter(function (key) {
+      return colors.includes(key);
+    }).map(function (key) {
+      var _ref;
+      return _ref = {}, _ref[COLOR_TYPE_DICT[key]] = [], _ref;
+    });
+    var scriptControls = script ? [{
+      'script': 'super'
+    }, {
+      'script': 'sub'
+    }] : undefined;
+    var fontControls = [fontFamily ? {
+      font: []
+    } : undefined, heading.length ? {
+      header: Object.keys(HEADING_TYPES_DICT).filter(function (key) {
+        return heading.includes(key);
+      }).map(function (key) {
+        return HEADING_TYPES_DICT[key];
+      })
+    } : undefined, fontSizes.length ? {
+      size: FONT_SIZES.filter(function (fs) {
+        return fontSizes.includes(fs);
+      })
+    } : undefined].filter(function (i) {
+      return i;
+    });
+    var listControlsGroup = [];
+    var indentationControlsGroup = [];
+    var otherFormattingControlsGroup = [];
+    formatting == null ? void 0 : formatting.map(function (f) {
+      var _listControlsGroup$pu, _listControlsGroup$pu2, _otherFormattingContr, _indentationControlsG, _indentationControlsG2, _otherFormattingContr2;
+      switch (f) {
+        case "list":
+          listControlsGroup.push((_listControlsGroup$pu = {}, _listControlsGroup$pu[FORMATTING_TYPES_DICT["list"]] = 'ordered', _listControlsGroup$pu));
+          listControlsGroup.push((_listControlsGroup$pu2 = {}, _listControlsGroup$pu2[FORMATTING_TYPES_DICT["list"]] = 'bullet', _listControlsGroup$pu2));
+          break;
+        case "alignment":
+          otherFormattingControlsGroup.push((_otherFormattingContr = {}, _otherFormattingContr[FORMATTING_TYPES_DICT["alignment"]] = [], _otherFormattingContr));
+          break;
+        case "indentation":
+          indentationControlsGroup.push((_indentationControlsG = {}, _indentationControlsG[FORMATTING_TYPES_DICT["indentation"]] = '-1', _indentationControlsG));
+          indentationControlsGroup.push((_indentationControlsG2 = {}, _indentationControlsG2[FORMATTING_TYPES_DICT["indentation"]] = '+1', _indentationControlsG2));
+          break;
+        case "text direction":
+          otherFormattingControlsGroup.push((_otherFormattingContr2 = {}, _otherFormattingContr2[FORMATTING_TYPES_DICT["text direction"]] = 'rtl', _otherFormattingContr2));
+          break;
+        case "clear formatting":
+          otherFormattingControlsGroup.push(FORMATTING_TYPES_DICT["clear formatting"]);
+          break;
+      }
+    });
+    var otherInputControls = inputTypes.length ? INPUT_TYPES.filter(function (inp) {
+      return inputTypes.includes(inp);
+    }) : undefined;
+    return {
+      toolbar: [textStyleControls, colorControls, scriptControls, fontControls, listControlsGroup, indentationControlsGroup, otherFormattingControlsGroup, otherInputControls].filter(function (i) {
+        return i == null ? void 0 : i.length;
+      })
+    };
+  }, [toolbar, customToolbar]);
+  var key = React.useMemo(function () {
+    return JSON.stringify(modules) + String(rest.preserveWhitespace);
+  }, [rest.preserveWhitespace, modules]);
+  if (!isClient) {
+    return null;
+  }
+  return React__default.createElement("div", {
+    className: containerClassName
+  }, React__default.createElement(ReactQuill, Object.assign({
+    key: key,
+    modules: modules
+  }, rest)));
+}
+var quillHelpers_ = {
+  states: {
+    value: {
+      onChangeArgsToValue: function onChangeArgsToValue(content, _delta, _source, _editor) {
+        return content;
+      }
+    }
+  }
+};
+var toolbarFields = {
+  textStyle: {
+    type: "choice",
+    multiSelect: true,
+    options: /*#__PURE__*/Object.keys(TEXT_STYLE_DICT),
+    defaultValue: /*#__PURE__*/Object.keys(TEXT_STYLE_DICT)
+  },
+  colors: {
+    type: "choice",
+    multiSelect: true,
+    options: /*#__PURE__*/Object.keys(COLOR_TYPE_DICT),
+    defaultValue: /*#__PURE__*/Object.keys(COLOR_TYPE_DICT)
+  },
+  script: {
+    displayName: "Super/Sub Script",
+    type: "boolean",
+    defaultValue: true
+  },
+  fontFamily: {
+    type: "boolean",
+    defaultValue: true
+  },
+  heading: {
+    type: "choice",
+    multiSelect: true,
+    options: /*#__PURE__*/Object.keys(HEADING_TYPES_DICT),
+    defaultValue: /*#__PURE__*/Object.keys(HEADING_TYPES_DICT)
+  },
+  fontSizes: {
+    type: "choice",
+    multiSelect: true,
+    options: FONT_SIZES,
+    defaultValue: FONT_SIZES
+  },
+  formatting: {
+    type: "choice",
+    multiSelect: true,
+    options: /*#__PURE__*/Object.keys(FORMATTING_TYPES_DICT),
+    defaultValue: /*#__PURE__*/Object.keys(FORMATTING_TYPES_DICT)
+  },
+  inputTypes: {
+    type: "choice",
+    multiSelect: true,
+    options: INPUT_TYPES,
+    defaultValue: INPUT_TYPES
+  }
+};
+var importName = "ReactQuill";
+function registerQuill(loader) {
+  registerComponentHelper(loader, Quill, {
+    name: "hostless-react-quill",
+    displayName: "Rich Text Editor",
+    classNameProp: "containerClassName",
+    defaultStyles: {
+      width: "stretch"
+    },
+    props: {
+      value: {
+        type: "string",
+        displayName: "HTML Value",
+        editOnly: true,
+        uncontrolledProp: "defaultValue",
+        description: "Contents of the editor"
+      },
+      toolbar: {
+        type: "object",
+        fields: _extends({}, toolbarFields),
+        defaultValue: Object.keys(toolbarFields).reduce(function (acc, key) {
+          acc[key] = toolbarFields[key].defaultValue;
+          return acc;
+        }, {}),
+        description: "Customize the toolbar to show/hide controls"
+      },
+      customToolbar: {
+        type: "array",
+        advanced: true,
+        description: "Custom toolbar configuration for Quill editor. Overrides the existing toolbar."
+      },
+      placeholder: "string",
+      preserveWhitespace: {
+        type: "boolean",
+        description: "Prevents Quill from collapsing continuous whitespaces on paste",
+        advanced: true,
+        defaultValue: true
+      },
+      readOnly: {
+        type: "boolean",
+        description: "Prevents user from changing the contents of the editor",
+        defaultValue: false,
+        advanced: true
+      },
+      onChange: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "content",
+          type: "string"
+        }, {
+          name: "delta",
+          type: "object"
+        }, {
+          name: "source",
+          type: "string"
+        }, {
+          name: "editor",
+          type: "object"
+        }]
+      },
+      onChangeSelection: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "range",
+          type: "object"
+        }, {
+          name: "source",
+          type: "string"
+        }, {
+          name: "editor",
+          type: "object"
+        }]
+      },
+      onFocus: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "range",
+          type: "object"
+        }, {
+          name: "source",
+          type: "string"
+        }, {
+          name: "editor",
+          type: "object"
+        }]
+      },
+      onBlur: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "previousRange",
+          type: "object"
+        }, {
+          name: "source",
+          type: "string"
+        }, {
+          name: "editor",
+          type: "object"
+        }]
+      },
+      onKeyPress: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "event",
+          type: "object"
+        }]
+      },
+      onKeyDown: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "event",
+          type: "object"
+        }]
+      },
+      onKeyUp: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "event",
+          type: "object"
+        }]
+      }
+    },
+    states: {
+      value: _extends({
+        type: "writable",
+        valueProp: "value",
+        onChangeProp: "onChange",
+        variableType: "text"
+      }, quillHelpers_.states.value)
+    },
+    componentHelpers: {
+      helpers: quillHelpers_,
+      importName: importName,
+      importPath: "@plasmicpkgs/react-quill"
+    },
+    importName: importName,
+    importPath: "@plasmicpkgs/react-quill"
+  });
+}
+
+exports.Quill = Quill;
+exports.registerQuill = registerQuill;
+//# sourceMappingURL=react-quill.cjs.development.js.map

package/dist/react-quill.cjs.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-quill.cjs.development.js","sources":["../src/utils.ts","../src/useIsClient.ts","../src/index.tsx"],"sourcesContent":["import {\n  ComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  default as registerGlobalContext,\n  GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n","import React from \"react\";\n\nexport function useIsClient() {\n    const [loaded, setLoaded] = React.useState(false);\n    useIsomorphicLayoutEffect(() => {\n        setLoaded(true);\n    });\n    return loaded;\n}\n\nconst isBrowser = typeof window !== \"undefined\";\nexport const useIsomorphicLayoutEffect = isBrowser\n    ? React.useLayoutEffect\n    : React.useEffect;","import React, { useMemo } from \"react\";\nimport { ReactQuillProps } from \"react-quill\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport { PropType } from \"@plasmicapp/host\";\nimport { useIsClient } from \"./useIsClient\";\nconst ReactQuill =\n  typeof window !== \"undefined\" ? require(\"react-quill\") : null;\n\n\ntype ToolbarOptionsType = \"textStyle\" | \"script\" | \"fontFamily\" | \"heading\" | \"fontSizes\" | \"colors\" | \"formatting\" | \"inputTypes\";\n\nconst TEXT_STYLE_DICT = {\n  \"bold\": \"bold\",\n  \"italic\": \"italic\",\n  \"underline\": \"underline\",\n  \"strikethrough\": \"strike\",\n}\n\nconst HEADING_TYPES_DICT = {\n  \"Heading 1\": 1,\n  \"Heading 2\": 2,\n  \"Heading 3\": 3,\n  \"Heading 4\": 4,\n  \"Heading 5\": 5,\n  \"Heading 6\": 6,\n  \"Body\": \"normal\",\n}\n\nconst FONT_SIZES = [\n  \"small\",\n  \"medium\",\n  \"large\",\n  \"huge\",\n];\n\nconst COLOR_TYPE_DICT = {\n  \"text color\": \"color\",\n  \"text background\": \"background\"\n}\n\nconst FORMATTING_TYPES_DICT = {\n  \"alignment\": \"align\",\n  \"list\": \"list\",\n  \"indentation\": \"indent\",\n  \"text direction\": \"direction\",\n  \"clear formatting\": \"clean\"\n};\n\nconst INPUT_TYPES = [\n  \"link\",\"blockquote\",\"image\",\"video\",\"code-block\",\"formula\"\n]\n\nexport function Quill(props: ReactQuillProps & {\n  containerClassName: string;\n  customToolbar: any[];\n  toolbar: Record<ToolbarOptionsType, any>;\n}) {\n  const isClient = useIsClient();\n  \n  const {containerClassName, toolbar, customToolbar, ...rest} = props;\n\n  const modules = useMemo(() => {\n\n    if (customToolbar) {\n      return {\n        toolbar: customToolbar,\n      }\n    }\n\n    const {\n      textStyle,\n      fontFamily,\n      heading,\n      fontSizes,\n      colors,\n      script,\n      formatting,\n      inputTypes,\n    } = toolbar;\n  \n    const textStyleControls = Object.keys(TEXT_STYLE_DICT)\n      .filter(key => textStyle.includes(key))\n      .map((key) => TEXT_STYLE_DICT[key as keyof typeof TEXT_STYLE_DICT]);\n  \n    const colorControls = Object.keys(COLOR_TYPE_DICT)\n      .filter(key => colors.includes(key))\n      .map((key) => ({ [COLOR_TYPE_DICT[key as keyof typeof COLOR_TYPE_DICT]]: [] }));\n  \n    const scriptControls = script \n    ? [{ 'script': 'super'}, { 'script': 'sub'}] : undefined;\n  \n    const fontControls = [\n      fontFamily ?{font: []} : undefined,\n      heading.length\n        ? {\n            header: Object.keys(HEADING_TYPES_DICT)\n              .filter(key => heading.includes(key))\n              .map((key) => HEADING_TYPES_DICT[key as keyof typeof HEADING_TYPES_DICT])}\n        : undefined,\n      fontSizes.length\n        ? {size: FONT_SIZES.filter(fs => fontSizes.includes(fs))}\n        : undefined,\n    ].filter(i => i);\n  \n    const listControlsGroup: any[] = [];\n    const indentationControlsGroup: any[] = [];\n    const otherFormattingControlsGroup: any[] = [];\n  \n    formatting?.map((f: keyof typeof FORMATTING_TYPES_DICT) => {\n      switch(f) {\n        case \"list\":\n          listControlsGroup.push({  [FORMATTING_TYPES_DICT[\"list\"]]: 'ordered'});\n          listControlsGroup.push({  [FORMATTING_TYPES_DICT[\"list\"]]: 'bullet' });\n          break;\n        case \"alignment\":\n          otherFormattingControlsGroup.push({ [FORMATTING_TYPES_DICT[\"alignment\"]]: []});\n          break;\n          case \"indentation\":\n            indentationControlsGroup.push({ [FORMATTING_TYPES_DICT[\"indentation\"]]: '-1'});\n            indentationControlsGroup.push({ [FORMATTING_TYPES_DICT[\"indentation\"]]: '+1'});\n          break;\n        case \"text direction\":\n          otherFormattingControlsGroup.push({ [FORMATTING_TYPES_DICT[\"text direction\"]]: 'rtl' });\n          break;\n        case \"clear formatting\":\n          otherFormattingControlsGroup.push(FORMATTING_TYPES_DICT[\"clear formatting\"]);\n          break;\n      }\n    });\n  \n    const otherInputControls = inputTypes.length ? INPUT_TYPES.filter(inp => inputTypes.includes(inp)) : undefined;\n  \n    return {\n      toolbar: [\n        textStyleControls,\n        colorControls,\n        scriptControls,\n        fontControls,\n        listControlsGroup,\n        indentationControlsGroup,\n        otherFormattingControlsGroup,\n        otherInputControls,\n      ].filter(i => i?.length)\n    }\n  }, [toolbar, customToolbar]);\n\n  const key = useMemo(() => JSON.stringify(modules) + String(rest.preserveWhitespace), [rest.preserveWhitespace, modules]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  return (\n    <div className={containerClassName}>\n      <ReactQuill \n        key={key} \n        modules={modules}\n        {...rest}\n      />\n    </div>\n  )\n}\n\nconst quillHelpers_ = {\n  states: {\n    value: {\n      onChangeArgsToValue: ((content, _delta, _source, _editor) => {\n        return content;\n      }) as ReactQuillProps[\"onChange\"],\n    }\n  }\n}\n\nconst toolbarFields: Record<ToolbarOptionsType, PropType<any>> = {\n  textStyle: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(TEXT_STYLE_DICT),\n    defaultValue: Object.keys(TEXT_STYLE_DICT)\n  },\n  colors: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(COLOR_TYPE_DICT),\n    defaultValue: Object.keys(COLOR_TYPE_DICT),\n  },\n  script: {\n    displayName: \"Super/Sub Script\",\n    type: \"boolean\",\n    defaultValue: true,\n  },\n  fontFamily: {\n    type: \"boolean\",\n    defaultValue: true,\n  },\n  heading: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(HEADING_TYPES_DICT),\n    defaultValue: Object.keys(HEADING_TYPES_DICT),\n  },\n  fontSizes: {\n    type: \"choice\",\n    multiSelect: true,\n    options: FONT_SIZES,\n    defaultValue: FONT_SIZES,\n  },\n  formatting: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(FORMATTING_TYPES_DICT),\n    defaultValue: Object.keys(FORMATTING_TYPES_DICT),\n  },\n  inputTypes: {\n    type: \"choice\",\n    multiSelect: true,\n    options:INPUT_TYPES,\n    defaultValue:INPUT_TYPES,\n  },\n} as const;\n\nconst importName = \"ReactQuill\";\n\nexport function registerQuill(loader?: Registerable) {\n  registerComponentHelper(loader, Quill, {\n    name: \"hostless-react-quill\",\n    displayName: \"Rich Text Editor\",\n    classNameProp: \"containerClassName\",\n    defaultStyles: {\n      width: \"stretch\"\n    },\n    props: {\n      value: {\n        type: \"string\",\n        displayName: \"HTML Value\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Contents of the editor\",\n      },\n      toolbar: {\n        type: \"object\",\n        fields: {...toolbarFields}, \n        defaultValue: Object.keys(toolbarFields)\n          .reduce((acc: any, key) => {\n            acc[key] = (toolbarFields[key as keyof typeof toolbarFields] as any).defaultValue;\n            return acc;\n          }, {}),\n        description: \"Customize the toolbar to show/hide controls\",\n      },\n      customToolbar: {\n        type: \"array\",\n        advanced: true,\n        description: \"Custom toolbar configuration for Quill editor. Overrides the existing toolbar.\"\n      },\n      placeholder: \"string\",\n      preserveWhitespace: {\n        type: \"boolean\",\n        description: \"Prevents Quill from collapsing continuous whitespaces on paste\",\n        advanced: true,  \n        defaultValue: true,\n      },\n      readOnly: {\n        type: \"boolean\",\n        description: \"Prevents user from changing the contents of the editor\",\n        defaultValue: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"content\",\n            type: \"string\",\n          },\n          {\n            name: \"delta\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onChangeSelection: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"range\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onFocus: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"range\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onBlur: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"previousRange\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onKeyPress: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"event\",\n            type: \"object\",\n          }\n        ],\n      },\n      onKeyDown: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"event\",\n            type: \"object\",\n          }\n        ],\n      },\n      onKeyUp: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"event\",\n            type: \"object\",\n          }\n        ],\n      },\n    } as any,\n    states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          // initVal: \"\",\n          ...quillHelpers_.states.value,\n        },\n    },\n    componentHelpers: {\n      helpers: quillHelpers_,\n      importName,\n      importPath: \"@plasmicpkgs/react-quill\",\n    },\n    importName,\n    importPath: \"@plasmicpkgs/react-quill\",\n  });\n}"],"names":["registerComponentHelper","loader","component","meta","registerComponent","useIsClient","React","useState","loaded","setLoaded","useIsomorphicLayoutEffect","isBrowser","window","useLayoutEffect","useEffect","ReactQuill","require","TEXT_STYLE_DICT","HEADING_TYPES_DICT","FONT_SIZES","COLOR_TYPE_DICT","FORMATTING_TYPES_DICT","INPUT_TYPES","Quill","props","isClient","containerClassName","toolbar","customToolbar","rest","modules","useMemo","textStyle","fontFamily","heading","fontSizes","colors","script","formatting","inputTypes","textStyleControls","Object","keys","filter","key","includes","map","colorControls","scriptControls","undefined","fontControls","font","length","header","size","fs","i","listControlsGroup","indentationControlsGroup","otherFormattingControlsGroup","f","push","otherInputControls","inp","JSON","stringify","String","preserveWhitespace","className","quillHelpers_","states","value","onChangeArgsToValue","content","_delta","_source","_editor","toolbarFields","type","multiSelect","options","defaultValue","displayName","importName","registerQuill","name","classNameProp","defaultStyles","width","editOnly","uncontrolledProp","description","fields","reduce","acc","advanced","placeholder","readOnly","onChange","argTypes","onChangeSelection","onFocus","onBlur","onKeyPress","onKeyDown","onKeyUp","valueProp","onChangeProp","variableType","componentHelpers","helpers","importPath"],"mappings":"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"}

package/dist/react-quill.cjs.production.min.js

@@ -0,0 +1,2 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),a=e(require("@plasmicapp/host/registerComponent"));function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}require("@plasmicapp/host/registerGlobalContext");var o="undefined"!=typeof window?n.useLayoutEffect:n.useEffect,i=["containerClassName","toolbar","customToolbar"],l="undefined"!=typeof window?require("react-quill"):null,s={bold:"bold",italic:"italic",underline:"underline",strikethrough:"strike"},c={"Heading 1":1,"Heading 2":2,"Heading 3":3,"Heading 4":4,"Heading 5":5,"Heading 6":6,Body:"normal"},u=["small","medium","large","huge"],p={"text color":"color","text background":"background"},d={alignment:"align",list:"list",indentation:"indent","text direction":"direction","clear formatting":"clean"},y=["link","blockquote","image","video","code-block","formula"];function f(e){var a,r,f,m=(r=(a=n.useState(!1))[0],f=a[1],o((function(){f(!0)})),r),g=e.containerClassName,b=e.toolbar,h=e.customToolbar,v=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(n=o[a])>=0||(r[n]=e[n]);return r}(e,i),j=t.useMemo((function(){if(h)return{toolbar:h};var e=b.textStyle,t=b.fontFamily,n=b.heading,a=b.fontSizes,r=b.colors,o=b.script,i=b.formatting,l=b.inputTypes,f=Object.keys(s).filter((function(t){return e.includes(t)})).map((function(e){return s[e]})),m=Object.keys(p).filter((function(e){return r.includes(e)})).map((function(e){var t;return(t={})[p[e]]=[],t})),g=o?[{script:"super"},{script:"sub"}]:void 0,v=[t?{font:[]}:void 0,n.length?{header:Object.keys(c).filter((function(e){return n.includes(e)})).map((function(e){return c[e]}))}:void 0,a.length?{size:u.filter((function(e){return a.includes(e)}))}:void 0].filter((function(e){return e})),j=[],k=[],O=[];null==i||i.map((function(e){var t,n,a,r,o,i;switch(e){case"list":j.push(((t={})[d.list]="ordered",t)),j.push(((n={})[d.list]="bullet",n));break;case"alignment":O.push(((a={})[d.alignment]=[],a));break;case"indentation":k.push(((r={})[d.indentation]="-1",r)),k.push(((o={})[d.indentation]="+1",o));break;case"text direction":O.push(((i={})[d["text direction"]]="rtl",i));break;case"clear formatting":O.push(d["clear formatting"])}}));var S=l.length?y.filter((function(e){return l.includes(e)})):void 0;return{toolbar:[f,m,g,v,j,k,O,S].filter((function(e){return null==e?void 0:e.length}))}}),[b,h]),k=t.useMemo((function(){return JSON.stringify(j)+String(v.preserveWhitespace)}),[v.preserveWhitespace,j]);return m?n.createElement("div",{className:g},n.createElement(l,Object.assign({key:k,modules:j},v))):null}var m={states:{value:{onChangeArgsToValue:function(e,t,n,a){return e}}}},g={textStyle:{type:"choice",multiSelect:!0,options:Object.keys(s),defaultValue:Object.keys(s)},colors:{type:"choice",multiSelect:!0,options:Object.keys(p),defaultValue:Object.keys(p)},script:{displayName:"Super/Sub Script",type:"boolean",defaultValue:!0},fontFamily:{type:"boolean",defaultValue:!0},heading:{type:"choice",multiSelect:!0,options:Object.keys(c),defaultValue:Object.keys(c)},fontSizes:{type:"choice",multiSelect:!0,options:u,defaultValue:u},formatting:{type:"choice",multiSelect:!0,options:Object.keys(d),defaultValue:Object.keys(d)},inputTypes:{type:"choice",multiSelect:!0,options:y,defaultValue:y}};exports.Quill=f,exports.registerQuill=function(e){!function(e,t,n){e?e.registerComponent(t,n):a(t,n)}(e,f,{name:"hostless-react-quill",displayName:"Rich Text Editor",classNameProp:"containerClassName",defaultStyles:{width:"stretch"},props:{value:{type:"string",displayName:"HTML Value",editOnly:!0,uncontrolledProp:"defaultValue",description:"Contents of the editor"},toolbar:{type:"object",fields:r({},g),defaultValue:Object.keys(g).reduce((function(e,t){return e[t]=g[t].defaultValue,e}),{}),description:"Customize the toolbar to show/hide controls"},customToolbar:{type:"array",advanced:!0,description:"Custom toolbar configuration for Quill editor. Overrides the existing toolbar."},placeholder:"string",preserveWhitespace:{type:"boolean",description:"Prevents Quill from collapsing continuous whitespaces on paste",advanced:!0,defaultValue:!0},readOnly:{type:"boolean",description:"Prevents user from changing the contents of the editor",defaultValue:!1,advanced:!0},onChange:{type:"eventHandler",advanced:!0,argTypes:[{name:"content",type:"string"},{name:"delta",type:"object"},{name:"source",type:"string"},{name:"editor",type:"object"}]},onChangeSelection:{type:"eventHandler",advanced:!0,argTypes:[{name:"range",type:"object"},{name:"source",type:"string"},{name:"editor",type:"object"}]},onFocus:{type:"eventHandler",advanced:!0,argTypes:[{name:"range",type:"object"},{name:"source",type:"string"},{name:"editor",type:"object"}]},onBlur:{type:"eventHandler",advanced:!0,argTypes:[{name:"previousRange",type:"object"},{name:"source",type:"string"},{name:"editor",type:"object"}]},onKeyPress:{type:"eventHandler",advanced:!0,argTypes:[{name:"event",type:"object"}]},onKeyDown:{type:"eventHandler",advanced:!0,argTypes:[{name:"event",type:"object"}]},onKeyUp:{type:"eventHandler",advanced:!0,argTypes:[{name:"event",type:"object"}]}},states:{value:r({type:"writable",valueProp:"value",onChangeProp:"onChange",variableType:"text"},m.states.value)},componentHelpers:{helpers:m,importName:"ReactQuill",importPath:"@plasmicpkgs/react-quill"},importName:"ReactQuill",importPath:"@plasmicpkgs/react-quill"})};
+//# sourceMappingURL=react-quill.cjs.production.min.js.map

package/dist/react-quill.cjs.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-quill.cjs.production.min.js","sources":["../src/useIsClient.ts","../src/index.tsx","../src/utils.ts"],"sourcesContent":["import React from \"react\";\n\nexport function useIsClient() {\n    const [loaded, setLoaded] = React.useState(false);\n    useIsomorphicLayoutEffect(() => {\n        setLoaded(true);\n    });\n    return loaded;\n}\n\nconst isBrowser = typeof window !== \"undefined\";\nexport const useIsomorphicLayoutEffect = isBrowser\n    ? React.useLayoutEffect\n    : React.useEffect;","import React, { useMemo } from \"react\";\nimport { ReactQuillProps } from \"react-quill\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport { PropType } from \"@plasmicapp/host\";\nimport { useIsClient } from \"./useIsClient\";\nconst ReactQuill =\n  typeof window !== \"undefined\" ? require(\"react-quill\") : null;\n\n\ntype ToolbarOptionsType = \"textStyle\" | \"script\" | \"fontFamily\" | \"heading\" | \"fontSizes\" | \"colors\" | \"formatting\" | \"inputTypes\";\n\nconst TEXT_STYLE_DICT = {\n  \"bold\": \"bold\",\n  \"italic\": \"italic\",\n  \"underline\": \"underline\",\n  \"strikethrough\": \"strike\",\n}\n\nconst HEADING_TYPES_DICT = {\n  \"Heading 1\": 1,\n  \"Heading 2\": 2,\n  \"Heading 3\": 3,\n  \"Heading 4\": 4,\n  \"Heading 5\": 5,\n  \"Heading 6\": 6,\n  \"Body\": \"normal\",\n}\n\nconst FONT_SIZES = [\n  \"small\",\n  \"medium\",\n  \"large\",\n  \"huge\",\n];\n\nconst COLOR_TYPE_DICT = {\n  \"text color\": \"color\",\n  \"text background\": \"background\"\n}\n\nconst FORMATTING_TYPES_DICT = {\n  \"alignment\": \"align\",\n  \"list\": \"list\",\n  \"indentation\": \"indent\",\n  \"text direction\": \"direction\",\n  \"clear formatting\": \"clean\"\n};\n\nconst INPUT_TYPES = [\n  \"link\",\"blockquote\",\"image\",\"video\",\"code-block\",\"formula\"\n]\n\nexport function Quill(props: ReactQuillProps & {\n  containerClassName: string;\n  customToolbar: any[];\n  toolbar: Record<ToolbarOptionsType, any>;\n}) {\n  const isClient = useIsClient();\n  \n  const {containerClassName, toolbar, customToolbar, ...rest} = props;\n\n  const modules = useMemo(() => {\n\n    if (customToolbar) {\n      return {\n        toolbar: customToolbar,\n      }\n    }\n\n    const {\n      textStyle,\n      fontFamily,\n      heading,\n      fontSizes,\n      colors,\n      script,\n      formatting,\n      inputTypes,\n    } = toolbar;\n  \n    const textStyleControls = Object.keys(TEXT_STYLE_DICT)\n      .filter(key => textStyle.includes(key))\n      .map((key) => TEXT_STYLE_DICT[key as keyof typeof TEXT_STYLE_DICT]);\n  \n    const colorControls = Object.keys(COLOR_TYPE_DICT)\n      .filter(key => colors.includes(key))\n      .map((key) => ({ [COLOR_TYPE_DICT[key as keyof typeof COLOR_TYPE_DICT]]: [] }));\n  \n    const scriptControls = script \n    ? [{ 'script': 'super'}, { 'script': 'sub'}] : undefined;\n  \n    const fontControls = [\n      fontFamily ?{font: []} : undefined,\n      heading.length\n        ? {\n            header: Object.keys(HEADING_TYPES_DICT)\n              .filter(key => heading.includes(key))\n              .map((key) => HEADING_TYPES_DICT[key as keyof typeof HEADING_TYPES_DICT])}\n        : undefined,\n      fontSizes.length\n        ? {size: FONT_SIZES.filter(fs => fontSizes.includes(fs))}\n        : undefined,\n    ].filter(i => i);\n  \n    const listControlsGroup: any[] = [];\n    const indentationControlsGroup: any[] = [];\n    const otherFormattingControlsGroup: any[] = [];\n  \n    formatting?.map((f: keyof typeof FORMATTING_TYPES_DICT) => {\n      switch(f) {\n        case \"list\":\n          listControlsGroup.push({  [FORMATTING_TYPES_DICT[\"list\"]]: 'ordered'});\n          listControlsGroup.push({  [FORMATTING_TYPES_DICT[\"list\"]]: 'bullet' });\n          break;\n        case \"alignment\":\n          otherFormattingControlsGroup.push({ [FORMATTING_TYPES_DICT[\"alignment\"]]: []});\n          break;\n          case \"indentation\":\n            indentationControlsGroup.push({ [FORMATTING_TYPES_DICT[\"indentation\"]]: '-1'});\n            indentationControlsGroup.push({ [FORMATTING_TYPES_DICT[\"indentation\"]]: '+1'});\n          break;\n        case \"text direction\":\n          otherFormattingControlsGroup.push({ [FORMATTING_TYPES_DICT[\"text direction\"]]: 'rtl' });\n          break;\n        case \"clear formatting\":\n          otherFormattingControlsGroup.push(FORMATTING_TYPES_DICT[\"clear formatting\"]);\n          break;\n      }\n    });\n  \n    const otherInputControls = inputTypes.length ? INPUT_TYPES.filter(inp => inputTypes.includes(inp)) : undefined;\n  \n    return {\n      toolbar: [\n        textStyleControls,\n        colorControls,\n        scriptControls,\n        fontControls,\n        listControlsGroup,\n        indentationControlsGroup,\n        otherFormattingControlsGroup,\n        otherInputControls,\n      ].filter(i => i?.length)\n    }\n  }, [toolbar, customToolbar]);\n\n  const key = useMemo(() => JSON.stringify(modules) + String(rest.preserveWhitespace), [rest.preserveWhitespace, modules]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  return (\n    <div className={containerClassName}>\n      <ReactQuill \n        key={key} \n        modules={modules}\n        {...rest}\n      />\n    </div>\n  )\n}\n\nconst quillHelpers_ = {\n  states: {\n    value: {\n      onChangeArgsToValue: ((content, _delta, _source, _editor) => {\n        return content;\n      }) as ReactQuillProps[\"onChange\"],\n    }\n  }\n}\n\nconst toolbarFields: Record<ToolbarOptionsType, PropType<any>> = {\n  textStyle: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(TEXT_STYLE_DICT),\n    defaultValue: Object.keys(TEXT_STYLE_DICT)\n  },\n  colors: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(COLOR_TYPE_DICT),\n    defaultValue: Object.keys(COLOR_TYPE_DICT),\n  },\n  script: {\n    displayName: \"Super/Sub Script\",\n    type: \"boolean\",\n    defaultValue: true,\n  },\n  fontFamily: {\n    type: \"boolean\",\n    defaultValue: true,\n  },\n  heading: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(HEADING_TYPES_DICT),\n    defaultValue: Object.keys(HEADING_TYPES_DICT),\n  },\n  fontSizes: {\n    type: \"choice\",\n    multiSelect: true,\n    options: FONT_SIZES,\n    defaultValue: FONT_SIZES,\n  },\n  formatting: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(FORMATTING_TYPES_DICT),\n    defaultValue: Object.keys(FORMATTING_TYPES_DICT),\n  },\n  inputTypes: {\n    type: \"choice\",\n    multiSelect: true,\n    options:INPUT_TYPES,\n    defaultValue:INPUT_TYPES,\n  },\n} as const;\n\nconst importName = \"ReactQuill\";\n\nexport function registerQuill(loader?: Registerable) {\n  registerComponentHelper(loader, Quill, {\n    name: \"hostless-react-quill\",\n    displayName: \"Rich Text Editor\",\n    classNameProp: \"containerClassName\",\n    defaultStyles: {\n      width: \"stretch\"\n    },\n    props: {\n      value: {\n        type: \"string\",\n        displayName: \"HTML Value\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Contents of the editor\",\n      },\n      toolbar: {\n        type: \"object\",\n        fields: {...toolbarFields}, \n        defaultValue: Object.keys(toolbarFields)\n          .reduce((acc: any, key) => {\n            acc[key] = (toolbarFields[key as keyof typeof toolbarFields] as any).defaultValue;\n            return acc;\n          }, {}),\n        description: \"Customize the toolbar to show/hide controls\",\n      },\n      customToolbar: {\n        type: \"array\",\n        advanced: true,\n        description: \"Custom toolbar configuration for Quill editor. Overrides the existing toolbar.\"\n      },\n      placeholder: \"string\",\n      preserveWhitespace: {\n        type: \"boolean\",\n        description: \"Prevents Quill from collapsing continuous whitespaces on paste\",\n        advanced: true,  \n        defaultValue: true,\n      },\n      readOnly: {\n        type: \"boolean\",\n        description: \"Prevents user from changing the contents of the editor\",\n        defaultValue: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"content\",\n            type: \"string\",\n          },\n          {\n            name: \"delta\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onChangeSelection: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"range\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onFocus: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"range\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onBlur: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"previousRange\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onKeyPress: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"event\",\n            type: \"object\",\n          }\n        ],\n      },\n      onKeyDown: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"event\",\n            type: \"object\",\n          }\n        ],\n      },\n      onKeyUp: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"event\",\n            type: \"object\",\n          }\n        ],\n      },\n    } as any,\n    states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          // initVal: \"\",\n          ...quillHelpers_.states.value,\n        },\n    },\n    componentHelpers: {\n      helpers: quillHelpers_,\n      importName,\n      importPath: \"@plasmicpkgs/react-quill\",\n    },\n    importName,\n    importPath: \"@plasmicpkgs/react-quill\",\n  });\n}","import {\n  ComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  default as registerGlobalContext,\n  GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n"],"names":["useIsomorphicLayoutEffect","window","React","useLayoutEffect","useEffect","ReactQuill","require","TEXT_STYLE_DICT","bold","italic","underline","strikethrough","HEADING_TYPES_DICT","Heading 1","Heading 2","Heading 3","Heading 4","Heading 5","Heading 6","Body","FONT_SIZES","COLOR_TYPE_DICT","text color","text background","FORMATTING_TYPES_DICT","alignment","list","indentation","text direction","clear formatting","INPUT_TYPES","Quill","props","loaded","setLoaded","isClient","useState","containerClassName","toolbar","customToolbar","rest","modules","useMemo","textStyle","fontFamily","heading","fontSizes","colors","script","formatting","inputTypes","textStyleControls","Object","keys","filter","key","includes","map","colorControls","scriptControls","undefined","fontControls","font","length","header","size","fs","i","listControlsGroup","indentationControlsGroup","otherFormattingControlsGroup","f","push","otherInputControls","inp","JSON","stringify","String","preserveWhitespace","className","quillHelpers_","states","value","onChangeArgsToValue","content","_delta","_source","_editor","toolbarFields","type","multiSelect","options","defaultValue","displayName","loader","component","meta","registerComponent","registerComponentHelper","name","classNameProp","defaultStyles","width","editOnly","uncontrolledProp","description","fields","reduce","acc","advanced","placeholder","readOnly","onChange","argTypes","onChangeSelection","onFocus","onBlur","onKeyPress","onKeyDown","onKeyUp","valueProp","onChangeProp","variableType","componentHelpers","helpers","importName","importPath"],"mappings":"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"}

package/dist/react-quill.esm.js

@@ -0,0 +1,383 @@
+import React, { useMemo } from 'react';
+import registerComponent from '@plasmicapp/host/registerComponent';
+import '@plasmicapp/host/registerGlobalContext';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function registerComponentHelper(loader, component, meta) {
+  if (loader) {
+    loader.registerComponent(component, meta);
+  } else {
+    registerComponent(component, meta);
+  }
+}
+
+function useIsClient() {
+  var _React$useState = React.useState(false),
+    loaded = _React$useState[0],
+    setLoaded = _React$useState[1];
+  useIsomorphicLayoutEffect(function () {
+    setLoaded(true);
+  });
+  return loaded;
+}
+var isBrowser = typeof window !== "undefined";
+var useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
+
+var _excluded = ["containerClassName", "toolbar", "customToolbar"];
+var ReactQuill = typeof window !== "undefined" ? /*#__PURE__*/require("react-quill") : null;
+var TEXT_STYLE_DICT = {
+  "bold": "bold",
+  "italic": "italic",
+  "underline": "underline",
+  "strikethrough": "strike"
+};
+var HEADING_TYPES_DICT = {
+  "Heading 1": 1,
+  "Heading 2": 2,
+  "Heading 3": 3,
+  "Heading 4": 4,
+  "Heading 5": 5,
+  "Heading 6": 6,
+  "Body": "normal"
+};
+var FONT_SIZES = ["small", "medium", "large", "huge"];
+var COLOR_TYPE_DICT = {
+  "text color": "color",
+  "text background": "background"
+};
+var FORMATTING_TYPES_DICT = {
+  "alignment": "align",
+  "list": "list",
+  "indentation": "indent",
+  "text direction": "direction",
+  "clear formatting": "clean"
+};
+var INPUT_TYPES = ["link", "blockquote", "image", "video", "code-block", "formula"];
+function Quill(props) {
+  var isClient = useIsClient();
+  var containerClassName = props.containerClassName,
+    toolbar = props.toolbar,
+    customToolbar = props.customToolbar,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var modules = useMemo(function () {
+    if (customToolbar) {
+      return {
+        toolbar: customToolbar
+      };
+    }
+    var textStyle = toolbar.textStyle,
+      fontFamily = toolbar.fontFamily,
+      heading = toolbar.heading,
+      fontSizes = toolbar.fontSizes,
+      colors = toolbar.colors,
+      script = toolbar.script,
+      formatting = toolbar.formatting,
+      inputTypes = toolbar.inputTypes;
+    var textStyleControls = Object.keys(TEXT_STYLE_DICT).filter(function (key) {
+      return textStyle.includes(key);
+    }).map(function (key) {
+      return TEXT_STYLE_DICT[key];
+    });
+    var colorControls = Object.keys(COLOR_TYPE_DICT).filter(function (key) {
+      return colors.includes(key);
+    }).map(function (key) {
+      var _ref;
+      return _ref = {}, _ref[COLOR_TYPE_DICT[key]] = [], _ref;
+    });
+    var scriptControls = script ? [{
+      'script': 'super'
+    }, {
+      'script': 'sub'
+    }] : undefined;
+    var fontControls = [fontFamily ? {
+      font: []
+    } : undefined, heading.length ? {
+      header: Object.keys(HEADING_TYPES_DICT).filter(function (key) {
+        return heading.includes(key);
+      }).map(function (key) {
+        return HEADING_TYPES_DICT[key];
+      })
+    } : undefined, fontSizes.length ? {
+      size: FONT_SIZES.filter(function (fs) {
+        return fontSizes.includes(fs);
+      })
+    } : undefined].filter(function (i) {
+      return i;
+    });
+    var listControlsGroup = [];
+    var indentationControlsGroup = [];
+    var otherFormattingControlsGroup = [];
+    formatting == null ? void 0 : formatting.map(function (f) {
+      var _listControlsGroup$pu, _listControlsGroup$pu2, _otherFormattingContr, _indentationControlsG, _indentationControlsG2, _otherFormattingContr2;
+      switch (f) {
+        case "list":
+          listControlsGroup.push((_listControlsGroup$pu = {}, _listControlsGroup$pu[FORMATTING_TYPES_DICT["list"]] = 'ordered', _listControlsGroup$pu));
+          listControlsGroup.push((_listControlsGroup$pu2 = {}, _listControlsGroup$pu2[FORMATTING_TYPES_DICT["list"]] = 'bullet', _listControlsGroup$pu2));
+          break;
+        case "alignment":
+          otherFormattingControlsGroup.push((_otherFormattingContr = {}, _otherFormattingContr[FORMATTING_TYPES_DICT["alignment"]] = [], _otherFormattingContr));
+          break;
+        case "indentation":
+          indentationControlsGroup.push((_indentationControlsG = {}, _indentationControlsG[FORMATTING_TYPES_DICT["indentation"]] = '-1', _indentationControlsG));
+          indentationControlsGroup.push((_indentationControlsG2 = {}, _indentationControlsG2[FORMATTING_TYPES_DICT["indentation"]] = '+1', _indentationControlsG2));
+          break;
+        case "text direction":
+          otherFormattingControlsGroup.push((_otherFormattingContr2 = {}, _otherFormattingContr2[FORMATTING_TYPES_DICT["text direction"]] = 'rtl', _otherFormattingContr2));
+          break;
+        case "clear formatting":
+          otherFormattingControlsGroup.push(FORMATTING_TYPES_DICT["clear formatting"]);
+          break;
+      }
+    });
+    var otherInputControls = inputTypes.length ? INPUT_TYPES.filter(function (inp) {
+      return inputTypes.includes(inp);
+    }) : undefined;
+    return {
+      toolbar: [textStyleControls, colorControls, scriptControls, fontControls, listControlsGroup, indentationControlsGroup, otherFormattingControlsGroup, otherInputControls].filter(function (i) {
+        return i == null ? void 0 : i.length;
+      })
+    };
+  }, [toolbar, customToolbar]);
+  var key = useMemo(function () {
+    return JSON.stringify(modules) + String(rest.preserveWhitespace);
+  }, [rest.preserveWhitespace, modules]);
+  if (!isClient) {
+    return null;
+  }
+  return React.createElement("div", {
+    className: containerClassName
+  }, React.createElement(ReactQuill, Object.assign({
+    key: key,
+    modules: modules
+  }, rest)));
+}
+var quillHelpers_ = {
+  states: {
+    value: {
+      onChangeArgsToValue: function onChangeArgsToValue(content, _delta, _source, _editor) {
+        return content;
+      }
+    }
+  }
+};
+var toolbarFields = {
+  textStyle: {
+    type: "choice",
+    multiSelect: true,
+    options: /*#__PURE__*/Object.keys(TEXT_STYLE_DICT),
+    defaultValue: /*#__PURE__*/Object.keys(TEXT_STYLE_DICT)
+  },
+  colors: {
+    type: "choice",
+    multiSelect: true,
+    options: /*#__PURE__*/Object.keys(COLOR_TYPE_DICT),
+    defaultValue: /*#__PURE__*/Object.keys(COLOR_TYPE_DICT)
+  },
+  script: {
+    displayName: "Super/Sub Script",
+    type: "boolean",
+    defaultValue: true
+  },
+  fontFamily: {
+    type: "boolean",
+    defaultValue: true
+  },
+  heading: {
+    type: "choice",
+    multiSelect: true,
+    options: /*#__PURE__*/Object.keys(HEADING_TYPES_DICT),
+    defaultValue: /*#__PURE__*/Object.keys(HEADING_TYPES_DICT)
+  },
+  fontSizes: {
+    type: "choice",
+    multiSelect: true,
+    options: FONT_SIZES,
+    defaultValue: FONT_SIZES
+  },
+  formatting: {
+    type: "choice",
+    multiSelect: true,
+    options: /*#__PURE__*/Object.keys(FORMATTING_TYPES_DICT),
+    defaultValue: /*#__PURE__*/Object.keys(FORMATTING_TYPES_DICT)
+  },
+  inputTypes: {
+    type: "choice",
+    multiSelect: true,
+    options: INPUT_TYPES,
+    defaultValue: INPUT_TYPES
+  }
+};
+var importName = "ReactQuill";
+function registerQuill(loader) {
+  registerComponentHelper(loader, Quill, {
+    name: "hostless-react-quill",
+    displayName: "Rich Text Editor",
+    classNameProp: "containerClassName",
+    defaultStyles: {
+      width: "stretch"
+    },
+    props: {
+      value: {
+        type: "string",
+        displayName: "HTML Value",
+        editOnly: true,
+        uncontrolledProp: "defaultValue",
+        description: "Contents of the editor"
+      },
+      toolbar: {
+        type: "object",
+        fields: _extends({}, toolbarFields),
+        defaultValue: Object.keys(toolbarFields).reduce(function (acc, key) {
+          acc[key] = toolbarFields[key].defaultValue;
+          return acc;
+        }, {}),
+        description: "Customize the toolbar to show/hide controls"
+      },
+      customToolbar: {
+        type: "array",
+        advanced: true,
+        description: "Custom toolbar configuration for Quill editor. Overrides the existing toolbar."
+      },
+      placeholder: "string",
+      preserveWhitespace: {
+        type: "boolean",
+        description: "Prevents Quill from collapsing continuous whitespaces on paste",
+        advanced: true,
+        defaultValue: true
+      },
+      readOnly: {
+        type: "boolean",
+        description: "Prevents user from changing the contents of the editor",
+        defaultValue: false,
+        advanced: true
+      },
+      onChange: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "content",
+          type: "string"
+        }, {
+          name: "delta",
+          type: "object"
+        }, {
+          name: "source",
+          type: "string"
+        }, {
+          name: "editor",
+          type: "object"
+        }]
+      },
+      onChangeSelection: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "range",
+          type: "object"
+        }, {
+          name: "source",
+          type: "string"
+        }, {
+          name: "editor",
+          type: "object"
+        }]
+      },
+      onFocus: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "range",
+          type: "object"
+        }, {
+          name: "source",
+          type: "string"
+        }, {
+          name: "editor",
+          type: "object"
+        }]
+      },
+      onBlur: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "previousRange",
+          type: "object"
+        }, {
+          name: "source",
+          type: "string"
+        }, {
+          name: "editor",
+          type: "object"
+        }]
+      },
+      onKeyPress: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "event",
+          type: "object"
+        }]
+      },
+      onKeyDown: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "event",
+          type: "object"
+        }]
+      },
+      onKeyUp: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{
+          name: "event",
+          type: "object"
+        }]
+      }
+    },
+    states: {
+      value: _extends({
+        type: "writable",
+        valueProp: "value",
+        onChangeProp: "onChange",
+        variableType: "text"
+      }, quillHelpers_.states.value)
+    },
+    componentHelpers: {
+      helpers: quillHelpers_,
+      importName: importName,
+      importPath: "@plasmicpkgs/react-quill"
+    },
+    importName: importName,
+    importPath: "@plasmicpkgs/react-quill"
+  });
+}
+
+export { Quill, registerQuill };
+//# sourceMappingURL=react-quill.esm.js.map

package/dist/react-quill.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-quill.esm.js","sources":["../src/utils.ts","../src/useIsClient.ts","../src/index.tsx"],"sourcesContent":["import {\n  ComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  default as registerGlobalContext,\n  GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n","import React from \"react\";\n\nexport function useIsClient() {\n    const [loaded, setLoaded] = React.useState(false);\n    useIsomorphicLayoutEffect(() => {\n        setLoaded(true);\n    });\n    return loaded;\n}\n\nconst isBrowser = typeof window !== \"undefined\";\nexport const useIsomorphicLayoutEffect = isBrowser\n    ? React.useLayoutEffect\n    : React.useEffect;","import React, { useMemo } from \"react\";\nimport { ReactQuillProps } from \"react-quill\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport { PropType } from \"@plasmicapp/host\";\nimport { useIsClient } from \"./useIsClient\";\nconst ReactQuill =\n  typeof window !== \"undefined\" ? require(\"react-quill\") : null;\n\n\ntype ToolbarOptionsType = \"textStyle\" | \"script\" | \"fontFamily\" | \"heading\" | \"fontSizes\" | \"colors\" | \"formatting\" | \"inputTypes\";\n\nconst TEXT_STYLE_DICT = {\n  \"bold\": \"bold\",\n  \"italic\": \"italic\",\n  \"underline\": \"underline\",\n  \"strikethrough\": \"strike\",\n}\n\nconst HEADING_TYPES_DICT = {\n  \"Heading 1\": 1,\n  \"Heading 2\": 2,\n  \"Heading 3\": 3,\n  \"Heading 4\": 4,\n  \"Heading 5\": 5,\n  \"Heading 6\": 6,\n  \"Body\": \"normal\",\n}\n\nconst FONT_SIZES = [\n  \"small\",\n  \"medium\",\n  \"large\",\n  \"huge\",\n];\n\nconst COLOR_TYPE_DICT = {\n  \"text color\": \"color\",\n  \"text background\": \"background\"\n}\n\nconst FORMATTING_TYPES_DICT = {\n  \"alignment\": \"align\",\n  \"list\": \"list\",\n  \"indentation\": \"indent\",\n  \"text direction\": \"direction\",\n  \"clear formatting\": \"clean\"\n};\n\nconst INPUT_TYPES = [\n  \"link\",\"blockquote\",\"image\",\"video\",\"code-block\",\"formula\"\n]\n\nexport function Quill(props: ReactQuillProps & {\n  containerClassName: string;\n  customToolbar: any[];\n  toolbar: Record<ToolbarOptionsType, any>;\n}) {\n  const isClient = useIsClient();\n  \n  const {containerClassName, toolbar, customToolbar, ...rest} = props;\n\n  const modules = useMemo(() => {\n\n    if (customToolbar) {\n      return {\n        toolbar: customToolbar,\n      }\n    }\n\n    const {\n      textStyle,\n      fontFamily,\n      heading,\n      fontSizes,\n      colors,\n      script,\n      formatting,\n      inputTypes,\n    } = toolbar;\n  \n    const textStyleControls = Object.keys(TEXT_STYLE_DICT)\n      .filter(key => textStyle.includes(key))\n      .map((key) => TEXT_STYLE_DICT[key as keyof typeof TEXT_STYLE_DICT]);\n  \n    const colorControls = Object.keys(COLOR_TYPE_DICT)\n      .filter(key => colors.includes(key))\n      .map((key) => ({ [COLOR_TYPE_DICT[key as keyof typeof COLOR_TYPE_DICT]]: [] }));\n  \n    const scriptControls = script \n    ? [{ 'script': 'super'}, { 'script': 'sub'}] : undefined;\n  \n    const fontControls = [\n      fontFamily ?{font: []} : undefined,\n      heading.length\n        ? {\n            header: Object.keys(HEADING_TYPES_DICT)\n              .filter(key => heading.includes(key))\n              .map((key) => HEADING_TYPES_DICT[key as keyof typeof HEADING_TYPES_DICT])}\n        : undefined,\n      fontSizes.length\n        ? {size: FONT_SIZES.filter(fs => fontSizes.includes(fs))}\n        : undefined,\n    ].filter(i => i);\n  \n    const listControlsGroup: any[] = [];\n    const indentationControlsGroup: any[] = [];\n    const otherFormattingControlsGroup: any[] = [];\n  \n    formatting?.map((f: keyof typeof FORMATTING_TYPES_DICT) => {\n      switch(f) {\n        case \"list\":\n          listControlsGroup.push({  [FORMATTING_TYPES_DICT[\"list\"]]: 'ordered'});\n          listControlsGroup.push({  [FORMATTING_TYPES_DICT[\"list\"]]: 'bullet' });\n          break;\n        case \"alignment\":\n          otherFormattingControlsGroup.push({ [FORMATTING_TYPES_DICT[\"alignment\"]]: []});\n          break;\n          case \"indentation\":\n            indentationControlsGroup.push({ [FORMATTING_TYPES_DICT[\"indentation\"]]: '-1'});\n            indentationControlsGroup.push({ [FORMATTING_TYPES_DICT[\"indentation\"]]: '+1'});\n          break;\n        case \"text direction\":\n          otherFormattingControlsGroup.push({ [FORMATTING_TYPES_DICT[\"text direction\"]]: 'rtl' });\n          break;\n        case \"clear formatting\":\n          otherFormattingControlsGroup.push(FORMATTING_TYPES_DICT[\"clear formatting\"]);\n          break;\n      }\n    });\n  \n    const otherInputControls = inputTypes.length ? INPUT_TYPES.filter(inp => inputTypes.includes(inp)) : undefined;\n  \n    return {\n      toolbar: [\n        textStyleControls,\n        colorControls,\n        scriptControls,\n        fontControls,\n        listControlsGroup,\n        indentationControlsGroup,\n        otherFormattingControlsGroup,\n        otherInputControls,\n      ].filter(i => i?.length)\n    }\n  }, [toolbar, customToolbar]);\n\n  const key = useMemo(() => JSON.stringify(modules) + String(rest.preserveWhitespace), [rest.preserveWhitespace, modules]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  return (\n    <div className={containerClassName}>\n      <ReactQuill \n        key={key} \n        modules={modules}\n        {...rest}\n      />\n    </div>\n  )\n}\n\nconst quillHelpers_ = {\n  states: {\n    value: {\n      onChangeArgsToValue: ((content, _delta, _source, _editor) => {\n        return content;\n      }) as ReactQuillProps[\"onChange\"],\n    }\n  }\n}\n\nconst toolbarFields: Record<ToolbarOptionsType, PropType<any>> = {\n  textStyle: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(TEXT_STYLE_DICT),\n    defaultValue: Object.keys(TEXT_STYLE_DICT)\n  },\n  colors: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(COLOR_TYPE_DICT),\n    defaultValue: Object.keys(COLOR_TYPE_DICT),\n  },\n  script: {\n    displayName: \"Super/Sub Script\",\n    type: \"boolean\",\n    defaultValue: true,\n  },\n  fontFamily: {\n    type: \"boolean\",\n    defaultValue: true,\n  },\n  heading: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(HEADING_TYPES_DICT),\n    defaultValue: Object.keys(HEADING_TYPES_DICT),\n  },\n  fontSizes: {\n    type: \"choice\",\n    multiSelect: true,\n    options: FONT_SIZES,\n    defaultValue: FONT_SIZES,\n  },\n  formatting: {\n    type: \"choice\",\n    multiSelect: true,\n    options: Object.keys(FORMATTING_TYPES_DICT),\n    defaultValue: Object.keys(FORMATTING_TYPES_DICT),\n  },\n  inputTypes: {\n    type: \"choice\",\n    multiSelect: true,\n    options:INPUT_TYPES,\n    defaultValue:INPUT_TYPES,\n  },\n} as const;\n\nconst importName = \"ReactQuill\";\n\nexport function registerQuill(loader?: Registerable) {\n  registerComponentHelper(loader, Quill, {\n    name: \"hostless-react-quill\",\n    displayName: \"Rich Text Editor\",\n    classNameProp: \"containerClassName\",\n    defaultStyles: {\n      width: \"stretch\"\n    },\n    props: {\n      value: {\n        type: \"string\",\n        displayName: \"HTML Value\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Contents of the editor\",\n      },\n      toolbar: {\n        type: \"object\",\n        fields: {...toolbarFields}, \n        defaultValue: Object.keys(toolbarFields)\n          .reduce((acc: any, key) => {\n            acc[key] = (toolbarFields[key as keyof typeof toolbarFields] as any).defaultValue;\n            return acc;\n          }, {}),\n        description: \"Customize the toolbar to show/hide controls\",\n      },\n      customToolbar: {\n        type: \"array\",\n        advanced: true,\n        description: \"Custom toolbar configuration for Quill editor. Overrides the existing toolbar.\"\n      },\n      placeholder: \"string\",\n      preserveWhitespace: {\n        type: \"boolean\",\n        description: \"Prevents Quill from collapsing continuous whitespaces on paste\",\n        advanced: true,  \n        defaultValue: true,\n      },\n      readOnly: {\n        type: \"boolean\",\n        description: \"Prevents user from changing the contents of the editor\",\n        defaultValue: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"content\",\n            type: \"string\",\n          },\n          {\n            name: \"delta\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onChangeSelection: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"range\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onFocus: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"range\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onBlur: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"previousRange\",\n            type: \"object\",\n          },\n          {\n            name: \"source\",\n            type: \"string\"\n          },\n          {\n            name: \"editor\",\n            type: \"object\"\n          }\n        ],\n      },\n      onKeyPress: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"event\",\n            type: \"object\",\n          }\n        ],\n      },\n      onKeyDown: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"event\",\n            type: \"object\",\n          }\n        ],\n      },\n      onKeyUp: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [\n          {\n            name: \"event\",\n            type: \"object\",\n          }\n        ],\n      },\n    } as any,\n    states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          // initVal: \"\",\n          ...quillHelpers_.states.value,\n        },\n    },\n    componentHelpers: {\n      helpers: quillHelpers_,\n      importName,\n      importPath: \"@plasmicpkgs/react-quill\",\n    },\n    importName,\n    importPath: \"@plasmicpkgs/react-quill\",\n  });\n}"],"names":["registerComponentHelper","loader","component","meta","registerComponent","useIsClient","React","useState","loaded","setLoaded","useIsomorphicLayoutEffect","isBrowser","window","useLayoutEffect","useEffect","ReactQuill","require","TEXT_STYLE_DICT","HEADING_TYPES_DICT","FONT_SIZES","COLOR_TYPE_DICT","FORMATTING_TYPES_DICT","INPUT_TYPES","Quill","props","isClient","containerClassName","toolbar","customToolbar","rest","modules","useMemo","textStyle","fontFamily","heading","fontSizes","colors","script","formatting","inputTypes","textStyleControls","Object","keys","filter","key","includes","map","colorControls","scriptControls","undefined","fontControls","font","length","header","size","fs","i","listControlsGroup","indentationControlsGroup","otherFormattingControlsGroup","f","push","otherInputControls","inp","JSON","stringify","String","preserveWhitespace","className","quillHelpers_","states","value","onChangeArgsToValue","content","_delta","_source","_editor","toolbarFields","type","multiSelect","options","defaultValue","displayName","importName","registerQuill","name","classNameProp","defaultStyles","width","editOnly","uncontrolledProp","description","fields","reduce","acc","advanced","placeholder","readOnly","onChange","argTypes","onChangeSelection","onFocus","onBlur","onKeyPress","onKeyDown","onKeyUp","valueProp","onChangeProp","variableType","componentHelpers","helpers","importPath"],"mappings":"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"}

package/dist/useIsClient.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function useIsClient(): boolean;
+export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;

package/dist/utils.d.ts

@@ -0,0 +1,24 @@
+import { ComponentMeta, default as registerComponent } from "@plasmicapp/host/registerComponent";
+import { default as registerGlobalContext, GlobalContextMeta } from "@plasmicapp/host/registerGlobalContext";
+import { default as registerToken } from "@plasmicapp/host/registerToken";
+import React from "react";
+export declare type Registerable = {
+    registerComponent: typeof registerComponent;
+    registerGlobalContext: typeof registerGlobalContext;
+    registerToken: typeof registerToken;
+};
+export declare function makeRegisterComponent<T extends React.ComponentType<any>>(component: T, meta: ComponentMeta<React.ComponentProps<T>>): (loader?: Registerable | undefined) => void;
+export declare function makeRegisterGlobalContext<T extends React.ComponentType<any>>(component: T, meta: GlobalContextMeta<React.ComponentProps<T>>): (loader?: Registerable | undefined) => void;
+export declare function registerComponentHelper<T extends React.ComponentType<any>>(loader: Registerable | undefined, component: T, meta: ComponentMeta<React.ComponentProps<T>>): void;
+declare type ReactElt = {
+    children: ReactElt | ReactElt[];
+    props: {
+        children: ReactElt | ReactElt[];
+        [prop: string]: any;
+    } | null;
+    type: React.ComponentType<any> | null;
+    key: string | null;
+} | null;
+export declare function traverseReactEltTree(children: React.ReactNode, callback: (elt: ReactElt) => void): void;
+export declare function asArray<T>(x: T[] | T | undefined | null): T[];
+export {};

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@plasmicpkgs/react-quill",
+  "version": "1.0.1",
+  "description": "Plasmic registration call for react-quill WYSIWYG Editor",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/react-quill.esm.js",
+  "files": [
+    "dist"
+  ],
+  "size-limit": [
+    {
+      "path": "dist/react-quill.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/react-quill.esm.js",
+      "limit": "10 KB"
+    }
+  ],
+  "scripts": {
+    "build": "tsdx build",
+    "start": "tsdx watch",
+    "test": "yarn --cwd=../.. test --passWithNoTests",
+    "lint": "tsdx lint",
+    "prepare": "if-env PREPARE_NO_BUILD=true || yarn build",
+    "size": "size-limit",
+    "analyze": "size-limit --why"
+  },
+  "devDependencies": {
+    "@plasmicapp/data-sources": "0.1.105",
+    "@plasmicapp/host": "1.0.159",
+    "@size-limit/preset-small-lib": "^4.11.0",
+    "@types/node": "^14.0.26",
+    "size-limit": "^4.11.0",
+    "tsdx": "^0.14.1",
+    "tslib": "^2.2.0"
+  },
+  "peerDependencies": {
+    "@plasmicapp/data-sources": ">=0.1.52",
+    "@plasmicapp/host": ">=1.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "react-quill": "^2.0.0"
+  },
+  "gitHead": "f1d5f4fddc0f8d528cffb91a803501e51c877b42"
+}