@modusoperandi/licit 0.1.4 → 0.1.8

package/dist/ui/HeadingCommandMenuButton.js.flow

@@ -1,147 +0,0 @@
-// @flow
-
-import CustomMenuButton from './CustomMenuButton';
-import HeadingCommand from '../HeadingCommand';
-import CustomStyleCommand from '../CustomStyleCommand';
-import * as React from 'react';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { Transform } from 'prosemirror-transform';
-import { Node } from 'prosemirror-model';
-import {
-  RESERVED_STYLE_NONE,
-  RESERVED_STYLE_NONE_NUMBERING,
-} from '../ParagraphNodeSpec';
-
-// [FS] IRAD-1042 2020-09-09
-// To include custom styles in the toolbar
-
-let HEADING_COMMANDS: Object = {
-  [RESERVED_STYLE_NONE]: new HeadingCommand(0),
-};
-
-class HeadingCommandMenuButton extends React.PureComponent<any, any> {
-  props: {
-    dispatch: (tr: Transform) => void,
-    editorState: EditorState,
-    editorView: ?EditorView,
-  };
-  hasRuntime: boolean = true;
-  //[FS] IRAD-1085 2020-10-09
-  //method to build commands for list buttons
-  getCommandGroups() {
-    HEADING_COMMANDS = {
-      // [FS] IRAD-1074 2020-12-09
-      // When apply 'None' from style menu, not clearing the applied custom style.
-      [RESERVED_STYLE_NONE]: new CustomStyleCommand(
-        RESERVED_STYLE_NONE,
-        RESERVED_STYLE_NONE
-      ),
-    };
-    // Check runtime is avilable in editorview
-    // Get styles form server configured in runtime
-    if (
-      this.props.editorView &&
-      this.props.editorView.runtime &&
-      typeof this.props.editorView.runtime.getStylesAsync === 'function'
-    ) {
-      let HEADING_NAMES = null;
-      this.props.editorView.runtime.getStylesAsync().then((result) => {
-        if (result) {
-          HEADING_NAMES = result;
-          if (null != HEADING_NAMES) {
-            HEADING_NAMES.forEach((obj) => {
-              HEADING_COMMANDS[obj.styleName] = new CustomStyleCommand(
-                obj,
-                obj.styleName
-              );
-            });
-          }
-        }
-        return [HEADING_COMMANDS];
-      });
-      this.hasRuntime = true;
-    } else {
-      this.hasRuntime = false;
-    }
-    return [HEADING_COMMANDS];
-  }
-  staticCommands() {
-    const MENU_COMMANDS: Object = {
-      ['newstyle']: new CustomStyleCommand('newstyle', 'New Style..'),
-    };
-    // [FS] IRAD-1176 2021-02-08
-    // Added a menu "Edit All" for Edit All custom styles
-    MENU_COMMANDS['editall'] = new CustomStyleCommand('editall', 'Edit All');
-    MENU_COMMANDS['clearstyle'] = new CustomStyleCommand(
-      'clearstyle',
-      'Clear Style'
-    );
-    return [MENU_COMMANDS];
-  }
-  isAllowedNode(node: Node) {
-    return node.type.name === 'paragraph' || node.type.name === 'ordered_list';
-  }
-
-  render(): React.Element<any> {
-    const { dispatch, editorState, editorView } = this.props;
-    const { selection, doc } = editorState;
-    const { from, to } = selection;
-    let customStyleName;
-    let selectedStyleCount = 0;
-    // [FS] IRAD-1088 2020-10-05
-    // get the custom style name from node attribute
-    doc.nodesBetween(from, to, (node, pos) => {
-      // [FS] IRAD-1231 2021-03-05
-      // Issue fix : Applied custom style name shows only when click start and end position of paragraph,
-      // otherwise shows 'None'.
-      if (this.isAllowedNode(node)) {
-        if (node.attrs.styleName) {
-          // [FS] IRAD-1043 2020-10-27
-          // Show blank as style name when select paragraphs with multiple custom styles applied
-          selectedStyleCount++;
-          // [FS] IRAD-1100 2020-10-30
-          // Issue fix: style name shows blank when select multiple paragraph with same custom style applied
-          if (
-            1 === selectedStyleCount ||
-            (1 < selectedStyleCount && node.attrs.styleName === customStyleName)
-          ) {
-            customStyleName = node.attrs.styleName.includes(
-              RESERVED_STYLE_NONE_NUMBERING
-            )
-              ? RESERVED_STYLE_NONE
-              : node.attrs.styleName;
-          } else {
-            customStyleName = RESERVED_STYLE_NONE;
-          }
-        }
-        // [FS] IRAD-1231 2021-03-02
-        // Show the custom style as None for paste paragraph from outside.
-        else {
-          node.attrs.styleName = RESERVED_STYLE_NONE;
-          customStyleName = RESERVED_STYLE_NONE;
-        }
-      }
-    });
-
-    return (
-      <CustomMenuButton
-        className="width-100"
-        // [FS] IRAD-1008 2020-07-16
-        // Disable font type menu on editor disable state
-        commandGroups={this.getCommandGroups()}
-        disabled={
-          (editorView && editorView.disabled) || !this.hasRuntime ? true : false
-        }
-        dispatch={dispatch}
-        editorState={editorState}
-        editorView={editorView}
-        label={customStyleName}
-        parent={this}
-        staticCommand={this.staticCommands()}
-      />
-    );
-  }
-}
-
-export default HeadingCommandMenuButton;

package/dist/ui/custom-dropdown.css

@@ -1,90 +0,0 @@
-.dropbtn {
-  background-color: #fff;
-  border-color: #cec7c7;
-  border-style: solid;
-  border-width: 1px;
-  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
-  color: #5a615e;
-  cursor: pointer;
-  font-family: 'Arial', sans-serif;
-  font-size: 14px;
-  min-width: 160px;
-  padding: 5px;
-}
-
-.stylenames {
-  max-height: 205px;
-  min-height: 30px;
-  overflow: auto;
-}
-
-.dropdown {
-  display: inline-block;
-  position: relative;
-}
-
-.dropdown-content {
-  background-color: #f9f9f9;
-  border-color: #cec7c7;
-  border-style: solid;
-  border-width: 1px;
-  box-shadow: 0 8px 16px 0 rgba(26, 25, 25, 0.2);
-  box-sizing: border-box;
-  color: #5a615e;
-  font-family: 'Arial', sans-serif;
-  font-size: 14px;
-  height: 95px;
-  line-height: 0.75;
-  min-width: 136px;
-}
-
-.dropdown-content a {
-  display: block;
-  padding-bottom: 10px;
-  padding-left: 14px;
-  padding-right: 14px;
-  padding-top: 10px;
-  text-decoration: none;
-}
-
-.dropdown-content a:hover {
-  background-color: lightgrey;
-}
-
-.dropdown:hover .dropdown-content {
-  opacity: 1;
-  transition: opacity;
-  transition-delay: 2s;
-}
-
-#container1 {
-  /* background-color: #f9f9f9; */
-  display: flex;
-  justify-content: space-between;
-  line-height: 2;
-  width: 265px;
-}
-
-#container1 > div {
-  height: 30px;
-}
-
-#container1:hover {
-  background-color: lightgrey;
-}
-
-.selectbackground {
-  background-color: lightgrey;
-}
-
-.arrow-right {
-  text-align: right;
-  width: 30px;
-}
-
-.style-sampletext {
-  text-overflow: ellipsis;
-  width: 105px;
-  overflow: hidden;
-  white-space: nowrap;
-}

package/dist/ui/custom-style-edit.css

@@ -1,430 +0,0 @@
-.customedit-div {
-  background: #e6e6e6;
-  border-color: #4a4949;
-  border-style: solid;
-  border-width: 1px;
-  box-sizing: border-box !important;
-  color: white;
-  font-family: 'Arial', sans-serif;
-  height: 438px;
-  overflow: hidden;
-  position: relative;
-  width: 510px;
-}
-
-.spacingdiv {
-  border-color: gray;
-  border-style: solid;
-  border-width: 1px;
-  box-sizing: border-box;
-  margin-left: -3px;
-  padding: 5px;
-  width: auto;
-}
-
-.spacingdiv label {
-  color: #464343;
-  font-size: 12px;
-  margin-bottom: 4px;
-  margin-left: -4px;
-  margin-right: 0;
-  margin-top: 4px;
-}
-
-.formp {
-  color: #464343;
-  font-size: 12px;
-  margin-bottom: 2px;
-  margin-left: -2px;
-  margin-top: 2px;
-  padding-bottom: 2px;
-  padding-left: 0;
-  padding-right: 9px;
-  padding-top: 1px;
-}
-
-.linespacing {
-  height: 22px;
-  margin-left: -4px;
-  width: 140px;
-}
-
-.spacinginput {
-  box-sizing: content-box !important;
-  font-family: inherit;
-  font-size: 13px;
-  line-height: unset;
-  width: 19px;
-}
-
-.customedit-head {
-  box-sizing: unset !important;
-  color: #47adec;
-  font-family: 'Arial', sans-serif;
-  font-family: sans-serif;
-  font-size: 25px;
-  font-weight: 500;
-  height: 27px;
-  margin-left: 2px;
-  padding: 5px;
-  text-align: left;
-}
-
-.customedit-body {
-  background: transparent;
-  color: #464343;
-  display: grid;
-  grid-gap: 10px;
-  grid-template-columns: auto auto;
-  line-height: 1.2 !important;
-  margin-top: 3px;
-  padding: 5px;
-  padding-bottom: 0;
-  padding-top: 1px;
-}
-
-label {
-  color: black;
-}
-
-.stylenameinput {
-  box-sizing: unset !important;
-  color: black;
-  font-family: inherit !important;
-  height: 18px;
-  line-height: unset;
-  margin-bottom: 3px;
-  margin-left: 0;
-  margin-right: 0;
-  padding-left: 0;
-  padding-right: 0;
-  width: 97%;
-}
-
-.sectiondiv {
-  /* margin: 5px 0; */
-  box-sizing: border-box;
-  margin-left: 4px;
-  padding-left: 2px;
-  width: 240px;
-}
-
-.iconspan {
-  margin-right: 10px;
-  margin-top: 0;
-}
-
-.spanmargin {
-  margin-right: 10px;
-}
-
-.editorsection {
-  box-sizing: border-box;
-  padding-right: 5px;
-}
-
-.textareadiv {
-  background: white;
-  border-color: grey;
-  border-image: initial;
-  border-style: solid;
-  border-width: 1px;
-  box-sizing: unset !important;
-  color: gray;
-  cursor: text;
-  flex-direction: column;
-  font: 400 11px arial, sans-serif;
-  margin: 0;
-  margin-left: 0;
-  margin-right: 20px;
-  margin-top: 7px;
-  overflow: auto;
-  overflow-wrap: break-word;
-  padding: 8px;
-  padding-bottom: 6px;
-  padding-right: 6px;
-  -webkit-rtl-ordering: logical;
-  white-space: pre-wrap;
-  width: 95%;
-}
-
-.sampletext {
-  color: gray;
-}
-
-.fontsize {
-  box-sizing: border-box;
-  height: 22px;
-  margin-bottom: 4px;
-  margin-left: 7px;
-  margin-top: 8px;
-  padding-bottom: 3px;
-  padding-top: 2px;
-  width: 50px;
-}
-
-.fonttype {
-  box-sizing: border-box;
-  height: 22px;
-  margin-bottom: 3px;
-  margin-left: -10px;
-  margin-top: 7px;
-  padding-bottom: 3px;
-  padding-top: 2px;
-  width: 153px;
-}
-
-.leveltype {
-  box-sizing: border-box;
-  height: 22px;
-  margin-left: 0;
-  padding-left: 2px;
-  width: 83px;
-}
-
-.numbering {
-  box-sizing: border-box;
-  font-size: 13px;
-  height: 22px;
-  margin-bottom: 0;
-  margin-right: 5px;
-  padding-bottom: 0;
-  padding-right: 5px;
-  width: 500px;
-}
-
-.indenting {
-  box-sizing: border-box;
-  font-size: 13px;
-  height: 22px;
-  margin-left: 10px;
-  padding-bottom: 2px;
-  padding-left: 0;
-  width: 186px;
-}
-
-.btns {
-  margin-bottom: 2px;
-  margin-left: 28px;
-  margin-right: 0;
-  margin-top: 2px;
-  padding-left: 4px;
-  padding-right: 0;
-  text-align: right;
-}
-
-.btnsave {
-  margin-left: 8px;
-  margin-right: 7px;
-  margin-top: 2px;
-  padding-left: 6px;
-}
-
-.align-menu-button {
-  background: transparent;
-  border: none;
-  margin: 0;
-  margin-left: -3px;
-  white-space: nowrap;
-  width: 38px;
-}
-
-.align-menu-button-icon {
-  margin-left: -3px;
-}
-
-.align-menu-dropdown-icon {
-  margin-left: 0;
-}
-
-.dropdown-div {
-  background: #fff;
-  border-color: black;
-  border-style: solid;
-  border-width: 1px;
-  box-shadow: 0 1px 3px rgb(90 45 45 / 26%);
-}
-
-.dropdown-buttons {
-  margin-bottom: 5px;
-  margin-left: 8px;
-  margin-right: 8px;
-  margin-top: 5px;
-  padding-top: 5px;
-}
-
-.visible-sampletext {
-  color: black;
-  display: block;
-  margin-top: 1px;
-  padding: 0;
-}
-
-.hide-sampletext {
-  display: none;
-}
-
-.licit-accordion {
-  background-color: #ccc;
-  border-color: lightgray;
-  border-style: solid;
-  border-width: 1px;
-  box-sizing: border-box;
-  color: #444;
-  cursor: pointer;
-  font-size: 14px;
-  height: 25px;
-  outline: none !important;
-  text-align: left;
-  transition: 0.4s;
-  width: 100%;
-}
-
-.licit-accordion::after {
-  color: #777;
-  content: '\002B';
-  float: right;
-  font-weight: bold;
-  margin-left: 5px;
-  padding-right: 5px;
-  padding-top: 3px;
-}
-
-.accactive::after {
-  content: '\2212';
-}
-
-.panel,
-.panel1,
-.panel2,
-.panel3 {
-  background-color: transparent;
-  box-sizing: border-box;
-  margin-bottom: 10px;
-  max-height: 0;
-  overflow: hidden;
-  padding-bottom: 0;
-  padding-left: 7px;
-  padding-right: 7px;
-  padding-top: 0;
-  transition: max-height 0.2s ease-out;
-  width: auto;
-}
-
-.chknumbering {
-  margin-left: 11px;
-  margin-top: 2px;
-  padding-top: 2px;
-}
-
-.chkboldnumbering {
-  margin-left: 11px;
-  margin-top: 2px;
-  padding-top: 2px;
-}
-
-.czi-custom-buttons {
-  margin-left: -8px;
-  margin-right: 2px;
-  padding-left: 4px;
-  padding-right: 2px;
-}
-
-.font-buttons {
-  margin-left: 0;
-  margin-right: 2px;
-  padding-left: 4px;
-  padding-right: 2px;
-}
-
-.specifiedindent {
-  margin-left: 10px;
-  margin-top: -1px;
-}
-
-.alignbuttons {
-  background-color: #f0f0f0;
-  border-color: #555;
-  outline: none;
-  padding: 0;
-  text-align: center;
-  width: 50px;
-}
-
-.alignbuttons:focus,
-.alignbuttons:hover {
-  background-color: #f0f0f0;
-  border-color: #338eec;
-  outline: none;
-}
-
-.activealignbuttons {
-  border-color: #338eec !important;
-  outline: none;
-  padding: 0;
-  text-align: center;
-  width: 50px;
-}
-
-.panel.hr {
-  margin-bottom: 0;
-  margin-top: 0;
-}
-
-.markbuttons {
-  background: transparent;
-}
-
-.fontstyle {
-  font-size: 13px;
-}
-
-.buttonstyle {
-  border-radius: initial;
-  font-size: 13px;
-}
-
-.hierarchydiv {
-  border-color: gray;
-  border-style: solid;
-  border-width: 1px;
-  box-sizing: border-box;
-  margin-left: -1px;
-  padding: 5px;
-  width: auto;
-}
-
-.hierarchydiv label {
-  box-sizing: content-box !important;
-  color: #464343;
-  font-size: 12px;
-  margin-bottom: 4px;
-  margin-left: -4px;
-  margin-right: 0;
-  margin-top: 4px;
-}
-
-.indentdiv {
-  display: inline-flex;
-}
-
-.settingsdiv {
-  display: inline-flex;
-  margin-left: -1px;
-}
-
-.markbutton-container {
-  margin-left: 5px !important;
-  margin-right: 5px !important;
-}
-
-.editor-markbuttons {
-  margin-right: 0 !important;
-  text-align: center !important;
-  width: 25px;
-}
-
-div[disabled='disabled'] {
-  opacity: 0.4;
-  pointer-events: none;
-}