@zohodesk/dot 1.0.0-temp-187.22 → 1.0.0-temp-187.24

package/es/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap

@@ -1,90 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`MultiSelectField rendering the defult props 1`] = `
-<DocumentFragment>
-  <div
-    class="container "
-    data-selector-id="multiSelectField"
-  >
-    <div
-      class="wrapper     effect"
-      data-id="multiSelect"
-      data-selector-id="multiSelect"
-      data-test-id="multiSelect"
-    >
-      <div
-        class="container medium borderColor_default   hasBorder flex cover rowdir wrap vCenter"
-        data-id="containerComponent"
-        data-selector-id="container"
-        data-test-id="containerComponent"
-      >
-        <div
-          class="wrapper grow basisAuto shrinkOn"
-          data-id="boxComponent"
-          data-selector-id="box"
-          data-test-id="boxComponent"
-        >
-          <span
-            class=" custmSpan custmSpanMedium 
-          "
-          />
-          <div
-            class="varClass customContainer    effect     container custmInputWrapper  flex rowdir"
-            data-selector-id="textBoxIcon"
-          >
-            <div
-              class="grow basis shrinkOff"
-              data-id="boxComponent"
-              data-selector-id="box"
-              data-test-id="boxComponent"
-            >
-              <input
-                aria-expanded="false"
-                aria-haspopup="true"
-                aria-required="true"
-                autocomplete="off"
-                class="  container medium  default  effect  borderColor_default  "
-                data-id="multiSelect_textBox"
-                data-selector-id="textBoxIcon"
-                data-test-id="multiSelect_textBox"
-                id="1"
-                maxlength="250"
-                role="combobox"
-                type="text"
-                value=""
-              />
-            </div>
-            <div
-              class="iconContainer  shrinkOff"
-              data-id="boxComponent"
-              data-selector-id="box"
-              data-test-id="boxComponent"
-            >
-              <div
-                class="flex cover rowdir"
-                data-id="containerComponent"
-                data-selector-id="container"
-                data-test-id="containerComponent"
-              >
-                <div
-                  class="icon  shrinkOff"
-                  data-id="boxComponent"
-                  data-selector-id="box"
-                  data-test-id="boxComponent"
-                >
-                  <div
-                    class="rightPlaceholder inflex rowdir vCenter"
-                    data-id="containerComponent"
-                    data-selector-id="container"
-                    data-test-id="containerComponent"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/es/form/fields/MultiSelectField/props/defaultProps.js

@@ -1,17 +0,0 @@
-import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
-export const defaultProps = {
-  errorType: 'primary',
-  isAnimate: false,
-  needSelectAll: false,
-  size: 'medium',
-  textBoxSize: 'medium',
-  variant: 'default',
-  borderColor: 'default',
-  fieldSize: 'medium',
-  isFocusOnLabelClick: true,
-  labelPalette: 'default',
-  customProps: {},
-  i18nKeys: {},
-  dataSelectorId: 'multiSelectField',
-  ...FieldCommonDefaultProps()
-};

package/es/form/fields/MultiSelectField/props/propTypes.js

@@ -1,50 +0,0 @@
-import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
-export const propTypes = {
-  animationStyle: PropTypes.string,
-  borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
-  emptyMessage: PropTypes.string,
-  errorType: PropTypes.oneOf(['primary', 'secondary']),
-  fieldSize: PropTypes.oneOf(['small', 'medium']),
-  getNextOptions: PropTypes.func,
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  isAnimate: PropTypes.bool,
-  isNextOptions: PropTypes.bool,
-  isSearching: PropTypes.bool,
-  labelName: PropTypes.string,
-  labelPalette: PropTypes.string,
-  needSelectAll: PropTypes.bool,
-  onChange: PropTypes.func.isRequired,
-  onDropBoxOpen: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onSearch: PropTypes.func,
-  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.object)]).isRequired,
-  palette: PropTypes.string,
-  placeHolder: PropTypes.string,
-  popupGroup: PropTypes.string,
-  selectAllText: PropTypes.string,
-  selectedOptions: PropTypes.arrayOf(PropTypes.string).isRequired,
-  size: PropTypes.oneOf(['medium', 'xmedium']),
-  textBoxSize: PropTypes.string,
-  textField: PropTypes.string,
-  title: PropTypes.string,
-  validationMessage: PropTypes.string,
-  validationPalette: PropTypes.string,
-  validationRuleMessage: PropTypes.string,
-  validationRulePalette: PropTypes.string,
-  valueField: PropTypes.string,
-  variant: PropTypes.string,
-  children: PropTypes.node,
-  customChildrenClass: PropTypes.string,
-  onFocus: PropTypes.func,
-  customProps: PropTypes.shape({
-    LabelProps: PropTypes.object,
-    MultiSelectProps: PropTypes.object,
-    ValidationMessageProps1: PropTypes.object,
-    ValidationMessageProps2: PropTypes.object
-  }),
-  i18nKeys: PropTypes.object,
-  htmlId: PropTypes.string,
-  ...FieldCommonPropTypes
-};

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

@@ -1,189 +0,0 @@
-/**** Libraries ****/
-import React, { PureComponent } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/**** Components ****/
-
-import { Icon } from '@zohodesk/icons';
-import { Container, Box } from '@zohodesk/components/es/Layout';
-import TextBoxField from "../TextBoxField/TextBoxField";
-import Link from "../../../Link/Link";
-/**** CSS ****/
-
-import style from "../Fields.module.css";
-import { formatPhoneUrl } from "../../../utils/General";
-export default class PhoneField extends PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isActive: false
-    };
-    this.handleChange = this.handleChange.bind(this);
-    this.handleGetRef = this.handleGetRef.bind(this);
-    this.focusInput = this.focusInput.bind(this);
-    this.onFocus = this.onFocus.bind(this);
-    this.onBlur = this.onBlur.bind(this);
-  }
-
-  handleChange(id, value) {
-    let {
-      onChange
-    } = this.props;
-    onChange && onChange(id, value);
-  }
-
-  handleGetRef(el) {
-    let {
-      getRef,
-      id
-    } = this.props;
-    this.textBoxElem = el;
-    getRef && getRef(el, id);
-  }
-
-  focusInput(e) {
-    this.textBoxElem.focus();
-  }
-
-  onFocus() {
-    let {
-      onFocus
-    } = this.props;
-    this.setState({
-      isActive: true
-    });
-    onFocus && onFocus();
-  }
-
-  onBlur() {
-    let {
-      onBlur
-    } = this.props;
-    this.setState({
-      isActive: false
-    });
-    onBlur && onBlur();
-  }
-
-  render() {
-    let {
-      labelName,
-      id,
-      textBoxSize,
-      textBoxVariant,
-      textBoxType,
-      isMandatory,
-      validationMessage,
-      maxLength,
-      isReadOnly,
-      value,
-      errorType,
-      isDisabled,
-      title,
-      dataId,
-      dataSelectorId,
-      onKeyDown,
-      placeHolder,
-      infoText,
-      isTelephony,
-      providerName,
-      ticketId,
-      contactId,
-      borderColor,
-      fieldSize,
-      labelPalette,
-      labelCustomClass,
-      i18nKeys,
-      onCall,
-      ePhiData,
-      type,
-      customProps
-    } = this.props;
-    const {
-      TextBoxFieldProps = {},
-      LinkProps = {}
-    } = customProps;
-    let {
-      isActive
-    } = this.state;
-    let {
-      callTitle
-    } = i18nKeys;
-    let callBackparam = {
-      contact_id: contactId ? contactId : '',
-      request_id: ticketId,
-      activity_id: '',
-      entity_module: 'Requests'
-    };
-    let phoneValue = value;
-
-    if (isActive) {
-      phoneValue = value;
-    } else {
-      phoneValue = formatPhoneUrl(value);
-    }
-
-    return /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      className: `${style.container} ${isDisabled ? style.disabled : ''}`,
-      "data-title": isDisabled ? title : null,
-      dataSelectorId: dataSelectorId
-    }, /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      className: style.phoneField
-    }, /*#__PURE__*/React.createElement(TextBoxField, {
-      labelName: labelName,
-      id: id,
-      palette: isMandatory ? 'mandatory' : 'default',
-      onClick: this.focusInput,
-      infoText: infoText,
-      type: textBoxType,
-      textBoxVariant: textBoxVariant,
-      size: textBoxSize,
-      maxLength: maxLength,
-      isReadOnly: isReadOnly,
-      getRef: this.handleGetRef,
-      value: phoneValue,
-      onChange: this.handleChange,
-      dataId: dataId,
-      onBlur: this.onBlur,
-      onFocus: this.onFocus,
-      onKeyDown: onKeyDown,
-      placeHolder: placeHolder,
-      validationMessage: validationMessage,
-      borderColor: borderColor,
-      isDisabled: isDisabled,
-      fieldSize: fieldSize,
-      isMandatory: isMandatory,
-      labelPalette: labelPalette,
-      labelCustomClass: labelCustomClass,
-      errorType: errorType,
-      ePhiData: ePhiData,
-      ...TextBoxFieldProps
-    })), /*#__PURE__*/React.createElement(Box, null, isTelephony && value ? /*#__PURE__*/React.createElement(Link, {
-      className: style.phoneIcon,
-      callfrom: "phone",
-      pbxname: providerName,
-      phonenum: value,
-      module: "RequestDetailsView",
-      title: callTitle,
-      callBackParam: JSON.stringify(callBackparam),
-      callto: 'RequestPhoneNumber',
-      href: true,
-      onClick: onCall,
-      type: type,
-      ...LinkProps
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-GN-phone",
-      size: "14"
-    })) : null));
-  }
-
-}
-PhoneField.propTypes = propTypes;
-PhoneField.defaultProps = defaultProps; // if (__DOCS__) {
-//   PhoneField.docs = {
-//     componentGroup: 'Form Fields',
-//     folderName: 'General'
-//   };
-// }

package/es/form/fields/PhoneField/__tests__/PhoneField.spec.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import PhoneField from "../PhoneField";
-describe('PhoneField', () => {
-  test('rendering the defult props', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(PhoneField, null));
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap

@@ -1,70 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PhoneField rendering the defult props 1`] = `
-<DocumentFragment>
-  <div
-    class="container  flex cover rowdir"
-    data-id="containerComponent"
-    data-selector-id="phoneField"
-    data-test-id="containerComponent"
-  >
-    <div
-      class="phoneField grow basis shrinkOff"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <div
-        class="container "
-        data-selector-id="textBoxField"
-      >
-        <div
-          class="fieldContainer "
-        >
-          <div
-            class="varClass customContainer   border_bottom effect borderColor_default hasBorder    container   flex rowdir"
-            data-selector-id="textBoxIcon"
-          >
-            <div
-              class="grow basis shrinkOff"
-              data-id="boxComponent"
-              data-selector-id="box"
-              data-test-id="boxComponent"
-            >
-              <input
-                class="  container xmedium  primary  effect  borderColor_default  "
-                data-id="textBoxIcon"
-                data-selector-id="textBoxIcon"
-                data-test-id="textBoxIcon"
-                id="1"
-                maxlength="250"
-                type="text"
-                value=""
-              />
-            </div>
-            <div
-              class="iconContainer  shrinkOff"
-              data-id="boxComponent"
-              data-selector-id="box"
-              data-test-id="boxComponent"
-            >
-              <div
-                class="flex cover rowdir"
-                data-id="containerComponent"
-                data-selector-id="container"
-                data-test-id="containerComponent"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="shrinkOff"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    />
-  </div>
-</DocumentFragment>
-`;

package/es/form/fields/PhoneField/props/defaultProps.js

@@ -1,16 +0,0 @@
-export const defaultProps = {
-  errorType: 'primary',
-  isMandatory: false,
-  textBoxSize: 'xmedium',
-  textBoxType: 'text',
-  textBoxVariant: 'primary',
-  borderColor: 'default',
-  isDisabled: false,
-  isReadOnly: false,
-  fieldSize: 'medium',
-  labelPalette: 'default',
-  labelCustomClass: '',
-  i18nKeys: {},
-  customProps: {},
-  dataSelectorId: 'phoneField'
-};

package/es/form/fields/PhoneField/props/propTypes.js

@@ -1,47 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  dataId: PropTypes.string,
-  errorType: PropTypes.oneOf(['primary', 'secondary']),
-  fieldSize: PropTypes.oneOf(['small', 'medium']),
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  infoText: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  isMandatory: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  labelCustomClass: PropTypes.string,
-  labelName: PropTypes.string.isRequired,
-  labelPalette: PropTypes.string,
-  maxLength: PropTypes.number,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  placeHolder: PropTypes.string,
-  textBoxSize: PropTypes.string,
-  textBoxType: PropTypes.string,
-  textBoxVariant: PropTypes.string,
-  title: PropTypes.string,
-  validationMessage: PropTypes.string,
-  value: PropTypes.string,
-  i18nKeys: PropTypes.shape({
-    callTitle: PropTypes.string
-  }),
-  onCall: PropTypes.func,
-  ePhiData: PropTypes.shape({
-    ePhiTitle: PropTypes.string,
-    ePhiText: PropTypes.string,
-    ePhiStatus: PropTypes.bool
-  }),
-  customProps: PropTypes.shape({
-    LinkProps: PropTypes.object,
-    TextBoxFieldProps: PropTypes.object
-  }),
-  onFocus: PropTypes.func,
-  dataSelectorId: PropTypes.string,
-  isTelephony: PropTypes.bool,
-  providerName: PropTypes.string,
-  ticketId: PropTypes.string,
-  contactId: PropTypes.string,
-  type: PropTypes.string
-};