@zohodesk/dot 1.9.2 → 1.9.3

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

@@ -1,164 +0,0 @@
-/**** Libraries ****/
-import React, { memo, useEffect, useRef } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/**** Components ****/
-
-import Label from '@zohodesk/components/es/v1/Label/Label';
-import DateWidget from '@zohodesk/components/es/v1/DateTime/DateWidget';
-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 DateField(props) {
-  let {
-    labelName,
-    isMandatory,
-    isDateTime,
-    validationMessage,
-    validationPalette,
-    textBoxSize,
-    textBoxVariant,
-    isReadOnly,
-    value,
-    errorType,
-    isDisabled,
-    title,
-    popupGroup,
-    dataId,
-    dataSelectorId,
-    validationRuleMessage,
-    validationRulePalette,
-    onKeyDown,
-    infoText,
-    borderColor,
-    fieldSize,
-    datePattern,
-    isLocked,
-    lockedInfoText,
-    lockedValueText,
-    labelPalette,
-    labelCustomClass,
-    htmlId,
-    timeZone,
-    i18nKeys,
-    iconOnHover,
-    customProps,
-    renderLabelProps,
-    onChange,
-    id,
-    getRef,
-    openPopupOnMount,
-    isFocusOnLabelClick
-  } = props;
-  const {
-    LabelProps = {},
-    DateWidgetProps = {},
-    ValidationMessageProps1 = {},
-    ValidationMessageProps2 = {}
-  } = customProps;
-  const dateField = useRef(null);
-  const getNextId = useUniqueId();
-  let getAriaId = htmlId ? htmlId : getNextId();
-
-  function handleChange(value) {
-    onChange && onChange(id, value);
-  }
-
-  function handleGetRef(el) {
-    dateField.current = el;
-    getRef && getRef(el, id);
-  }
-
-  function openPopup() {
-    if (openPopupOnMount) {
-      setTimeout(() => {
-        dateField.current && dateField.current.click && dateField.current.click();
-        handleLabelClick();
-      }, 100);
-    }
-  }
-
-  useEffect(() => {
-    openPopup();
-  }, [openPopupOnMount]);
-
-  function handleLabelClick() {
-    if (isFocusOnLabelClick && dateField.current && dateField.current.focus) {
-      dateField.current.focus();
-    }
-  }
-
-  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,
-    htmlFor: getAriaId,
-    size: fieldSize === 'small' ? 'small' : 'medium',
-    palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-    onClick: isDisabled || isReadOnly ? null : handleLabelClick,
-    customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
-    dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-    ...LabelProps,
-    id: labelName
-  })), /*#__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, {
-    textBoxSize: fieldSize === 'medium' ? textBoxSize : 'xsmall',
-    textBoxVariant: textBoxVariant,
-    isDateTime: isDateTime,
-    onSelect: handleChange,
-    timeZone: timeZone,
-    getRef: handleGetRef,
-    isReadOnly: isReadOnly,
-    value: value,
-    popupGroup: popupGroup,
-    dataId: `${dataId}(formatted_${labelName})`,
-    onKeyDown: onKeyDown,
-    borderColor: borderColor,
-    isDisabled: isDisabled,
-    dateFormat: datePattern,
-    isEditable: true,
-    htmlId: getAriaId,
-    i18nKeys: i18nKeys,
-    iconOnHover: iconOnHover,
-    ...DateWidgetProps,
-    a11y: {
-      ariaLabelledby: labelName
-    }
-  }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
-    text: validationMessage,
-    palette: validationPalette,
-    type: errorType,
-    htmlFor: getAriaId,
-    dataId: `${dataId}_ValidationMessage`,
-    ...ValidationMessageProps1
-  }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
-    text: validationRuleMessage,
-    palette: validationRulePalette,
-    type: errorType,
-    htmlFor: getAriaId,
-    dataId: `${dataId}_ValidationRuleMessage`,
-    ...ValidationMessageProps2
-  })));
-}
-
-DateField.propTypes = propTypes;
-DateField.defaultProps = defaultProps;
-const MemoizedDateField = /*#__PURE__*/memo(DateField);
-MemoizedDateField.propTypes = propTypes;
-MemoizedDateField.defaultProps = defaultProps;
-MemoizedDateField.displayName = 'DateField';
-export default MemoizedDateField;

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

@@ -1,19 +0,0 @@
-import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
-export const defaultProps = {
-  errorType: 'primary',
-  openPopupOnMount: false,
-  isDateTime: true,
-  textBoxSize: 'xmedium',
-  textBoxVariant: 'primary',
-  borderColor: 'default',
-  fieldSize: 'medium',
-  isFocusOnLabelClick: true,
-  labelPalette: 'default',
-  labelCustomClass: '',
-  timeZone: null,
-  i18nKeys: {},
-  dataId: 'dateField',
-  customProps: {},
-  dataSelectorId: 'dateField',
-  ...FieldCommonDefaultProps()
-};

package/es/v1/form/fields/DateField/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']),
-  datePattern: PropTypes.string,
-  errorType: PropTypes.oneOf(['primary', 'secondary']),
-  fieldSize: PropTypes.oneOf(['small', 'medium']),
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  isDateTime: PropTypes.bool,
-  isFocusOnLabelClick: PropTypes.bool,
-  labelCustomClass: PropTypes.string,
-  labelName: PropTypes.string,
-  labelPalette: PropTypes.string,
-  lockedValueText: PropTypes.string,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  openPopupOnMount: PropTypes.bool,
-  popupGroup: PropTypes.string,
-  textBoxSize: PropTypes.string,
-  textBoxVariant: PropTypes.string,
-  title: PropTypes.string,
-  validationMessage: PropTypes.string,
-  validationPalette: PropTypes.string,
-  validationRuleMessage: PropTypes.string,
-  validationRulePalette: PropTypes.string,
-  value: PropTypes.string,
-  htmlId: PropTypes.string,
-  timeZone: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  i18nKeys: PropTypes.object,
-  iconOnHover: PropTypes.bool,
-  customProps: PropTypes.shape({
-    LabelProps: PropTypes.object,
-    DateWidgetProps: PropTypes.object,
-    ValidationMessageProps1: PropTypes.object,
-    ValidationMessageProps2: PropTypes.object
-  }),
-  ...FieldCommonPropTypes
-};

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

@@ -1,66 +0,0 @@
-/**** Libraries ****/
-import React, { memo } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/**** Components ****/
-
-import { Container } from '@zohodesk/components/es/v1/Layout';
-/**** Icons ****/
-
-import { Icon } from '@zohodesk/icons';
-/**** CSS ****/
-
-import style from "../../../../form/fields/Fields.module.css";
-
-function FieldContainer(props) {
-  let {
-    children,
-    ePhiData,
-    isLocked,
-    lockedInfoText,
-    infoText,
-    dataId,
-    renderProps,
-    alignContainer,
-    dataSelectorId
-  } = props;
-  let {
-    ePhiTitle = '',
-    ePhiText = '',
-    ePhiStatus = false
-  } = ePhiData;
-  let {
-    start: renderStart = null,
-    middle: renderMiddle = null,
-    end: renderEnd = null
-  } = renderProps;
-  return /*#__PURE__*/React.createElement(Container, {
-    align: alignContainer,
-    alignBox: "row",
-    isCover: false,
-    dataSelectorId: dataSelectorId
-  }, renderStart ? renderStart() : null, children, renderMiddle ? renderMiddle() : null, infoText ? /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-GN-info",
-    iconClass: style.infoIcon,
-    title: infoText,
-    size: "15"
-  }) : null, isLocked ? /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-GN-lock",
-    size: "13",
-    iconClass: style.lockIcon,
-    title: lockedInfoText
-  }) : null, ePhiStatus ? /*#__PURE__*/React.createElement("span", {
-    "data-title": ePhiTitle,
-    "data-id": `${dataId}_ePHI`,
-    "data-test-id": `${dataId}_ePHI`,
-    className: style.ePhiTag
-  }, ePhiText) : null, renderEnd ? renderEnd() : null);
-}
-
-FieldContainer.propTypes = propTypes;
-FieldContainer.defaultProps = defaultProps;
-const MemoizedFieldContainer = /*#__PURE__*/memo(FieldContainer);
-MemoizedFieldContainer.propTypes = propTypes;
-MemoizedFieldContainer.defaultProps = defaultProps;
-MemoizedFieldContainer.displayName = 'FieldContainer';
-export default MemoizedFieldContainer;

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

@@ -1,6 +0,0 @@
-import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
-export const defaultProps = { ...FieldCommonDefaultProps(),
-  renderProps: {},
-  alignContainer: 'vertical',
-  dataSelectorId: 'fieldContainer'
-};

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

@@ -1,24 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.node,
-  alignContainer: PropTypes.oneOf(['vertical', 'baseline']),
-  renderProps: PropTypes.shape({
-    start: PropTypes.func,
-    middle: PropTypes.func,
-    end: PropTypes.func
-  }),
-  ePhiData: PropTypes.shape({
-    ePhiTitle: PropTypes.string,
-    ePhiText: PropTypes.string,
-    ePhiStatus: PropTypes.bool
-  }),
-  isLocked: PropTypes.bool,
-  lockedInfoText: PropTypes.string,
-  infoText: PropTypes.string,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  dataId: PropTypes.string,
-  infoText: PropTypes.string,
-  lockedInfoText: PropTypes.string,
-  isLocked: PropTypes.bool
-};

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

@@ -1,190 +0,0 @@
-/**** Libraries ****/
-import React, { memo, useRef } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/**** Components ****/
-
-import Label from '@zohodesk/components/es/v1/Label/Label';
-import MultiSelect from '@zohodesk/components/es/v1/MultiSelect/MultiSelect';
-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 MultiSelectField(props) {
-  let {
-    labelName,
-    id,
-    isMandatory,
-    options,
-    selectedOptions,
-    needSelectAll,
-    selectAllText,
-    isAnimate,
-    emptyMessage,
-    size,
-    variant,
-    textBoxSize,
-    animationStyle,
-    validationMessage,
-    validationPalette,
-    isReadOnly,
-    errorType,
-    isDisabled,
-    title,
-    dataId,
-    dataSelectorId,
-    validationRuleMessage,
-    validationRulePalette,
-    onKeyDown,
-    infoText,
-    borderColor,
-    placeHolder,
-    fieldSize,
-    valueField,
-    textField,
-    isNextOptions,
-    isSearching,
-    popupGroup,
-    labelPalette,
-    palette,
-    lockedInfoText,
-    isLocked,
-    htmlId,
-    children,
-    customChildrenClass,
-    onFocus,
-    customProps,
-    i18nKeys,
-    renderLabelProps,
-    onChange,
-    onDropBoxOpen,
-    onSearch,
-    getNextOptions,
-    getRef
-  } = props;
-  const {
-    LabelProps = {},
-    MultiSelectProps = {},
-    ValidationMessageProps1 = {},
-    ValidationMessageProps2 = {}
-  } = customProps;
-  const getNextId = useUniqueId();
-  const multiSelectBox = useRef(null);
-  let isDarkPalette = palette === 'dark';
-  let uniqueId = htmlId ? htmlId : getNextId();
-
-  function handleChange(selectedValueIds, selectedValues) {
-    onChange && onChange(id, selectedValueIds, selectedValues);
-  }
-
-  function handleDropBoxOpen() {
-    return onDropBoxOpen && onDropBoxOpen(id);
-  }
-
-  function handleSearch(searchStr) {
-    return onSearch && onSearch(searchStr, {
-      id
-    });
-  }
-
-  function handleGetNextOptions(searchStr) {
-    return getNextOptions && getNextOptions(searchStr, {
-      id
-    });
-  }
-
-  function handleGetRef(el) {
-    multiSelectBox.current = el;
-    getRef && getRef(el, id);
-  } // handleLabelClick() {
-  //   let { isFocusOnLabelClick } = this.props;
-  //   if (
-  //     isFocusOnLabelClick &&
-  //     this.multiSelectBox &&
-  //     this.multiSelectBox.focus
-  //   ) {
-  //     this.multiSelectBox.focus();
-  //   }
-  // }
-
-
-  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,
-    id: id,
-    size: fieldSize === 'small' ? 'small' : 'medium',
-    palette: isDarkPalette ? 'dark' : isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette // onClick={this.handleLabelClick}
-    ,
-    customClass: `${style.fieldLabel} ${isMandatory ? style.labelMandatory : ''}`,
-    dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-    htmlFor: uniqueId,
-    ...LabelProps
-  })), /*#__PURE__*/React.createElement(MultiSelect, {
-    options: options,
-    onChange: handleChange,
-    selectedOptions: selectedOptions,
-    getRef: handleGetRef,
-    isReadOnly: isReadOnly,
-    needSelectAll: needSelectAll,
-    selectAllText: selectAllText,
-    isAnimate: isAnimate,
-    emptyMessage: emptyMessage,
-    textBoxSize: textBoxSize,
-    variant: variant,
-    size: size,
-    animationStyle: animationStyle,
-    dataId: dataId,
-    onKeyDown: onKeyDown,
-    borderColor: borderColor,
-    placeHolder: placeHolder,
-    isDisabled: isDisabled,
-    textField: textField,
-    valueField: valueField,
-    getNextOptions: handleGetNextOptions,
-    onSearch: handleSearch,
-    onDropBoxOpen: handleDropBoxOpen,
-    popupGroup: popupGroup,
-    isNextOptions: isNextOptions,
-    isSearching: isSearching,
-    palette: palette,
-    i18nKeys: i18nKeys,
-    htmlId: uniqueId,
-    customChildrenClass: customChildrenClass,
-    onFocus: onFocus,
-    ...MultiSelectProps,
-    ariaLabelledby: uniqueId
-  }, 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, {
-    text: validationRuleMessage,
-    palette: validationRulePalette,
-    type: errorType,
-    dataId: `${dataId}_ValidationRuleMessage`,
-    htmlFor: uniqueId,
-    ...ValidationMessageProps2
-  }));
-}
-
-MultiSelectField.propTypes = propTypes;
-MultiSelectField.defaultProps = defaultProps;
-const MemoizedMultiSelectField = /*#__PURE__*/memo(MultiSelectField);
-MemoizedMultiSelectField.propTypes = propTypes;
-MemoizedMultiSelectField.defaultProps = defaultProps;
-MemoizedMultiSelectField.displayName = 'MultiSelectField';
-export default MemoizedMultiSelectField;

package/es/v1/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/v1/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
-};