@zohoim/chat-components 1.0.9-beta.3 → 1.0.9-beta.4

package/es/rte/Editor/Editor.js

@@ -1,80 +0,0 @@
-/** ** Libraries *** */
-import React from 'react';
-/** ** Hooks *** */
-
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-import useEditor from '@zohoim/chat-components-hooks/es/rte/Editor/useEditor';
-/** ** Constants *** */
-
-import editorDefaultProps from "./props/defaultProps";
-import editorPropTypes from "./props/propTypes";
-import { defaultEditorURL } from "../../constants";
-/** ** Styles *** */
-
-import style from "./css/Editor.module.css";
-export default function Editor(props) {
-  const {
-    customStyle,
-    id,
-    EDITORURL = defaultEditorURL,
-    content,
-    placeHolder,
-    isHTMLContent,
-    menuBarProps,
-    formats,
-    features,
-    needAutoFocus,
-    isReadOnly,
-    insertContentDetails,
-    customOptions,
-    onReadyCallback,
-    onErrorCallback,
-    onChange,
-    onKeyDown,
-    onPaste,
-    langCode,
-    appearance,
-    isRTL,
-    handlers,
-    domId: propDomId
-  } = props;
-  /* External CSS Customization */
-
-  const newStyle = useMergeStyle(style, customStyle);
-  const {
-    domId
-  } = useEditor({
-    id,
-    EDITORURL,
-    content,
-    placeHolder,
-    isHTMLContent,
-    menuBarProps,
-    formats,
-    className: newStyle.editableDiv,
-    features,
-    needAutoFocus,
-    isReadOnly,
-    insertContentDetails,
-    customOptions,
-    onReadyCallback,
-    onErrorCallback,
-    onChange,
-    onKeyDown,
-    onPaste,
-    langCode,
-    appearance,
-    isRTL,
-    handlers,
-    domId: propDomId
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: newStyle.editorWrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    className: newStyle.editor,
-    id: domId
-  }));
-}
-Editor.propTypes = editorPropTypes;
-Editor.defaultProps = editorDefaultProps;
-Editor.displayName = 'Editor';

package/es/rte/Editor/css/Editor.module.css

@@ -1,19 +0,0 @@
-.editorWrapper {
-  /* Use this class for css customisation */
-  /* max-height: 160px !important; */
-  padding: var(--zd_size16) ;
-}
-
-.editor {
-  /* Use this class for css customisation */
-}
-
-.editableDiv {
-  /* Use this class for css customisation */
-  min-height: var(--zd_size120)  !important;
-  max-height: var(--zd_size120)  !important;
-  overflow: auto !important;
-  font-size: var(--zd_font_size14)  !important;
-  font-family: var(--zd_regular) !important;
-  padding: 0  !important;
-}

package/es/rte/Editor/index.js

@@ -1 +0,0 @@
-export { default as Editor } from "./Editor";

package/es/rte/Editor/props/defaultProps.js

@@ -1,21 +0,0 @@
-/** ** Constants *** */
-import { dummyArray, dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
-const editorDefaultProps = {
-  customStyle: dummyObject,
-  id: 'Editor',
-  placeHolder: ' ',
-  isHTMLContent: false,
-  needAutoFocus: true,
-  isReadOnly: false,
-  isRTL: false,
-  langCode: 'en_US',
-  menuBarProps: dummyObject,
-  appearance: dummyObject,
-  features: dummyArray,
-  formats: dummyArray,
-  handlers: {
-    needIDReRender: true,
-    needContentUpdate: true
-  }
-};
-export default editorDefaultProps;

package/es/rte/Editor/props/propTypes.js

@@ -1,52 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-/** ** Constants *** */
-
-import { modeConstants } from '@zohoim/chat-components-utils/es/constants/themeConstants';
-import { features, formats, langCode } from "../../../constants/propConstants/editorPropConstants";
-const editorPropTypes = {
-  id: PropTypes.string.isRequired,
-  domId: PropTypes.string,
-  content: PropTypes.string.isRequired,
-  EDITORURL: PropTypes.string.isRequired,
-  placeHolder: PropTypes.string,
-  customStyle: PropTypes.object,
-  isHTMLContent: PropTypes.bool,
-  appearance: PropTypes.shape({
-    mode: PropTypes.oneOf([modeConstants.LIGHT, modeConstants.DARK, modeConstants.PURE_DARK]).isRequired,
-    themeVariables: PropTypes.object
-  }),
-  // Editor Options - Refer the learn document (Override the options)
-  customOptions: PropTypes.object,
-  menuBarProps: PropTypes.shape({
-    isShow: PropTypes.bool.isRequired,
-    groupLength: PropTypes.number,
-    order: PropTypes.arrayOf(PropTypes.oneOf([...formats, ...features])),
-    position: PropTypes.oneOf(['top', 'bottom']),
-    responsive: PropTypes.bool,
-    tooltip: PropTypes.bool
-  }),
-  features: PropTypes.arrayOf(PropTypes.oneOf(features)),
-  formats: PropTypes.arrayOf(PropTypes.oneOf(formats)),
-  needAutoFocus: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  isRTL: PropTypes.bool,
-  langCode: PropTypes.oneOf(langCode),
-  insertContentDetails: PropTypes.shape({
-    content: PropTypes.string.isRequired,
-    range: PropTypes.shape({
-      from: PropTypes.number,
-      to: PropTypes.number
-    })
-  }),
-  onChange: PropTypes.func,
-  onPaste: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onReadyCallback: PropTypes.func,
-  onErrorCallback: PropTypes.func,
-  handlers: PropTypes.shape({
-    needContentUpdate: PropTypes.bool,
-    needIDReRender: PropTypes.bool
-  })
-};
-export default editorPropTypes;

package/es/rte/index.js

@@ -1 +0,0 @@
-export * from "./Editor";