@zohodesk/dot 1.9.2 → 1.9.3

package/es/v1/errorstate/UrlNotFound/UrlNotFound.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorUrlNotFound from '@zohodesk/svg/es/v1/errorstate/version3/ErrorUrlNotFound';
-import Button from '@zohodesk/components/es/v1/Button/Button';
-import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
-import style from "../../../version2/errorstate/V2_ErrorStates.module.css";
-export default function UrlNotFound(props) {
-  function errorUrlNotFound() {
-    return /*#__PURE__*/React.createElement(ErrorUrlNotFound, {
-      className: style.errorSvg
-    });
-  }
-
-  let {
-    title,
-    description,
-    isButtonNeeded,
-    className,
-    isFluid,
-    dataId,
-    buttonText,
-    onButtonClick,
-    urlText,
-    url,
-    onClick,
-    urlTarget,
-    size
-  } = props;
-  return /*#__PURE__*/React.createElement(Container, {
-    scroll: "vertical",
-    className: `${style.container} ${style[size]}`
-  }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-    title: title,
-    description: description,
-    getEmptyState: errorUrlNotFound,
-    className: `${style.errorState} ${className}`,
-    isFluid: isFluid,
-    dataId: dataId,
-    linkUrl: url,
-    linkText: urlText,
-    onUrlClick: onClick,
-    linkTarget: urlTarget,
-    customClass: {
-      titleClass: style.title,
-      descriptionClass: style.desc
-    }
-  }, isButtonNeeded ? /*#__PURE__*/React.createElement(Button, {
-    palette: "primaryFilled",
-    text: buttonText,
-    customClass: {
-      customButton: style.errorBtn
-    },
-    onClick: onButtonClick,
-    dataId: `${dataId}_button`
-  }) : null));
-}
-UrlNotFound.propTypes = propTypes;
-UrlNotFound.defaultProps = defaultProps; // if (__DOCS__) {
-//   UrlNotFound.docs = {
-//     componentGroup: 'errorStates'
-//   };
-// }

package/es/v1/errorstate/UrlNotFound/props/defaultProps.js

@@ -1,8 +0,0 @@
-export const defaultProps = {
-  dataId: 'urlnotfound',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  size: 'large'
-};

package/es/v1/errorstate/UrlNotFound/props/propTypes.js

@@ -1,16 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
-  isButtonNeeded: PropTypes.bool,
-  className: PropTypes.string,
-  isFluid: PropTypes.bool,
-  dataId: PropTypes.string,
-  buttonText: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  urlText: PropTypes.string,
-  url: PropTypes.string,
-  onClick: PropTypes.func,
-  urlTarget: PropTypes.oneOf(['_blank', '_self']),
-  size: PropTypes.oneOf(['large', 'medium', 'small'])
-};

package/es/v1/errorstate/WillBeRightBack/WillBeRightBack.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorWillBeRightBack from '@zohodesk/svg/es/v1/errorstate/version3/ErrorWillBeRightBack';
-import Button from '@zohodesk/components/es/v1/Button/Button';
-import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
-import style from "../../../version2/errorstate/V2_ErrorStates.module.css";
-export default function WillBeRightBack(props) {
-  function errorWillBeRightBack() {
-    return /*#__PURE__*/React.createElement(ErrorWillBeRightBack, {
-      className: style.errorSvg
-    });
-  }
-
-  let {
-    title,
-    description,
-    isButtonNeeded,
-    className,
-    isFluid,
-    dataId,
-    buttonText,
-    onButtonClick,
-    urlText,
-    url,
-    onClick,
-    urlTarget,
-    size
-  } = props;
-  return /*#__PURE__*/React.createElement(Container, {
-    scroll: "vertical",
-    className: `${style.container} ${style[size]}`
-  }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-    title: title,
-    description: description,
-    getEmptyState: errorWillBeRightBack,
-    className: `${style.errorState} ${className}`,
-    isFluid: isFluid,
-    dataId: dataId,
-    linkUrl: url,
-    linkText: urlText,
-    onUrlClick: onClick,
-    linkTarget: urlTarget,
-    customClass: {
-      titleClass: style.title,
-      descriptionClass: style.desc
-    }
-  }, isButtonNeeded ? /*#__PURE__*/React.createElement(Button, {
-    palette: "primaryFilled",
-    text: buttonText,
-    customClass: {
-      customButton: style.errorBtn
-    },
-    onClick: onButtonClick,
-    dataId: `${dataId}_button`
-  }) : null));
-}
-WillBeRightBack.propTypes = propTypes;
-WillBeRightBack.defaultProps = defaultProps; // if (__DOCS__) {
-//   WillBeRightBack.docs = {
-//     componentGroup: 'errorStates'
-//   };
-// }

package/es/v1/errorstate/WillBeRightBack/props/defaultProps.js

@@ -1,8 +0,0 @@
-export const defaultProps = {
-  dataId: 'willberightback',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  size: 'large'
-};

package/es/v1/errorstate/WillBeRightBack/props/propTypes.js

@@ -1,16 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
-  isButtonNeeded: PropTypes.bool,
-  className: PropTypes.string,
-  isFluid: PropTypes.bool,
-  dataId: PropTypes.string,
-  buttonText: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  urlText: PropTypes.string,
-  url: PropTypes.string,
-  onClick: PropTypes.func,
-  urlTarget: PropTypes.oneOf(['_blank', '_self']),
-  size: PropTypes.oneOf(['large', 'medium', 'small'])
-};

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

@@ -1,130 +0,0 @@
-/**** Libraries ****/
-import React, { memo } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/**** Components ****/
-
-import Label from '@zohodesk/components/es/v1/Label/Label';
-import CheckBox from '@zohodesk/components/es/v1/CheckBox/CheckBox';
-import ValidationMessage from "../ValidationMessage/ValidationMessage";
-import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import FieldContainer from "../FieldContainer/FieldContainer";
-/**** CSS ****/
-
-import style from "../../../../form/fields/Fields.module.css";
-
-function CheckBoxField(props) {
-  let {
-    labelName,
-    id,
-    isMandatory,
-    validationMessage,
-    validationPalette,
-    isReadOnly,
-    checked,
-    errorType,
-    isDisabled,
-    title,
-    dataId,
-    dataSelectorId,
-    validationRuleMessage,
-    validationRulePalette,
-    infoText,
-    fieldSize,
-    labelPalette,
-    labelCustomClass,
-    direction,
-    lineClamp,
-    isLocked,
-    lockedInfoText,
-    customProps,
-    renderLabelProps,
-    getRef,
-    getContainerRef,
-    onChange,
-    children
-  } = props;
-  const {
-    LabelProps = {},
-    CheckBoxProps = {},
-    ValidationMessageProps1 = {},
-    ValidationMessageProps2 = {}
-  } = customProps;
-  let removeEvent = isDisabled || isReadOnly;
-  let isDirectCol = direction === 'column';
-  let labelElement = /*#__PURE__*/React.createElement(FieldContainer, {
-    isLocked: isLocked,
-    lockedInfoText: lockedInfoText,
-    infoText: infoText,
-    renderProps: renderLabelProps
-  }, /*#__PURE__*/React.createElement(Label, {
-    text: labelName,
-    id: id,
-    size: fieldSize === 'small' ? 'small' : 'medium',
-    palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-    infoText: infoText,
-    customClass: `${!isDirectCol ? style.checkboxText : ''} ${!isDirectCol ? style[`lineClamp_${lineClamp}`] : ''} ${isReadOnly || isDisabled ? style.cbTextReadonly : style.cbTextPointer} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
-    title: labelName,
-    onClick: !removeEvent ? handleLabelClick : null,
-    variant: isDirectCol ? 'default' : 'primary',
-    dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-    ...LabelProps
-  }));
-
-  function handleChange(value) {
-    onChange && onChange(id, value);
-  }
-
-  function handleGetRef(el) {
-    getRef && getRef(el, id);
-  }
-
-  function handleLabelClick() {
-    handleChange(!checked);
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
-    "data-title": isDisabled ? title : null,
-    "data-selector-id": dataSelectorId
-  }, isDirectCol && labelElement, /*#__PURE__*/React.createElement("div", {
-    className: `${isDirectCol ? style.fieldContainer : style.checkboxFieldContainer} ${isDirectCol && labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-  }, /*#__PURE__*/React.createElement(Container, {
-    alignBox: "row",
-    isCover: false,
-    align: "top"
-  }, /*#__PURE__*/React.createElement(Box, {
-    className: isDirectCol ? style.checkbox : style.checkboxRow
-  }, /*#__PURE__*/React.createElement(CheckBox, {
-    id: id,
-    onChange: handleChange,
-    disabled: removeEvent,
-    checked: checked,
-    getRef: handleGetRef,
-    dataId: dataId,
-    getContainerRef: getContainerRef,
-    ...CheckBoxProps
-  })), !isDirectCol && /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, labelElement)), children, validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
-    text: validationMessage,
-    palette: validationPalette,
-    type: errorType,
-    dataId: `${dataId}_ValidationMessage`,
-    ...ValidationMessageProps1
-  }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
-    text: validationRuleMessage,
-    palette: validationRulePalette,
-    type: errorType,
-    dataId: `${dataId}_ValidationRuleMessage`,
-    ...ValidationMessageProps2
-  })));
-}
-
-CheckBoxField.propTypes = propTypes;
-CheckBoxField.defaultProps = defaultProps;
-const MemoizedCheckBoxField = /*#__PURE__*/memo(CheckBoxField);
-MemoizedCheckBoxField.propTypes = propTypes;
-MemoizedCheckBoxField.defaultProps = defaultProps;
-MemoizedCheckBoxField.displayName = 'CheckBoxField';
-export default MemoizedCheckBoxField;

package/es/v1/form/fields/CheckBoxField/props/defaultProps.js

@@ -1,12 +0,0 @@
-import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
-export const defaultProps = {
-  errorType: 'primary',
-  fieldSize: 'medium',
-  labelPalette: 'default',
-  labelCustomClass: '',
-  direction: 'row',
-  lineClamp: '',
-  customProps: {},
-  dataSelectorId: 'checkBoxField',
-  ...FieldCommonDefaultProps()
-};

package/es/v1/form/fields/CheckBoxField/props/propTypes.js

@@ -1,29 +0,0 @@
-import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
-export const propTypes = {
-  checked: PropTypes.bool,
-  direction: PropTypes.oneOf(['row', 'column']),
-  errorType: PropTypes.oneOf(['primary', 'secondary']),
-  fieldSize: PropTypes.oneOf(['small', 'medium']),
-  getRef: PropTypes.func,
-  getContainerRef: PropTypes.func,
-  id: PropTypes.string.isRequired,
-  labelCustomClass: PropTypes.string,
-  labelName: PropTypes.string,
-  labelPalette: PropTypes.string,
-  lineClamp: PropTypes.oneOf(['one', 'two']),
-  onChange: PropTypes.func,
-  title: PropTypes.string,
-  validationMessage: PropTypes.string,
-  validationPalette: PropTypes.string,
-  validationRuleMessage: PropTypes.string,
-  validationRulePalette: PropTypes.string,
-  customProps: PropTypes.shape({
-    LabelProps: PropTypes.object,
-    CheckBoxProps: PropTypes.object,
-    ValidationMessageProps1: PropTypes.object,
-    ValidationMessageProps2: PropTypes.object
-  }),
-  children: PropTypes.node,
-  ...FieldCommonPropTypes
-};

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

@@ -1,160 +0,0 @@
-/**** Libraries ****/
-import React, { memo, useRef, useState } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/**** Components ****/
-
-import Label from '@zohodesk/components/es/v1/Label/Label';
-import TextBox from '@zohodesk/components/es/v1/TextBox/TextBox';
-import ValidationMessage from "../ValidationMessage/ValidationMessage";
-import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
-import FieldContainer from "../FieldContainer/FieldContainer";
-/**** CSS ****/
-
-import style from "../../../../form/fields/Fields.module.css";
-
-function CurrencyField(props) {
-  let {
-    labelName,
-    id,
-    textBoxSize,
-    textBoxVariant,
-    textBoxType,
-    isMandatory,
-    validationMessage,
-    validationPalette,
-    maxLength,
-    isReadOnly,
-    value,
-    errorType,
-    isDisabled,
-    title,
-    dataId,
-    validationRuleMessage,
-    validationRulePalette,
-    onKeyDown,
-    placeHolder,
-    infoText,
-    borderColor,
-    fieldSize,
-    labelPalette,
-    labelCustomClass,
-    htmlId,
-    dataSelectorId,
-    lockedInfoText,
-    isLocked,
-    needReadOnlyStyle,
-    isClickable,
-    userCurrencyType,
-    customProps,
-    formatCurrency,
-    renderLabelProps,
-    onBlur,
-    onFocus,
-    getRef,
-    onChange
-  } = props;
-  const {
-    LabelProps = {},
-    TextBoxProps = {},
-    ValidationMessageProps1 = {},
-    ValidationMessageProps2 = {}
-  } = customProps;
-  const getNextId = useUniqueId();
-  const [isActive, setActive] = useState(false);
-  const textBox = useRef(null);
-  let formatValue = value;
-
-  if (!isActive) {
-    formatValue = formatCurrency(value, userCurrencyType);
-  } else {
-    formatValue = value;
-  }
-
-  let uniqueId = htmlId ? htmlId : getNextId();
-  const isFocusable = !needReadOnlyStyle || !isReadOnly && needReadOnlyStyle;
-
-  function handleChange(value) {
-    onChange && onChange(id, value);
-  }
-
-  function handleGetRef(el) {
-    textBox.current = el;
-    getRef && getRef(el, id);
-  }
-
-  function handleonFocus() {
-    setActive(true);
-    onFocus && onFocus();
-  }
-
-  function handleonBlur() {
-    setActive(false);
-    onBlur && onBlur();
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
-    "data-title": isDisabled ? title : null,
-    "data-selector-id": dataSelectorId
-  }, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
-    infoText: infoText,
-    isLocked: isLocked,
-    lockedInfoText: lockedInfoText,
-    renderProps: renderLabelProps
-  }, /*#__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", {
-    className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-  }, /*#__PURE__*/React.createElement(TextBox, {
-    htmlId: uniqueId,
-    id: id,
-    type: textBoxType,
-    variant: textBoxVariant,
-    size: fieldSize === 'medium' ? textBoxSize : 'xsmall',
-    maxLength: maxLength,
-    isReadOnly: isReadOnly,
-    inputRef: handleGetRef,
-    value: formatValue,
-    onChange: handleChange,
-    dataId: dataId,
-    onBlur: handleonBlur,
-    onFocus: isFocusable && handleonFocus,
-    onKeyDown: onKeyDown,
-    placeHolder: placeHolder,
-    borderColor: borderColor,
-    isDisabled: isDisabled,
-    needEffect: isReadOnly || isDisabled ? false : true,
-    isClickable: isClickable,
-    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, {
-    text: validationRuleMessage,
-    palette: validationRulePalette,
-    type: errorType,
-    htmlFor: uniqueId,
-    dataId: `${dataId}_ValidationRuleMessage`,
-    ...ValidationMessageProps2
-  })));
-}
-
-CurrencyField.propTypes = propTypes;
-CurrencyField.defaultProps = defaultProps;
-const MemoizedCurrencyField = /*#__PURE__*/memo(CurrencyField);
-MemoizedCurrencyField.propTypes = propTypes;
-MemoizedCurrencyField.defaultProps = defaultProps;
-MemoizedCurrencyField.displayName = 'CurrencyField';
-export default MemoizedCurrencyField;

package/es/v1/form/fields/CurrencyField/props/defaultProps.js

@@ -1,17 +0,0 @@
-import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
-export const defaultProps = {
-  errorType: 'primary',
-  textBoxSize: 'xmedium',
-  textBoxType: 'text',
-  textBoxVariant: 'primary',
-  borderColor: 'default',
-  fieldSize: 'medium',
-  labelPalette: 'default',
-  labelCustomClass: '',
-  isClickable: false,
-  needReadOnlyStyle: true,
-  customProps: {},
-  formatCurrency: () => {},
-  dataSelectorId: 'currencyField',
-  ...FieldCommonDefaultProps()
-};

package/es/v1/form/fields/CurrencyField/props/propTypes.js

@@ -1,39 +0,0 @@
-import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
-export const propTypes = {
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  errorType: PropTypes.oneOf(['primary', 'secondary']),
-  fieldSize: PropTypes.oneOf(['small', 'medium']),
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  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,
-  validationPalette: PropTypes.string,
-  validationRuleMessage: PropTypes.string,
-  validationRulePalette: PropTypes.string,
-  value: PropTypes.string,
-  isClickable: PropTypes.bool,
-  needReadOnlyStyle: PropTypes.bool,
-  customProps: PropTypes.shape({
-    LabelProps: PropTypes.object,
-    TextBoxProps: PropTypes.object,
-    ValidationMessageProps1: PropTypes.object,
-    ValidationMessageProps2: PropTypes.object
-  }),
-  onFocus: PropTypes.func,
-  formatCurrency: PropTypes.func,
-  htmlId: PropTypes.string,
-  userCurrencyType: PropTypes.string,
-  ...FieldCommonPropTypes
-};