@zohodesk/dot 1.0.0-beta.21 → 1.0.0-beta.212

package/es/alert/AlertHeader/AlertHeader.js

@@ -1,133 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Title from '../../lookup/header/Title/Title';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import Icon from '@zohodesk/icons/lib/Icon';
-import Close from '../../lookup/header/Close/Close';
-import style from './AlertHeader.module.css';
-
-var AlertHeader = function (_Component) {
-  _inherits(AlertHeader, _Component);
-
-  function AlertHeader() {
-    _classCallCheck(this, AlertHeader);
-
-    return _possibleConstructorReturn(this, (AlertHeader.__proto__ || _Object$getPrototypeOf(AlertHeader)).apply(this, arguments));
-  }
-
-  _createClass(AlertHeader, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          title = _props.title,
-          palette = _props.palette,
-          needIcon = _props.needIcon,
-          iconType = _props.iconType,
-          onClose = _props.onClose,
-          iconName = _props.iconName,
-          iconSize = _props.iconSize,
-          closeTitle = _props.closeTitle,
-          children = _props.children,
-          breakChildren = _props.breakChildren,
-          dataId = _props.dataId;
-
-      var iconObj = {
-        delete: 'ZD-socialDelete',
-        alert: 'ZD-exclamationThincircle',
-        remoteAssist: 'ZD-taskDemo',
-        splitTicket: 'ZD-splitNew',
-        update: 'ZD-update',
-        addEndUser: 'ZD-newuser'
-      };
-      return React.createElement(
-        Container,
-        {
-          align: 'vertical',
-          alignBox: 'row',
-          className: style.container + ' ' + style[palette],
-          isCover: false,
-          wrap: 'wrap'
-        },
-        needIcon ? React.createElement(
-          'div',
-          { className: style.iconContainer },
-          React.createElement(Icon, {
-            size: iconSize,
-            name: iconObj[iconType] ? iconObj[iconType] : iconName,
-            iconClass: style.iconStyle + ' ' + (iconObj[iconType] ? style['icon_' + iconType] : '') + ' ' + style['text_' + palette]
-          })
-        ) : null,
-        React.createElement(
-          Box,
-          { flexible: true },
-          React.createElement(
-            Container,
-            {
-              alignBox: 'row',
-              align: 'center',
-              wrap: breakChildren ? 'wrap' : null
-            },
-            React.createElement(
-              Box,
-              { className: style.title, shrink: true },
-              React.createElement(Title, { text: title, palette: palette })
-            ),
-            children ? React.createElement(
-              Box,
-              { adjust: true, flexible: true },
-              children
-            ) : null
-          )
-        ),
-        onClose ? React.createElement(
-          Box,
-          null,
-          React.createElement(Close, {
-            onClose: onClose,
-            title: closeTitle,
-            dataId: dataId + '_close'
-          })
-        ) : null
-      );
-    }
-  }]);
-
-  return AlertHeader;
-}(Component);
-
-export default AlertHeader;
-
-
-AlertHeader.propTypes = {
-  iconType: PropTypes.oneOf(['delete', 'alert', 'remoteAssist', 'splitTicket', 'update', 'addEndUser']),
-  needIcon: PropTypes.bool,
-  palette: PropTypes.oneOf(['default', 'primary', 'danger']),
-  title: PropTypes.string,
-  onClose: PropTypes.func,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.sting,
-  closeTitle: PropTypes.string,
-  children: PropTypes.node,
-  breakChildren: PropTypes.bool,
-  dataId: PropTypes.string
-};
-
-AlertHeader.defaultProps = {
-  palette: 'danger',
-  needIcon: true,
-  iconType: 'alert',
-  breakChildren: false,
-  dataId: 'alertHeader'
-};
-
-if (false) {
-  AlertHeader.docs = {
-    componentGroup: 'AlertHeader',
-    folderName: 'Alert'
-  };
-}

package/es/alert/AlertHeader/AlertHeader.module.css

@@ -1,80 +0,0 @@
-.container {
-  min-height: var(--zd_size54);
-  position: relative;
-}[dir=ltr] .container {
-  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size26);
-}[dir=rtl] .container {
-  padding: var(--zd_size12) var(--zd_size26) var(--zd_size12) var(--zd_size45);
-}
-
-[dir=ltr] .extraSmall {
-  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16);
-}
-
-[dir=rtl] .extraSmall {
-  padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45);
-}
-
-[dir=ltr] .iconContainer {
-  margin: 0 var(--zd_size10) 0 0;
-}
-
-[dir=rtl] .iconContainer {
-  margin: 0 0 0 var(--zd_size10);
-}
-
-.title {
-  font-size: 0;
-}
-
-[dir=ltr] .title {
-  margin: 0 var(--zd_size5) 0 0;
-}
-
-[dir=rtl] .title {
-  margin: 0 0 0 var(--zd_size5);
-}
-
-.iconStyle {
-  display: block;
-}
-
-/* Palette */
-.default {
-  background-color: var(--zd_bg_smoke45);
-}
-
-.primary {
-  background-color: #edfbfe;
-}
-
-.danger {
-  background-color: var(--zd_bg_danger5);
-}
-
-/* icon size */
-.icon_delete,
-.icon_alert,
-.icon_remoteAssist {
-  font-size: var(--zd_size20);
-}
-
-.icon_splitTicket {
-  font-size: var(--zd_size16);
-  font-weight: bold;
-}
-
-.icon_update {
-  font-size: var(--zd_size16);
-}
-
-.text_danger {
-  color: var(--zd_text_danger);
-}
-.text_primary {
-  color: var(--zd_text_primary19);
-}
-
-.text_default {
-  color: var(--dot_text_black);
-}

package/es/alert/AlertHeader/docs/AlertHeader__default.docs.js

@@ -1,91 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import AlertHeader from '../AlertHeader';
-
-var AlertHeader__default = function (_Component) {
-  _inherits(AlertHeader__default, _Component);
-
-  function AlertHeader__default(props) {
-    _classCallCheck(this, AlertHeader__default);
-
-    return _possibleConstructorReturn(this, (AlertHeader__default.__proto__ || _Object$getPrototypeOf(AlertHeader__default)).call(this, props));
-  }
-
-  _createClass(AlertHeader__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        React.Fragment,
-        null,
-        React.createElement(AlertHeader, {
-          title: 'Delete',
-          palette: 'danger',
-          iconType: 'alert',
-          onClose: function onClose() {
-            console.log('On Lookup Close');
-          },
-          closeTitle: 'Close Lookup'
-        }),
-        React.createElement(AlertHeader, {
-          title: 'Delete',
-          palette: 'primary',
-          iconType: 'delete',
-          onClose: function onClose() {
-            console.log('On Lookup Close');
-          }
-        }),
-        React.createElement(AlertHeader, {
-          title: 'Delete',
-          palette: 'default',
-          iconType: 'remoteAssist',
-          onClose: function onClose() {
-            console.log('On Lookup Close');
-          }
-        }),
-        React.createElement(AlertHeader, {
-          title: 'Delete',
-          palette: 'danger',
-          iconType: 'splitTicket',
-          onClose: function onClose() {
-            console.log('On Lookup Close');
-          }
-        }),
-        React.createElement(AlertHeader, {
-          title: 'Delete',
-          palette: 'primary',
-          iconType: 'update',
-          onClose: function onClose() {
-            console.log('On Lookup Close');
-          }
-        }),
-        React.createElement(
-          AlertHeader,
-          {
-            title: 'Delete',
-            onClose: function onClose() {
-              console.log('On Lookup Close');
-            },
-            palette: 'default',
-            iconType: 'addEndUser'
-          },
-          '[SecondaryName]'
-        )
-      );
-    }
-  }]);
-
-  return AlertHeader__default;
-}(Component);
-
-export default AlertHeader__default;
-
-if (false) {
-  AlertHeader__default.docs = {
-    componentGroup: 'AlertHeader',
-    folderName: 'Alert'
-  };
-}

package/es/alert/AlertLookup/AlertLookup.js

@@ -1,197 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/**** Libraries ****/
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-/**** Components ****/
-import Lookup from '../../lookup/Lookup/Lookup';
-import AlertHeader from '../AlertHeader/AlertHeader';
-import Button from '@zohodesk/components/lib/Button/Button';
-import Section from '../../lookup/Section/Section';
-import FormAction from '../../FormAction/FormAction';
-
-/**** CSS ****/
-import style from './AlertLookup.module.css';
-
-var AlertLookup = function (_Component) {
-  _inherits(AlertLookup, _Component);
-
-  function AlertLookup(props) {
-    _classCallCheck(this, AlertLookup);
-
-    var _this = _possibleConstructorReturn(this, (AlertLookup.__proto__ || _Object$getPrototypeOf(AlertLookup)).call(this, props));
-
-    _this.documentKeydownHandler = _this.documentKeydownHandler.bind(_this);
-    _this.getButtonRef = _this.getButtonRef.bind(_this);
-    return _this;
-  }
-
-  _createClass(AlertLookup, [{
-    key: 'componentDidUpdate',
-    value: function componentDidUpdate(prevProps) {
-      var isActive = this.props.isActive;
-
-      if (prevProps.isActive !== isActive) {
-        isActive ? document.addEventListener('keydown', this.documentKeydownHandler) : document.removeEventListener('keydown', this.documentKeydownHandler);
-      }
-    }
-  }, {
-    key: 'documentKeydownHandler',
-    value: function documentKeydownHandler() {
-      var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var _props = this.props,
-          onSubmitClick = _props.onSubmitClick,
-          onCancelClick = _props.onCancelClick,
-          isActive = _props.isActive;
-
-      if (e.keyCode === 27 && isActive) {
-        onCancelClick && onCancelClick(e);
-      } else if (e.keyCode === 13 && isActive) {
-        onSubmitClick && onSubmitClick(e);
-      }
-    }
-  }, {
-    key: 'getButtonRef',
-    value: function getButtonRef(el) {
-      this.okButton = el;
-      var isDefaultFocus = this.props.isDefaultFocus;
-
-      if (isDefaultFocus) {
-        el && el.focus();
-      }
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props2 = this.props,
-          isActive = _props2.isActive,
-          palette = _props2.palette,
-          size = _props2.size,
-          type = _props2.type,
-          title = _props2.title,
-          message = _props2.message,
-          confirmationMessage = _props2.confirmationMessage,
-          submitText = _props2.submitText,
-          cancelText = _props2.cancelText,
-          onSubmitClick = _props2.onSubmitClick,
-          onCancelClick = _props2.onCancelClick,
-          children = _props2.children,
-          forwardRef = _props2.forwardRef,
-          onClose = _props2.onClose,
-          headerChildren = _props2.headerChildren,
-          wrapHeader = _props2.wrapHeader,
-          sectionClassName = _props2.sectionClassName,
-          dataId = _props2.dataId;
-
-
-      return React.createElement(
-        Lookup,
-        {
-          isActive: isActive,
-          size: size,
-          dataId: dataId,
-          forwardRef: forwardRef
-        },
-        React.createElement(
-          AlertHeader,
-          {
-            title: title,
-            palette: palette,
-            iconType: type,
-            needIcon: Boolean(type),
-            onClose: onClose,
-            breakChildren: wrapHeader
-          },
-          headerChildren ? headerChildren() : null
-        ),
-        React.createElement(
-          Section,
-          { alignBox: 'row', className: style.section },
-          React.createElement(
-            'div',
-            { className: style.innerSection + ' ' + sectionClassName },
-            children ? children : React.createElement(
-              React.Fragment,
-              null,
-              React.createElement(
-                'div',
-                null,
-                message
-              ),
-              confirmationMessage && React.createElement(
-                'div',
-                { className: style.text },
-                confirmationMessage
-              )
-            )
-          ),
-          React.createElement(
-            FormAction,
-            { size: 'small', paddingLeftSize: 'xsmall' },
-            React.createElement(Button, {
-              text: submitText,
-              dataId: dataId === 'alertPopup' ? 'alertConfirmButton' : dataId + '_confirmButton}',
-              onClick: onSubmitClick,
-              palette: palette === 'primary' ? 'primaryFilled' : 'dangerFilled',
-              getRef: this.getButtonRef
-            }),
-            cancelText && React.createElement(Button, {
-              dataId: dataId === 'alertPopup' ? 'alertCancelButton' : dataId + '_cancelButton}',
-              text: cancelText,
-              onClick: onCancelClick,
-              palette: 'secondary'
-            })
-          )
-        )
-      );
-    }
-  }]);
-
-  return AlertLookup;
-}(Component);
-
-export default AlertLookup;
-
-
-AlertLookup.propTypes = {
-  cancelText: PropTypes.string,
-  children: PropTypes.node,
-  headerChildren: PropTypes.func,
-  confirmationMessage: PropTypes.string,
-  forwardRef: PropTypes.object,
-  isActive: PropTypes.bool,
-  isDefaultFocus: PropTypes.bool,
-  message: PropTypes.node,
-  onCancelClick: PropTypes.func,
-  onSubmitClick: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'primary', 'danger']),
-  size: PropTypes.oneOf(['small', 'medium']),
-  submitText: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['delete', 'alert', 'remoteAssist', 'splitTicket', 'addEndUser']),
-  onClose: PropTypes.func,
-  wrapHeader: PropTypes.bool,
-  sectionClassName: PropTypes.string,
-  dataId: PropTypes.string
-};
-
-AlertLookup.defaultProps = {
-  isActive: false,
-  palette: 'danger',
-  size: 'small',
-  type: 'alert',
-  wrapHeader: false,
-  sectionClassName: '',
-  dataId: 'alertPopup'
-};
-
-if (false) {
-  AlertLookup.docs = {
-    componentGroup: 'AlertLookup',
-    folderName: 'Alert'
-  };
-}

package/es/alert/AlertLookup/AlertLookup.module.css

@@ -1,23 +0,0 @@
-.section {
-  min-height: auto;
-}
-.innerSection {
-  line-height: var(--zd_size25);
-  color: var(--zd_text_dark4);
-  font-size: var(--zd_size15);
-  word-break: break-word;
-  padding: var(--zd_size30) var(--zd_size20) var(--zd_size20);
-}
-[dir=ltr] .buttonGap {
-  margin: 0 0 0 var(--zd_size12);
-}
-[dir=rtl] .buttonGap {
-  margin: 0 var(--zd_size12) 0 0;
-}
-.text {
-  margin-top: var(--zd_size20);
-}
-
-.extraSmall .innerSection {
-  padding: var(--zd_size30) var(--zd_size16) var(--zd_size46);
-}

package/es/alert/AlertLookup/docs/AlertLookup__default.docs.js

@@ -1,170 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import AlertLookup from '../AlertLookup';
-import Button from '@zohodesk/components/lib/Button/Button';
-
-var AlertLookup__default = function (_Component) {
-  _inherits(AlertLookup__default, _Component);
-
-  function AlertLookup__default(props) {
-    _classCallCheck(this, AlertLookup__default);
-
-    var _this = _possibleConstructorReturn(this, (AlertLookup__default.__proto__ || _Object$getPrototypeOf(AlertLookup__default)).call(this, props));
-
-    _this.state = {
-      lookup: false
-    };
-    _this.onCancel = _this.onCancel.bind(_this);
-    _this.headerChildren = _this.headerChildren.bind(_this);
-    return _this;
-  }
-
-  _createClass(AlertLookup__default, [{
-    key: 'lookupOpen',
-    value: function lookupOpen(lookup) {
-      this.setState({ lookup: lookup });
-    }
-  }, {
-    key: 'onCancel',
-    value: function onCancel() {
-      this.setState({ lookup: false });
-    }
-  }, {
-    key: 'headerChildren',
-    value: function headerChildren() {
-      return React.createElement(
-        'div',
-        null,
-        'Custom'
-      );
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var lookup = this.state.lookup;
-
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(
-          'div',
-          { style: { margin: '20px' } },
-          React.createElement(Button, {
-            text: 'Delete Type Alert',
-            palette: 'dangerFilled',
-            onClick: this.lookupOpen.bind(this, 'ticketDelete')
-          })
-        ),
-        React.createElement(
-          'div',
-          { style: { margin: '20px' } },
-          React.createElement(Button, {
-            text: 'Remote Assist',
-            palette: 'primaryFilled',
-            onClick: this.lookupOpen.bind(this, 'remoteAssist')
-          })
-        ),
-        React.createElement(
-          'div',
-          { style: { margin: '20px' } },
-          React.createElement(Button, {
-            text: 'Close Type Alert',
-            palette: 'dangerFilled',
-            onClick: this.lookupOpen.bind(this, 'ticketClose')
-          })
-        ),
-        React.createElement(
-          'div',
-          { style: { margin: '20px' } },
-          React.createElement(Button, {
-            text: 'Custom children Type Alert',
-            palette: 'dangerFilled',
-            onClick: this.lookupOpen.bind(this, 'customType')
-          })
-        ),
-        React.createElement(AlertLookup, {
-          isActive: lookup === 'ticketDelete' ? true : false,
-          type: 'delete',
-          onSubmitClick: function onSubmitClick() {
-            console.log('On Delete');
-          },
-          onCancelClick: this.onCancel,
-          title: 'Delete Ticket',
-          message: 'Deleting this Ticket will move their Activities, and Time Entry to the Recycle Bin.',
-          confirmationMessage: 'Would you like to delete?',
-          submitText: 'Delete',
-          cancelText: 'Cancel'
-        }),
-        React.createElement(AlertLookup, {
-          isActive: lookup === 'remoteAssist' ? true : false,
-          type: 'remoteAssist',
-          palette: 'primary',
-          onSubmitClick: function onSubmitClick() {
-            console.log('On Delete');
-          },
-          onCancelClick: this.onCancel,
-          title: 'Remote Assist',
-          message: React.createElement(
-            'div',
-            null,
-            'You are about to send an invite for remote assistance to',
-            ' ',
-            React.createElement(
-              'b',
-              null,
-              'antro.avemaxa@gmail.com'
-            )
-          ),
-          confirmationMessage: 'Would you like to continue?',
-          submitText: 'Continue',
-          cancelText: 'Cancel'
-        }),
-        React.createElement(AlertLookup, {
-          isActive: lookup === 'ticketClose' ? true : false,
-          onSubmitClick: function onSubmitClick() {
-            console.log('On Delete');
-          },
-          onCancelClick: this.onCancel,
-          title: 'Close Ticket',
-          message: 'Do you want to close this Ticket?',
-          submitText: 'Ok',
-          cancelText: 'Cancel'
-        }),
-        React.createElement(
-          AlertLookup,
-          {
-            isActive: lookup === 'customType' ? true : false,
-            onSubmitClick: function onSubmitClick() {
-              console.log('On Delete');
-            },
-            onCancelClick: this.onCancel,
-            title: 'Close Ticket',
-            submitText: 'Ok',
-            cancelText: 'Cancel',
-            headerChildren: this.headerChildren
-          },
-          React.createElement(
-            'div',
-            null,
-            'Custom children Type'
-          )
-        )
-      );
-    }
-  }]);
-
-  return AlertLookup__default;
-}(Component);
-
-export default AlertLookup__default;
-
-if (false) {
-  AlertLookup__default.docs = {
-    componentGroup: 'AlertLookup',
-    folderName: 'Alert'
-  };
-}