@zohodesk/dot 1.4.15 → 1.4.17

package/es/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap

@@ -0,0 +1,76 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`WillBack rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container  flex cover coldir scrolly"
+    data-id="willBack"
+    data-selector-id="container"
+    data-test-id="willBack"
+  >
+    <div
+      class="top shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="header header "
+      >
+        <div
+          class="title"
+        >
+          We'll be right back !
+        </div>
+      </div>
+    </div>
+    <div
+      class="imageContainer shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        aria-hidden="true"
+        class="cover  default svgCenter "
+      >
+        <svg
+          data-id="willBack_svg"
+          data-test-id="willBack_svg"
+          height="100%"
+          viewBox="0 0 889 490.6"
+          width="100%"
+        >
+          <image
+            height="100%"
+            width="100%"
+            xlink:href="WillBack.svg"
+          />
+        </svg>
+      </div>
+    </div>
+    <div
+      class="footerWidth footer shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="btmText"
+      >
+        Our Service is temporarity unavailable. We are currently working to restore it.
+      </div>
+      <div
+        class="btmText bottomSpace "
+      >
+        Please try again later or report this issue
+      </div>
+      <div
+        class="btmText"
+      >
+        2013, Zoho Corp, All rights reserved.
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

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

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -86,7 +84,7 @@ export default class CheckBoxField extends PureComponent {
       lockedInfoText: lockedInfoText,
       infoText: infoText,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       id: id,
       size: fieldSize === 'small' ? 'small' : 'medium',
@@ -96,8 +94,9 @@ export default class CheckBoxField extends PureComponent {
       title: labelName,
       onClick: !removeEvent ? this.handleLabelClick : null,
       variant: isDirectCol ? 'default' : 'primary',
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
-    }, LabelProps)));
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps
+    }));
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
       "data-title": isDisabled ? title : null,
@@ -110,27 +109,30 @@ export default class CheckBoxField extends PureComponent {
       align: "top"
     }, /*#__PURE__*/React.createElement(Box, {
       className: isDirectCol ? style.checkbox : style.checkboxRow
-    }, /*#__PURE__*/React.createElement(CheckBox, _extends({
+    }, /*#__PURE__*/React.createElement(CheckBox, {
       id: id,
       onChange: this.handleChange,
       disabled: removeEvent,
       checked: checked,
       getRef: this.handleGetRef,
       dataId: dataId,
-      getContainerRef: getContainerRef
-    }, CheckBoxProps))), !isDirectCol && /*#__PURE__*/React.createElement(Box, {
+      getContainerRef: getContainerRef,
+      ...CheckBoxProps
+    })), !isDirectCol && /*#__PURE__*/React.createElement(Box, {
       flexible: true
-    }, labelElement)), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+    }, labelElement)), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
-      dataId: `${dataId}_ValidationMessage`
-    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      dataId: `${dataId}_ValidationMessage`,
+      ...ValidationMessageProps1
+    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
-      dataId: `${dataId}_ValidationRuleMessage`
-    }, ValidationMessageProps2))));
+      dataId: `${dataId}_ValidationRuleMessage`,
+      ...ValidationMessageProps2
+    })));
   }
 
 }

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

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

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

@@ -0,0 +1,91 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CheckBoxField rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container "
+    data-selector-id="checkBoxField"
+  >
+    <div
+      class="checkboxFieldContainer "
+    >
+      <div
+        class="flex rowdir top"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="checkboxRow shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            aria-checked="false"
+            class="container pointer primary 
+          inflex rowdir vCenter"
+            data-id="checkBox"
+            data-selector-id="container"
+            data-test-id="checkBox"
+            role="checkbox"
+            tabindex="0"
+          >
+            <div
+              class="boxContainer medium  filled shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <input
+                type="hidden"
+              />
+              <label
+                class="checkbox pointer medium "
+              >
+                <svg
+                  viewBox="0 0 40 40"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <rect
+                    class="cbBox"
+                    height="38"
+                    rx="4"
+                    width="38"
+                    x="1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    y="1"
+                  />
+                </svg>
+              </label>
+            </div>
+          </div>
+        </div>
+        <div
+          class="grow basis shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="flex rowdir vCenter"
+            data-id="containerComponent"
+            data-selector-id="fieldContainer"
+            data-test-id="containerComponent"
+          >
+            <label
+              class="label title medium default font_primary
+           pointer checkboxText undefined cbTextPointer   "
+              data-id="undefined_label"
+              data-selector-id="label"
+              data-test-id="undefined_label"
+            >
+              Label
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/form/fields/CurrencyField/CurrencyField.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -128,16 +126,17 @@ export default class CurrencyField extends PureComponent {
       isLocked: isLocked,
       lockedInfoText: lockedInfoText,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       size: fieldSize === 'small' ? 'small' : 'medium',
       palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
       customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
       htmlFor: uniqueId,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
-    }, LabelProps))), /*#__PURE__*/React.createElement("div", {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps
+    })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-    }, /*#__PURE__*/React.createElement(TextBox, _extends({
+    }, /*#__PURE__*/React.createElement(TextBox, {
       htmlId: uniqueId,
       id: id,
       type: textBoxType,
@@ -157,20 +156,23 @@ export default class CurrencyField extends PureComponent {
       isDisabled: isDisabled,
       needEffect: isReadOnly || isDisabled ? false : true,
       isClickable: isClickable,
-      needReadOnlyStyle: needReadOnlyStyle
-    }, TextBoxProps)), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      needReadOnlyStyle: needReadOnlyStyle,
+      ...TextBoxProps
+    }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
       dataId: `${dataId}_ValidationMessage`,
-      htmlFor: uniqueId
-    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      htmlFor: uniqueId,
+      ...ValidationMessageProps1
+    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationRuleMessage`
-    }, ValidationMessageProps2))));
+      dataId: `${dataId}_ValidationRuleMessage`,
+      ...ValidationMessageProps2
+    })));
   }
 
 }

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

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

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

@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CurrencyField rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container "
+    data-selector-id="currencyField"
+  >
+    <div
+      class="fieldContainer "
+    >
+      <input
+        class="  container xmedium  primary border effect  borderColor_default  "
+        data-id="textBox"
+        data-selector-id="textBox"
+        data-test-id="textBox"
+        id="1"
+        type="text"
+        value=""
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

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

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -133,21 +131,21 @@ export default class DateField extends PureComponent {
       isLocked: isLocked,
       lockedInfoText: lockedInfoText,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       htmlFor: getAriaId,
       size: fieldSize === 'small' ? 'small' : 'medium',
       palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
       onClick: isDisabled || isReadOnly ? null : this.handleLabelClick,
       customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
-    }, LabelProps, {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps,
       id: labelName
-    }))), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
     }, isLocked && lockedValueText ? /*#__PURE__*/React.createElement("div", {
       className: style.lockText
-    }, lockedValueText) : /*#__PURE__*/React.createElement(DateWidget, _extends({
+    }, lockedValueText) : /*#__PURE__*/React.createElement(DateWidget, {
       textBoxSize: fieldSize === 'medium' ? textBoxSize : 'xsmall',
       textBoxVariant: textBoxVariant,
       isDateTime: isDateTime,
@@ -165,24 +163,26 @@ export default class DateField extends PureComponent {
       isEditable: true,
       htmlId: getAriaId,
       i18nKeys: i18nKeys,
-      iconOnHover: iconOnHover
-    }, DateWidgetProps, {
+      iconOnHover: iconOnHover,
+      ...DateWidgetProps,
       a11y: {
         ariaLabelledby: labelName
       }
-    })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+    }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
       htmlFor: getAriaId,
-      dataId: `${dataId}_ValidationMessage`
-    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      dataId: `${dataId}_ValidationMessage`,
+      ...ValidationMessageProps1
+    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
       htmlFor: getAriaId,
-      dataId: `${dataId}_ValidationRuleMessage`
-    }, ValidationMessageProps2))));
+      dataId: `${dataId}_ValidationRuleMessage`,
+      ...ValidationMessageProps2
+    })));
   }
 
 }

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

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

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

@@ -0,0 +1,89 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DateField rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container "
+    data-selector-id="dateField"
+  >
+    <div
+      class="fieldContainer "
+    >
+      <div
+        class="container"
+      >
+        <div
+          class=" textBox  enabled"
+          data-id="dateField(formatted_undefined)_widget"
+          data-test-id="dateField(formatted_undefined)_widget"
+        >
+          <div
+            class="container effect  placeHolder  flex rowdir"
+            data-id="containerComponent"
+            data-selector-id="textBoxIcon"
+            data-test-id="containerComponent"
+          >
+            <div
+              class="grow basis shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <input
+                autocomplete="off"
+                class=" pointer container xmedium  primary  effect  borderColor_default  "
+                data-id="dateField(formatted_undefined)"
+                data-selector-id="textBoxIcon"
+                data-test-id="dateField(formatted_undefined)"
+                id="1"
+                maxlength="250"
+                type="text"
+                value="MM/dd/yyyy hh:mm --"
+              />
+            </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="flex cover coldir both"
+                    data-id="dateField(formatted_undefined)_datePicker"
+                    data-selector-id="container"
+                    data-test-id="dateField(formatted_undefined)_datePicker"
+                  >
+                    <i
+                      aria-hidden="true"
+                      class="zd_font_icons basic icon-Datepicker    "
+                      data-id="fontIcon"
+                      data-selector-id="fontIcon"
+                      data-test-id="fontIcon"
+                      style="--zd-iconfont-size: var(--zd_font_size12);"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="line borderColor_default "
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

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

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

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

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FieldContainer rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="flex rowdir vCenter"
+    data-id="containerComponent"
+    data-selector-id="fieldContainer"
+    data-test-id="containerComponent"
+  />
+</DocumentFragment>
+`;

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

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -145,7 +143,7 @@ export default class MultiSelectField extends PureComponent {
       isLocked: isLocked,
       lockedInfoText: lockedInfoText,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       id: id,
       size: fieldSize === 'small' ? 'small' : 'medium',
@@ -153,8 +151,9 @@ export default class MultiSelectField extends PureComponent {
       ,
       customClass: `${style.fieldLabel} ${isMandatory ? style.labelMandatory : ''}`,
       dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-      htmlFor: uniqueId
-    }, LabelProps))), /*#__PURE__*/React.createElement(MultiSelect, _extends({
+      htmlFor: uniqueId,
+      ...LabelProps
+    })), /*#__PURE__*/React.createElement(MultiSelect, {
       options: options,
       onChange: this.handleChange,
       selectedOptions: selectedOptions,
@@ -185,22 +184,24 @@ export default class MultiSelectField extends PureComponent {
       i18nKeys: i18nKeys,
       htmlId: uniqueId,
       customChildrenClass: customChildrenClass,
-      onFocus: onFocus
-    }, MultiSelectProps, {
+      onFocus: onFocus,
+      ...MultiSelectProps,
       ariaLabelledby: uniqueId
-    }), children ? children : null), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+    }, children ? children : null), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
       dataId: `${dataId}_ValidationMessage`,
-      htmlFor: uniqueId
-    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      htmlFor: uniqueId,
+      ...ValidationMessageProps1
+    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
       dataId: `${dataId}_ValidationRuleMessage`,
-      htmlFor: uniqueId
-    }, ValidationMessageProps2)));
+      htmlFor: uniqueId,
+      ...ValidationMessageProps2
+    }));
   }
 
 }

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

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