@zohodesk/dot 1.0.0-temp-97 → 1.0.0-temp-98

package/es/version2/lookup/AlertLookup/AlertLookup.js

@@ -2,8 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import PropTypes from 'prop-types';
 /**** Components ****/
 
 import Lookup from '../../../lookup/Lookup/Lookup';
@@ -117,8 +116,7 @@ export default class AlertLookup extends Component {
       align,
       childAnimationName,
       isHtmlContent,
-      scroll,
-      isDefaultFocus
+      scroll
     } = this.props;
     const {
       LookupProps = {},
@@ -155,8 +153,7 @@ export default class AlertLookup extends Component {
       wrap: "wrap"
     }, /*#__PURE__*/React.createElement(Section, {
       alignBox: "row",
-      className: style.section,
-      onClose: onCancelClick
+      className: style.section
     }, /*#__PURE__*/React.createElement(Container, {
       alignBox: "column"
     }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AlertHeader, _extends({
@@ -189,11 +186,8 @@ export default class AlertLookup extends Component {
       text: submitText,
       dataId: dataId === 'alertPopup' ? 'alertConfirmButton' : `${dataId}_confirmButton`,
       onClick: onSubmitClick,
-      palette: buttonPalette // getRef={this.getButtonRef}
-      ,
-      customProps: {
-        'data-a11y-autofocus': isDefaultFocus
-      }
+      palette: buttonPalette,
+      getRef: this.getButtonRef
     }, PrimaryButtonProps)), cancelText && /*#__PURE__*/React.createElement(Button, _extends({
       dataId: dataId === 'alertPopup' ? 'alertCancelButton' : `${dataId}_cancelButton`,
       text: cancelText,
@@ -203,8 +197,54 @@ export default class AlertLookup extends Component {
   }
 
 }
-AlertLookup.propTypes = propTypes;
-AlertLookup.defaultProps = defaultProps;
+AlertLookup.propTypes = {
+  cancelText: PropTypes.string,
+  children: PropTypes.node,
+  confirmationMessage: PropTypes.string,
+  customClass: PropTypes.object,
+  dataId: PropTypes.string,
+  forwardRef: PropTypes.object,
+  headerChildren: PropTypes.func,
+  isActive: PropTypes.bool,
+  isDefaultFocus: PropTypes.bool,
+  message: PropTypes.node,
+  needIcon: PropTypes.bool,
+  onCancelClick: PropTypes.func,
+  onClose: PropTypes.func,
+  onLookupClick: PropTypes.func,
+  onSubmitClick: PropTypes.func,
+  size: PropTypes.oneOf(['small', 'xmedium', 'medium']),
+  submitText: PropTypes.string,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
+  wrapHeader: PropTypes.bool,
+  alertTitleId: PropTypes.string,
+  a11y: PropTypes.object,
+  customProps: PropTypes.shape({
+    LookupProps: PropTypes.object,
+    AlertHeaderProps: PropTypes.object,
+    PrimaryButtonProps: PropTypes.object,
+    SecondaryButtonProps: PropTypes.object
+  }),
+  align: PropTypes.oneOf(['top', 'vertical']),
+  childAnimationName: PropTypes.oneOf(['expand', 'flyDown']),
+  isHtmlContent: PropTypes.bool,
+  scroll: PropTypes.oneOf(['horizontal', 'vertical', 'both']),
+  onEsc: PropTypes.oneOf(['close', 'cancel'])
+};
+AlertLookup.defaultProps = {
+  isActive: false,
+  size: 'small',
+  wrapHeader: false,
+  dataId: 'alertPopup',
+  isDefaultFocus: true,
+  customProps: {},
+  align: 'top',
+  childAnimationName: 'flyDown',
+  isHtmlContent: false,
+  scroll: '',
+  onEsc: 'cancel'
+};
 
 if (false) {
   AlertLookup.docs = {

package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css

@@ -1,44 +1,44 @@
-.section {
-  min-height: auto;
-}
-
-.innerSection {
-  color: var(--zdt_alertlookupnew_text);
-  font-size: var(--zd_font_size14);
-  line-height: var(--zd_size18);
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  padding: var(--zd_size17) var(--zd_size30) var(--zd_size30);
-}
-
-[dir=ltr] .buttonGap {
-  margin: 0 0 0 var(--zd_size12);
-}
-
-[dir=rtl] .buttonGap {
-  margin: 0 var(--zd_size12) 0 0;
-}
-
-.confirmMsgText {
-  margin-top: var(--zd_size20);
-}
-
-.extraSmall .innerSection {
-  padding: var(--zd_size30) var(--zd_size16) var(--zd_size46);
-}
-
-.footer {
-  overflow: hidden;
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-}
-.horizontalScroll, .verticalScroll, .bothScroll {
-  height: 100%;
-}
-.horizontalScroll {
-  composes: oflowx from '~@zohodesk/components/lib/common/common.module.css';
-}
-.verticalScroll {
-  composes: oflowy from '~@zohodesk/components/lib/common/common.module.css';
-}
-.bothScroll {
-  composes: oflowA from '~@zohodesk/components/lib/common/common.module.css';
+.section {
+  min-height: auto;
+}
+
+.innerSection {
+  color: var(--zdt_alertlookupnew_text);
+  font-size: var(--zd_font_size14);
+  line-height: var(--zd_size18);
+  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  padding: var(--zd_size17) var(--zd_size30) var(--zd_size30);
+}
+
+[dir=ltr] .buttonGap {
+  margin: 0 0 0 var(--zd_size12);
+}
+
+[dir=rtl] .buttonGap {
+  margin: 0 var(--zd_size12) 0 0;
+}
+
+.confirmMsgText {
+  margin-top: var(--zd_size20);
+}
+
+.extraSmall .innerSection {
+  padding: var(--zd_size30) var(--zd_size16) var(--zd_size46);
+}
+
+.footer {
+  overflow: hidden;
+  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+}
+.horizontalScroll, .verticalScroll, .bothScroll {
+  height: 100%;
+}
+.horizontalScroll {
+  composes: oflowx from '~@zohodesk/components/lib/common/common.module.css';
+}
+.verticalScroll {
+  composes: oflowy from '~@zohodesk/components/lib/common/common.module.css';
+}
+.bothScroll {
+  composes: oflowA from '~@zohodesk/components/lib/common/common.module.css';
 }

package/es/version2/lookup/alertLookupCommonNew.module.css

@@ -1,33 +1,33 @@
-/* Notes */
-
-.noteContainer {
-    padding: var(--zd_size4) var(--zd_size30) 0;
-}
-
-[dir=ltr] .noteContainer {
-    border-left: solid 1px var(--zdt_alertlookup_border);
-}
-
-[dir=rtl] .noteContainer {
-    border-right: solid 1px var(--zdt_alertlookup_border);
-}
-
-.noteTitle {
-    font-size: var(--zd_font_size13);
-    font-family: var(--zd_semibold);
-    composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.noteUl {
-    padding: var(--zd_size14) var(--zd_size16) 0;
-    margin: 0;
-}
-
-.noteUl li {
-    font-size: var(--zd_font_size12);
-    /* line-height: var(--zd_size14); */
-    color: var(--zdt_alertlookuop_text);
-    list-style-type: disc;
-    line-height: initial;
-    margin-bottom: var(--zd_size15);
+/* Notes */
+
+.noteContainer {
+    padding: var(--zd_size4) var(--zd_size30) 0;
+}
+
+[dir=ltr] .noteContainer {
+    border-left: solid 1px var(--zdt_alertlookup_border);
+}
+
+[dir=rtl] .noteContainer {
+    border-right: solid 1px var(--zdt_alertlookup_border);
+}
+
+.noteTitle {
+    font-size: var(--zd_font_size13);
+    font-family: var(--zd_semibold);
+    composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.noteUl {
+    padding: var(--zd_size14) var(--zd_size16) 0;
+    margin: 0;
+}
+
+.noteUl li {
+    font-size: var(--zd_font_size12);
+    /* line-height: var(--zd_size14); */
+    color: var(--zdt_alertlookuop_text);
+    list-style-type: disc;
+    line-height: initial;
+    margin-bottom: var(--zd_size15);
 }

package/es/version2/notification/DesktopNotification/DesktopNotification.js

@@ -1,8 +1,7 @@
 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); }
 
 import React, { useState } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import PropTypes from 'prop-types';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
 import AutoClose from '../../../actions/AutoClose';
@@ -152,8 +151,55 @@ export default function DesktopNotification(props) {
     Element: DesktopNotificationUI
   }));
 }
-DesktopNotification.propTypes = propTypes;
-DesktopNotification.defaultProps = defaultProps;
+DesktopNotification.propTypes = {
+  autoClose: PropTypes.bool,
+  cancelText: PropTypes.string,
+  customClass: PropTypes.object,
+  dataId: PropTypes.string,
+  getBottomContainer: PropTypes.func,
+  getSectionContainer: PropTypes.func,
+  getSubmitContainer: PropTypes.func,
+  hidePopNotification: PropTypes.func,
+  hideTime: PropTypes.string,
+  i18nKeys: PropTypes.object,
+  id: PropTypes.string,
+  info: PropTypes.string,
+  isAnimate: PropTypes.bool,
+  isClose: PropTypes.bool,
+  isMore: PropTypes.bool,
+  isShrinkView: PropTypes.bool,
+  message: PropTypes.string,
+  needAutoZindex: PropTypes.bool,
+  needClose: PropTypes.bool,
+  needIcon: PropTypes.bool,
+  onCancel: PropTypes.func,
+  onClose: PropTypes.func,
+  onSubmit: PropTypes.func,
+  secondaryInfo: PropTypes.string,
+  size: PropTypes.oneOf(['medium', 'large']),
+  subTitle: PropTypes.string,
+  submitText: PropTypes.string,
+  submitType: PropTypes.oneOf(['primary', 'danger', 'success']),
+  titleVariant: PropTypes.oneOf(['primary', 'secondary']),
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  customProps: PropTypes.shape({
+    ExtraProps: PropTypes.object
+  })
+};
+DesktopNotification.defaultProps = {
+  isMore: false,
+  isAnimate: true,
+  isClose: false,
+  autoClose: false,
+  hideTime: '3000',
+  dataId: 'toastMessage',
+  needAutoZindex: true,
+  needIcon: true,
+  titleVariant: 'primary',
+  isShrinkView: false,
+  needClose: true,
+  customProps: {}
+};
 
 if (false) {
   DesktopNotification.docs = {

package/es/version2/notification/DesktopNotification/DesktopNotification.module.css

@@ -1,106 +1,106 @@
-.parentElement {
-  position: relative;
-  margin-bottom: var(--zd_size7);
-}
-.container {
-  color: var(--zdt_desktopnotification_text);
-  transition: all var(--zd_transition4);
-  position: relative;
-  max-height: 100%;
-  pointer-events: auto;
-  background-color: var(--zdt_desktopnotification_bg);
-  box-shadow: 0 4px 20px var(--zdt_desktopnotification_box_shadow);
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-}
-[dir=ltr] .container {
-  transform-origin: right center;
-}
-[dir=rtl] .container {
-  transform-origin: left center;
-}
-.globalNotify {
-  max-width: var(--zd_size490);
-  min-width: var(--zd_size394);
-}
-/* Size */
-.medium {
-  width: var(--zd_size452);
-}
-.large {
-  width: var(--zd_size580);
-}
-/* Animation Style */
-.closeAnimation {
-  max-height: 0;
-  transition: all var(--zd_transition3) 0.4s;
-  margin-bottom: 0;
-}
-.animation {
-  composes: modeForward from '~@zohodesk/components/lib/common/animation.module.css';
-}
-[dir=ltr] .animation {
-  animation-duration: var(--zd_transition4);
-  -webkit-animation-duration: var(--zd_transition4);
-}
-[dir=rtl] .animation {
-  animation-duration: var(--zd_transition4);
-  -webkit-animation-duration: var(--zd_transition4);
-}
-.leftanimate {
-  composes: slideLeft from '~@zohodesk/components/lib/common/animation.module.css';
-  composes: animation;
-}
-.leftnoanimate {
-  opacity: 1;
-  transform: translateX(0) scale(1);
-}
-.rightanimate {
-  composes: slideRight from '~@zohodesk/components/lib/common/animation.module.css';
-  composes: animation;
-  composes: closeAnimation;
-}
-/* Container Style */
-.message {
-  position: relative;
-  color: var(--zd_smoke18);
-  font-size: var(--zd_font_size11);
-  composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
-  height: var(--zd_size33);
-  transition: padding var(--zd_transition3), height var(--zd_transition3);
-  border-top: 1px solid var(--zd_smoke1);
-  cursor: pointer;
-}
-[dir=ltr] .message {
-  padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size76);
-}
-[dir=rtl] .message {
-  padding: var(--zd_size10) var(--zd_size76) var(--zd_size10) var(--zd_size20);
-}
-.message:hover {
-  background: var(--zd_alabaster);
-}
-/* Section */
-.section {
-  padding: var(--zd_size15) var(--zd_size30) var(--zd_size30);
-}
-.subTitle {
-  font-size: var(--zd_font_size15);
-  line-height: var(--zd_size20);
-  font-family: var(--zd_semibold);
-  composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
-}
-.subTitleMargin {
-  margin-bottom: var(--zd_size17);
-}
-.infoText {
-  font-size: var(--zd_font_size14);
-  line-height: var(--zd_size18);
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-}
-.secondaryInfo {
-  margin-top: var(--zd_size20);
-}
-.footer {
-  overflow: hidden;
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-}
+.parentElement {
+  position: relative;
+  margin-bottom: var(--zd_size7);
+}
+.container {
+  color: var(--zdt_desktopnotification_text);
+  transition: all var(--zd_transition4);
+  position: relative;
+  max-height: 100%;
+  pointer-events: auto;
+  background-color: var(--zdt_desktopnotification_bg);
+  box-shadow: 0 4px 20px var(--zdt_desktopnotification_box_shadow);
+  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+}
+[dir=ltr] .container {
+  transform-origin: right center;
+}
+[dir=rtl] .container {
+  transform-origin: left center;
+}
+.globalNotify {
+  max-width: var(--zd_size490);
+  min-width: var(--zd_size394);
+}
+/* Size */
+.medium {
+  width: var(--zd_size452);
+}
+.large {
+  width: var(--zd_size580);
+}
+/* Animation Style */
+.closeAnimation {
+  max-height: 0;
+  transition: all var(--zd_transition3) 0.4s;
+  margin-bottom: 0;
+}
+.animation {
+  composes: modeForward from '~@zohodesk/components/lib/common/animation.module.css';
+}
+[dir=ltr] .animation {
+  animation-duration: var(--zd_transition4);
+  -webkit-animation-duration: var(--zd_transition4);
+}
+[dir=rtl] .animation {
+  animation-duration: var(--zd_transition4);
+  -webkit-animation-duration: var(--zd_transition4);
+}
+.leftanimate {
+  composes: slideLeft from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: animation;
+}
+.leftnoanimate {
+  opacity: 1;
+  transform: translateX(0) scale(1);
+}
+.rightanimate {
+  composes: slideRight from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: animation;
+  composes: closeAnimation;
+}
+/* Container Style */
+.message {
+  position: relative;
+  color: var(--zd_smoke18);
+  font-size: var(--zd_font_size11);
+  composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
+  height: var(--zd_size33);
+  transition: padding var(--zd_transition3), height var(--zd_transition3);
+  border-top: 1px solid var(--zd_smoke1);
+  cursor: pointer;
+}
+[dir=ltr] .message {
+  padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size76);
+}
+[dir=rtl] .message {
+  padding: var(--zd_size10) var(--zd_size76) var(--zd_size10) var(--zd_size20);
+}
+.message:hover {
+  background: var(--zd_alabaster);
+}
+/* Section */
+.section {
+  padding: var(--zd_size15) var(--zd_size30) var(--zd_size30);
+}
+.subTitle {
+  font-size: var(--zd_font_size15);
+  line-height: var(--zd_size20);
+  font-family: var(--zd_semibold);
+  composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
+}
+.subTitleMargin {
+  margin-bottom: var(--zd_size17);
+}
+.infoText {
+  font-size: var(--zd_font_size14);
+  line-height: var(--zd_size18);
+  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+}
+.secondaryInfo {
+  margin-top: var(--zd_size20);
+}
+.footer {
+  overflow: hidden;
+  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+}

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import PropTypes from 'prop-types';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import AlertClose from '../../AlertClose/AlertClose';
 import AlertIcons from '../../alertIcons/AlertIcons';
@@ -52,8 +51,21 @@ export default class DesktopNotificationHeader extends Component {
   }
 
 }
-DesktopNotificationHeader.propTypes = propTypes;
-DesktopNotificationHeader.defaultProps = defaultProps;
+DesktopNotificationHeader.propTypes = {
+  closeTitle: PropTypes.string,
+  dataId: PropTypes.string,
+  needClose: PropTypes.bool,
+  needIcon: PropTypes.bool,
+  onClose: PropTypes.func,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  variant: PropTypes.oneOf(['primary', 'secondary'])
+};
+DesktopNotificationHeader.defaultProps = {
+  needIcon: true,
+  variant: 'primary',
+  needClose: true
+};
 
 if (false) {
   DesktopNotificationHeader.docs = {