@zohodesk/components 1.0.0-temp-195 → 1.0.0-temp-196

package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap

@@ -0,0 +1,476 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Textarea component Should be render autofocus true  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render customClass  1`] = `
+<DocumentFragment>
+  <textarea
+    class="textAreaCustomClass  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render htmlId  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    id="textAreahtmlId"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is false and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true and needEffect is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is false and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is true and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class=" readonly container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    readonly=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is true and needEffect is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class=" readonly container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    readonly=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render maxLength in number 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    maxlength="11"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render maxLength in string 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    maxlength="Ten"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needAppearance is false  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  basic borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needBorder is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default noBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needReadOnlyStyle is false  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render placeholder 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    placeholder="TextAreaPlaceHolder"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render text 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  >
+    TextAreaText
+  </textarea>
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render with the basic set of default props 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render Varient - default 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render Varient - primary 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small primary needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize  largeanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize  undefined   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize  smallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize  xmediumanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize  xsmallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render borderColor - default 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render borderColor - transparent 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_transparent"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - both 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeboth     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - horizontal 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeX     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - none 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - vertical 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeY     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize  largeanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize  undefined   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize  smallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize  xmediumanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize  xsmallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component rendering ally clearLabel 1`] = `
+<DocumentFragment>
+  <textarea
+    aria-label="TextAreaAriaLabel"
+    aria-labelledby="TexareaAriaLabelledby"
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;

package/es/Tooltip/Tooltip.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { getLibraryConfig } from "../Provider/Config";
-import style from "./Tooltip.module.css";
-import ResizeObserver from "../Responsive/ResizeObserver";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { getLibraryConfig } from '../Provider/Config';
+import style from './Tooltip.module.css';
+import ResizeObserver from '../Responsive/ResizeObserver';
 import selectn from 'selectn';
 export default class Tooltip extends React.Component {
   constructor(props) {

package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityComponent } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../Provider/LibraryContextInit";
+import LibraryContext from '../../Provider/LibraryContextInit';
 export default class VelocityAnimation extends React.Component {
   constructor(props) {
     super(props);

package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityTransitionGroup } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../Provider/LibraryContextInit";
+import LibraryContext from '../../Provider/LibraryContextInit';
 
 function clearProps(props) {
   let newProps = Object.assign({}, props);

package/es/VelocityAnimation/index.js

@@ -1,2 +1,2 @@
-export { default as VelocityAnimation } from "./VelocityAnimation/VelocityAnimation";
-export { default as VelocityAnimationGroup } from "./VelocityAnimationGroup/VelocityAnimationGroup";
+export { default as VelocityAnimation } from './VelocityAnimation/VelocityAnimation';
+export { default as VelocityAnimationGroup } from './VelocityAnimationGroup/VelocityAnimationGroup';

package/es/css.js

@@ -1,41 +1,41 @@
-import "./common/reset.module.css";
-import "./common/basic.module.css";
+import './common/reset.module.css';
+import './common/basic.module.css';
 import '@zohodesk/variables/lib/colorVariables.module.css';
 import '@zohodesk/variables/lib/sizeVariables.module.css';
 import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
 import '@zohodesk/icons/lib/Icon/Icon.module.css';
-import "./common/animation.module.css";
-import "./common/transition.module.css";
-import "./common/common.module.css";
-import "./Layout/Layout.module.css";
-import "./Avatar/Avatar.module.css";
-import "./AvatarTeam/AvatarTeam.module.css";
-import "./Button/Button.module.css";
-import "./Switch/Switch.module.css";
-import "./TextBox/TextBox.module.css";
-import "./Radio/Radio.module.css";
-import "./Label/Label.module.css";
-import "./Label/LabelColors.module.css";
-import "./CheckBox/CheckBox.module.css";
-import "./Textarea/Textarea.module.css";
-import "./Tooltip/Tooltip.module.css";
-import "./Tab/Tab.module.css";
-import "./Tab/Tabs.module.css";
-import "./Tab/TabContent.module.css";
-import "./TextBoxIcon/TextBoxIcon.module.css";
-import "./Ribbon/Ribbon.module.css";
-import "./MultiSelect/MultiSelect.module.css";
-import "./Select/Select.module.css";
-import "./ListItem/ListItem.module.css";
-import "./Tag/Tag.module.css";
-import "./Stencils/Stencils.module.css";
-import "./PopOver/PopOver.module.css";
-import "./DropDown/DropDown.module.css";
-import "./DropBox/css/DropBox.module.css";
-import "./DropBox/DropBoxElement/css/DropBoxElement.module.css";
-import "./DateTime/DateTime.module.css";
-import "./DateTime/DateWidget.module.css";
-import "./Card/Card.module.css";
-import "./Buttongroup/Buttongroup.module.css";
-import "./AppContainer/AppContainer.module.css";
-import "./RippleEffect/RippleEffect.module.css";
+import './common/animation.module.css';
+import './common/transition.module.css';
+import './common/common.module.css';
+import './Layout/Layout.module.css';
+import './Avatar/Avatar.module.css';
+import './AvatarTeam/AvatarTeam.module.css';
+import './Button/Button.module.css';
+import './Switch/Switch.module.css';
+import './TextBox/TextBox.module.css';
+import './Radio/Radio.module.css';
+import './Label/Label.module.css';
+import './Label/LabelColors.module.css';
+import './CheckBox/CheckBox.module.css';
+import './Textarea/Textarea.module.css';
+import './Tooltip/Tooltip.module.css';
+import './Tab/Tab.module.css';
+import './Tab/Tabs.module.css';
+import './Tab/TabContent.module.css';
+import './TextBoxIcon/TextBoxIcon.module.css';
+import './Ribbon/Ribbon.module.css';
+import './MultiSelect/MultiSelect.module.css';
+import './Select/Select.module.css';
+import './ListItem/ListItem.module.css';
+import './Tag/Tag.module.css';
+import './Stencils/Stencils.module.css';
+import './PopOver/PopOver.module.css';
+import './DropDown/DropDown.module.css';
+import './DropBox/css/DropBox.module.css';
+import './DropBox/DropBoxElement/css/DropBoxElement.module.css';
+import './DateTime/DateTime.module.css';
+import './DateTime/DateWidget.module.css';
+import './Card/Card.module.css';
+import './Buttongroup/Buttongroup.module.css';
+import './AppContainer/AppContainer.module.css';
+import './RippleEffect/RippleEffect.module.css';

package/es/deprecated/PortalLayer/PortalLayer.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { propTypes, RefElement_propTypes } from "./props/propTypes";
-import { defaultProps } from "./props/defaultProps"; //Components
+import { propTypes, RefElement_propTypes } from './props/propTypes';
+import { defaultProps } from './props/defaultProps'; //Components
 
-import Modal from "../../Modal/Modal";
+import Modal from '../../Modal/Modal';
 let RefElement = /*#__PURE__*/React.forwardRef((props, ref) => {
   let {
     Element,