@zohodesk/dot 1.0.0-temp-60 → 1.0.0-temp-61

package/es/errorstate/RequestUrlNotFound/docs/RequestUrlNotFound__default.docs.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import RequestUrlNotFound from '../RequestUrlNotFound';
-export default class RequestUrlNotFound__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(RequestUrlNotFound, {
-      subtitle: "Sorry! Request URL not found.",
-      description: "Please try again later or report this issue ",
-      urlText: "Enter your feedback"
-    });
-  }
-
-}
-
-if (false) {
-  RequestUrlNotFound__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/UnableToProcess/docs/UnableToProcess__default.docs.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import UnableToProcess from '../UnableToProcess';
-export default class UnableToProcess__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(UnableToProcess, {
-      subtitle: "Oops! Unable to process the request. ",
-      description: "Please try again later or report this issue ",
-      urlText: "Enter your feedback"
-    });
-  }
-
-}
-
-if (false) {
-  UnableToProcess__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__insufficient.docs.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import UnauthorizedLogin from '../UnauthorizedLogin';
-export default class UnauthorizedLogin__insufficient extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(UnauthorizedLogin, {
-      title: "Insufficient Privileges ",
-      subtitle: "to perform this operation.. ",
-      description: "Please try again later or report this issue ",
-      urlText: "Enter your feedback"
-    });
-  }
-
-}
-
-if (false) {
-  UnauthorizedLogin__insufficient.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__unauthorizedLogin.docs.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import UnauthorizedLogin from '../UnauthorizedLogin';
-export default class UnauthorizedLogin__unauthorizedLogin extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(UnauthorizedLogin, {
-      subtitle: "Unathorized login! to the portal.",
-      description: "Please try again later or report this issue ",
-      urlText: "Enter your feedback"
-    });
-  }
-
-}
-
-if (false) {
-  UnauthorizedLogin__unauthorizedLogin.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/WillBack/docs/WillBack__default.docs.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import WillBack from '../WillBack';
-export default class WillBack__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(WillBack, {
-      highlightText: "Privileges ",
-      midText: "to perform this operation.. ",
-      description: "Please try again later or report this issue ",
-      title: " Insufficient",
-      urlText: "Enter your feedback"
-    });
-  }
-
-}
-
-if (false) {
-  WillBack__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/form/fields/CheckBoxField/docs/CheckBoxField__default.docs.js

@@ -1,30 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import CheckBoxField from '../CheckBoxField';
-export default class CheckBoxField__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CheckBoxField, {
-      labelName: "CheckBox",
-      id: "checkbox",
-      validationMessage: "Invalid Input"
-    }), /*#__PURE__*/React.createElement(CheckBoxField, {
-      labelName: "CheckBox",
-      id: "checkbox",
-      validationMessage: "Invalid Input",
-      isDisabled: true,
-      title: "Invalid Permission"
-    }));
-  }
-
-}
-
-if (false) {
-  CheckBoxField__default.docs = {
-    componentGroup: 'Form Fields',
-    folderName: 'General'
-  };
-}

package/es/form/fields/DateField/docs/DateField__default.docs.js

@@ -1,25 +0,0 @@
-import React, { Component } from 'react';
-import DateField from '../DateField';
-export default class DateField__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(DateField, {
-      labelName: "Date and Time",
-      id: "sample",
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      validationMessage: "Invalid Input"
-    });
-  }
-
-}
-
-if (false) {
-  DateField__default.docs = {
-    componentGroup: 'Form Fields',
-    folderName: 'General'
-  };
-}

package/es/form/fields/MultiSelectField/docs/MultiSelectField__default.docs.js

@@ -1,48 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import MultiSelectField from '../MultiSelectField';
-export default class MultiSelectField__default extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      selectedOptions: ['Antro J']
-    };
-    this.handleSelect = this.handleSelect.bind(this);
-  }
-
-  handleSelect(fieldId, options) {
-    console.log(options, '===>>');
-    this.setState({
-      selectedOptions: options
-    });
-  }
-
-  render() {
-    let {
-      selectedOptions
-    } = this.state;
-    let options = ['Antro J', 'Rahul JR', 'Karthiban NS', 'Sudalai MS', 'Arunkumar Selvam S'];
-    return /*#__PURE__*/React.createElement(MultiSelectField, {
-      labelName: "MultiSelect",
-      options: options,
-      onChange: this.handleSelect,
-      selectedOptions: selectedOptions,
-      needSelectAll: true,
-      selectAllText: "Select All",
-      isAnimate: true,
-      emptyMessage: "No more Results",
-      searchBoxSize: "xmedium",
-      textBoxSize: "xmedium",
-      animationStyle: "bounce",
-      validationMessage: "Invalid Input"
-    });
-  }
-
-}
-
-if (false) {
-  MultiSelectField__default.docs = {
-    componentGroup: 'Form Fields',
-    folderName: 'General'
-  };
-}

package/es/form/fields/PhoneField/docs/PhoneField__default.docs.js

@@ -1,26 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import PhoneField from '../PhoneField';
-export default class PhoneField__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(PhoneField, {
-      labelName: "Phone",
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      value: "98999999999",
-      isTelephony: true
-    });
-  }
-
-}
-
-if (false) {
-  PhoneField__default.docs = {
-    componentGroup: 'Form Fields',
-    folderName: 'General'
-  };
-}

package/es/form/fields/SelectField/docs/SelectField__default.docs.js

@@ -1,58 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import SelectField from '../SelectField';
-export default class SelectField__default extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: undefined
-    };
-    this.handleChange = this.handleChange.bind(this);
-  }
-
-  handleChange(fieldId, value) {
-    this.setState({
-      value
-    });
-  }
-
-  render() {
-    let option = [{
-      text: 'None',
-      id: '1'
-    }, {
-      text: 'Low',
-      id: '2'
-    }, {
-      text: 'Medium',
-      id: '3'
-    }, {
-      text: 'High',
-      id: '4'
-    }];
-    let {
-      value
-    } = this.state;
-    return /*#__PURE__*/React.createElement(SelectField, {
-      labelName: "Priority",
-      options: option,
-      onChange: this.handleChange,
-      selectedValue: value,
-      needSearch: true,
-      emptyMessage: "No matches found",
-      animationStyle: "bounce",
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      searchBoxSize: "xmedium",
-      validationMessage: "Invalid Input"
-    });
-  }
-
-}
-
-if (false) {
-  SelectField__default.docs = {
-    componentGroup: 'Form Fields',
-    folderName: 'General'
-  };
-}

package/es/form/fields/TagsMultiSelect/docs/TagsMultiSelect__default.docs.js

@@ -1,77 +0,0 @@
-import React from 'react';
-import TagsMultiSelect from '../TagsMultiSelect';
-import Icon from '@zohodesk/icons/lib/Icon';
-export default class TagsMultiSelect__default extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isPopupOpen: false
-    };
-    this.handleTogglePopup = this.handleTogglePopup.bind(this);
-    this.getCustomChildren = this.getCustomChildren.bind(this);
-  }
-
-  handleTogglePopup() {
-    this.setState({
-      isPopupOpen: !this.state.isPopupOpen
-    });
-  }
-
-  getCustomChildren() {
-    return /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-SE-setpracket",
-      size: "18"
-    });
-  }
-
-  render() {
-    let {
-      isPopupOpen
-    } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        position: 'relative'
-      }
-    }, /*#__PURE__*/React.createElement(TagsMultiSelect, {
-      addTag: () => {},
-      closeSearch: () => {},
-      deleteTag: () => {},
-      handleChange: () => {},
-      handleKeyUp: () => {},
-      isReadOnly: false,
-      name: "",
-      noMoreData: true,
-      searchList: [],
-      searchTags: () => {},
-      selectSearchIndex: "-1",
-      tagsList: [{
-        name: 'Tag1',
-        tagType: 'MANUAL',
-        id: '5853000007033049'
-      }, {
-        name: 'Tag2',
-        tagType: 'MANUAL',
-        id: '5853000007033069'
-      }],
-      handleTogglePopup: this.handleTogglePopup,
-      isPopupOpen: isPopupOpen,
-      isPopupReady: isPopupOpen,
-      i18nKeys: {
-        newTagText: 'New Tag',
-        emptyTitleText: 'OOPS',
-        emptyDescription: 'No tag available',
-        deleteText: 'Delete tag',
-        lessText: 'Less',
-        moreText: 'More'
-      },
-      getTextBoxChildren: this.getCustomChildren
-    }));
-  }
-
-}
-
-if (false) {
-  TagsMultiSelect__default.docs = {
-    componentGroup: 'TagsMultiSelect'
-  };
-}

package/es/form/fields/TagsMultiSelectField/docs/TagsMultiSelectField__default.docs.js

@@ -1,82 +0,0 @@
-import React from 'react';
-import TagsMultiSelectField from '../TagsMultiSelectField';
-import Icon from '@zohodesk/icons/lib/Icon';
-
-const TagsMultiSelectField__default = () => {
-  let value = [{
-    name: 'Tag1',
-    tagType: 'MANUAL',
-    id: '5853000007033049'
-  }, {
-    name: 'Tag2',
-    tagType: 'MANUAL',
-    id: '5853000007033069'
-  }, {
-    name: 'Tag3',
-    tagType: 'MANUAL',
-    id: '5853000007033080'
-  }];
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      margin: '20px 20px 0'
-    }
-  }, /*#__PURE__*/React.createElement(TagsMultiSelectField, {
-    ePhiData: {
-      ePhiTitle: 'ehhweh',
-      ePhiText: 'ephi',
-      ePhiStatus: true
-    },
-    fieldProperties: {
-      id: 'tag',
-      name: 'tag',
-      labelName: 'Tags MultiSelect',
-      isReadOnly: false,
-      isDisabled: false,
-      value,
-      options: [],
-      selectedValueCount: '10'
-    },
-    styleProperties: {
-      labelPalette: 'secondary'
-    },
-    i18nKeys: {
-      newTagText: 'New Tag',
-      emptyTitleText: 'OOPS',
-      emptyDescription: 'No tag available',
-      deleteText: 'Delete tag',
-      lessText: 'Less',
-      moreText: 'More'
-    },
-    actions: {
-      onAdd: (tag, event) => {
-        console.log('Add Event=====', tag);
-      },
-      onDelete: (tag, event) => {
-        console.log('Delete Event=====', tag);
-      },
-      onChange: searchValue => {
-        console.log('Value Change Event------>>', searchValue);
-      },
-      onScroll: () => {}
-    },
-    isNewNeeded: true,
-    getTextBoxChildren: () => /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-SE-setpracket",
-      size: "18"
-    })
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: '13px',
-      marginLeft: '5px',
-      color: 'var(--dot_shuttleGrey)'
-    }
-  }, "shift+t")));
-};
-
-export default TagsMultiSelectField__default;
-
-if (false) {
-  TagsMultiSelectField__default.docs = {
-    componentGroup: 'TagsMultiSelectField'
-  };
-}

package/es/form/fields/TextBoxField/docs/TextBoxField__default.docs.js

@@ -1,45 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import TextBoxField from '../TextBoxField';
-import { Container } from '@zohodesk/components/lib/Layout';
-import Icon from '@zohodesk/icons/lib/Icon';
-export default class TextBoxField__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextBoxField, {
-      labelName: "Contact Name",
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      validationMessage: "Invalid Input"
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '30px 0 10px',
-        fontFamily: 'var(--zd_semibold)'
-      }
-    }, "Children Option"), /*#__PURE__*/React.createElement(TextBoxField, {
-      labelName: "Contact Name",
-      textBoxSize: "xmedium",
-      textBoxVariant: "primary",
-      validationMessage: "Invalid Input"
-    }, /*#__PURE__*/React.createElement(Container, {
-      align: "both",
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-SE-setpracket",
-      size: "18"
-    }))));
-  }
-
-}
-
-if (false) {
-  TextBoxField__default.docs = {
-    componentGroup: 'Form Fields',
-    folderName: 'General'
-  };
-}

package/es/form/fields/TextEditorField/docs/TextEditorField__default.docs.js

@@ -1,43 +0,0 @@
-/*** Libraries ***/
-import React, { Component } from 'react';
-/*** Components ***/
-
-import TextEditorField from '../TextEditorField';
-import { Box } from '@zohodesk/components/lib/Layout';
-export default class TextEditorField__default extends Component {
-  constructor(props) {
-    super(props);
-    this.handleEditorStyleOptions = this.handleEditorStyleOptions.bind(this);
-  }
-
-  handleEditorStyleOptions(ZohoDeskEditor_Init, hookToOrganize) {
-    ZohoDeskEditor_Init.toolbarOrder = [['bold', 'Bold (Ctrl+B)', '#KBEditortools_txtbold', 'KBEditortools-txtbold'], ['italic', 'Italic (Ctrl+I)', '#KBEditortools_txtitalic', 'KBEditortools-txtitalic'], ['underline', 'Underline (Ctrl+U)', '#KBEditortools_txtunderline', 'KBEditortools-txtunderline']];
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextEditorField, {
-      needEditor: false,
-      labelName: "TextArea"
-    }, /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      style: {
-        fontSize: '12px',
-        color: 'var(--dot_primary)',
-        textAlign: 'right'
-      }
-    }, "Placeholders")), /*#__PURE__*/React.createElement(TextEditorField, {
-      id: "editor",
-      labelName: "TextEditor",
-      EDITORURL: "https://js.zohostatic.com/zde/v2.2.9/js/ZohoDeskEditor.js",
-      initCallback: this.handleEditorStyleOptions,
-      loadingComponent: /*#__PURE__*/React.createElement("div", null, "Loading...")
-    }));
-  }
-
-}
-
-if (false) {
-  TextEditorField__default.docs = {
-    componentGroup: 'Fields'
-  };
-}

package/es/form/fields/TextareaField/docs/TextareaField__default.docs.js

@@ -1,26 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import TextareaField from '../TextareaField';
-export default class TextareaField__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(TextareaField, {
-      labelName: "Textarea",
-      onChange: () => {},
-      textBoxSize: "xsmall",
-      textBoxVariant: "primary",
-      validationMessage: "Invalid Input"
-    });
-  }
-
-}
-
-if (false) {
-  TextareaField__default.docs = {
-    componentGroup: 'Form Fields',
-    folderName: 'General'
-  };
-}

package/es/form/fields/ValidationMessage/docs/ValidationMessage__default.docs.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import ValidationMessage from '../ValidationMessage';
-export default class ValidationMessage__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "default",
-      size: "small",
-      type: "secondary",
-      tooltip: "Information"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "primary",
-      size: "small",
-      type: "secondary"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "secondary",
-      size: "small",
-      type: "secondary",
-      tooltip: "Information"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "danger",
-      size: "small",
-      type: "secondary"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "mandatory",
-      size: "small",
-      type: "secondary",
-      tooltip: "Information"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "dark",
-      size: "small",
-      type: "secondary"
-    }), /*#__PURE__*/React.createElement(ValidationMessage, {
-      text: "validation",
-      palette: "disable",
-      size: "small",
-      type: "secondary",
-      tooltip: "Information"
-    }));
-  }
-
-}
-
-if (false) {
-  ValidationMessage__default.docs = {
-    componentGroup: 'Form Fields',
-    folderName: 'Style Guide'
-  };
-}

package/es/form/layout/Field/docs/Field__default.docs.js

@@ -1,25 +0,0 @@
-import React, { Component } from 'react';
-import Field from '../Field';
-export default class Field__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(Field, {
-      column: "two",
-      rowBreak: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        textAlign: 'center'
-      }
-    }, "Chidren"));
-  }
-
-}
-
-if (false) {
-  Field__default.docs = {
-    componentGroup: 'ModuleAddForm'
-  };
-}

package/es/form/layout/Section/docs/Section__default.docs.js

@@ -1,21 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Section from '../Section';
-export default class Section__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(Section, {
-      title: "SectionTitle"
-    }, /*#__PURE__*/React.createElement("div", null, "Section children"));
-  }
-
-}
-
-if (false) {
-  Section__default.docs = {
-    componentGroup: 'ModuleAddForm'
-  };
-}