@zohodesk/dot 1.0.0-temp-62 → 1.0.0-temp.213

package/es/PlusIcon/PlusIcon.module.css

@@ -1,16 +0,0 @@
-.container {
-  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
-  border-radius: 50%;
-  box-shadow: 0 2px 3px 0 var(--zdt_plusicon_box_shadow);
-  cursor: pointer;
-  background-color: var(--zdt_plusicon_bg);
-}
-.plusIcon {
-  border: 1px solid var(--zdt_plusicon_border);
-}
-.icon {
-  color: var(--zdt_plusicon_text);
-}
-.plusIcon:hover {
-  border-color: var(--zdt_plusicon_hover_border);
-}

package/es/Provider.js

@@ -1,205 +0,0 @@
-import React from 'react';
-import { I18NProvider } from '@zohodesk/i18n';
-import { Container } from '@zohodesk/components/lib/Layout';
-import AppContainer from '@zohodesk/components/lib/AppContainer/AppContainer';
-import LibraryContext from '@zohodesk/components/lib/Provider/LibraryContextInit';
-import datetime from '@zohodesk/datetimejs';
-import i18n from './i18n';
-/* component pkg - default mode & themes */
-
-import '@zohodesk/components/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/green/greenDefaultComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/red/redDefaultComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/mode/defaultMode.module.css';
-/* component pkg - dark mode & themes */
-
-import '@zohodesk/components/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/mode/darkMode.module.css';
-/* svg pkg - default mode & themes */
-
-import '@zohodesk/svg/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/default/mode/defaultEmptyStates.module.css';
-/* svg pkg - dark mode & themes */
-
-import '@zohodesk/svg/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/dark/mode/darkEmptyStates.module.css';
-import { setGlobalIdPrefix } from '@zohodesk/components/lib/Provider/IdProvider';
-import { setInitialZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import Switch from '@zohodesk/components/lib/Switch/Switch';
-/* dot pkg - default mode & themes */
-
-import '../assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css';
-import '../assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css';
-import '../assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css';
-import '../assets/Appearance/default/themes/red/redDefaultDotTheme.module.css';
-import '../assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css';
-import '../assets/Appearance/default/mode/dotDefaultMode.module.css';
-/* dot pkg - dark mode & themes */
-
-import '../assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css';
-import '../assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css';
-import '../assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css';
-import '../assets/Appearance/dark/themes/red/redDarkDotTheme.module.css';
-import '../assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css';
-import '../assets/Appearance/dark/mode/dotDarkMode.module.css';
-datetime.tz.set({
-  timezone: 'Asia/Kolkata',
-  _packed: '-5R.s -5R.k -5l.a -5u -6u|01234343|-4Fg5R.s BKo0.8 1rDcw.a 1r2LP.a 1un0 HB0 7zX0|15e6',
-  _default: 'Asia/Kolkata'
-});
-export default class Provider extends React.Component {
-  constructor(props) {
-    super(props);
-    setGlobalIdPrefix('ZD');
-    setInitialZIndex('10');
-    this.state = {
-      appearanceName: 'default',
-      themeName: 'blue'
-    };
-    this.switchMode = this.switchMode.bind(this);
-    this.setTheme = this.setTheme.bind(this);
-  }
-
-  switchMode() {
-    let appearanceName = this.state.appearanceName;
-
-    if (appearanceName == 'default') {
-      this.setState({
-        appearanceName: 'dark'
-      });
-    } else {
-      this.setState({
-        appearanceName: 'default'
-      });
-    }
-  }
-
-  setTheme(theme) {
-    this.setState({
-      themeName: theme
-    });
-  }
-
-  render() {
-    let {
-      appearanceName,
-      themeName
-    } = this.state;
-    let themeClass = {
-      width: '20px',
-      height: '20px',
-      borderRadius: '3px',
-      display: 'flex',
-      border: '1px solid #ccc',
-      margin: '0 5px',
-      cursor: 'pointer',
-      backgroundColor: '#0a73eb'
-    };
-    let green = {
-      backgroundColor: '#26a942'
-    };
-    let red = {
-      backgroundColor: '#de3535'
-    };
-    let orange = {
-      backgroundColor: '#e57717'
-    };
-    let yellow = {
-      backgroundColor: '#e8b923'
-    };
-    return /*#__PURE__*/React.createElement(I18NProvider, {
-      i18n: i18n,
-      timeZone: "Asia/Kolkata",
-      datePattern: '',
-      dateTimeFormat: '',
-      timeFormat: '',
-      direction: 'ltr'
-    }, /*#__PURE__*/React.createElement(LibraryContext.Provider, {
-      value: {
-        isReducedMotion: false,
-        direction: 'ltr'
-      }
-    }, /*#__PURE__*/React.createElement(AppContainer, {
-      customProps: {
-        ExtraProps: {
-          'data-mode': appearanceName,
-          'data-theme': themeName
-        }
-      }
-    }, /*#__PURE__*/React.createElement(Container, {
-      scroll: "vertical"
-    }, this.props.children), /*#__PURE__*/React.createElement("div", {
-      style: {
-        position: 'fixed',
-        bottom: '0',
-        backgroundColor: '#272727',
-        padding: '10px',
-        borderRadius: '15px 15px 0 0',
-        minWidth: '100px',
-        textAlign: 'center',
-        left: '50%',
-        transform: 'translate(-50%)',
-        boxShadow: '0 0 3px #000',
-        fontSize: '12px',
-        zIndex: '1000',
-        display: 'flex',
-        alignItems: 'center'
-      }
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Switch, {
-      id: "switchMode",
-      text: "Light/Night Mode",
-      labelSize: "small",
-      onChange: this.switchMode,
-      checked: appearanceName == 'dark'
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex'
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      title: "Blue Theme",
-      style: themeClass,
-      onClick: () => this.setTheme('blue')
-    }), /*#__PURE__*/React.createElement("span", {
-      title: "Green Theme",
-      style: Object.assign({}, themeClass, green),
-      onClick: () => this.setTheme('green')
-    }), /*#__PURE__*/React.createElement("span", {
-      title: "Red Theme",
-      style: Object.assign({}, themeClass, red),
-      onClick: () => this.setTheme('red')
-    }), /*#__PURE__*/React.createElement("span", {
-      title: "Orange Theme",
-      style: Object.assign({}, themeClass, orange),
-      onClick: () => this.setTheme('orange')
-    }), /*#__PURE__*/React.createElement("span", {
-      title: "Yellow Theme",
-      style: Object.assign({}, themeClass, yellow),
-      onClick: () => this.setTheme('yellow')
-    }))))));
-  }
-
-}

package/es/ToastMessage/ToastMessage.js

@@ -1,257 +0,0 @@
-function _extends() { _extends = Object.assign || 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 PropTypes from 'prop-types'; //components
-
-import Icon from '@zohodesk/icons/lib/Icon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import { useUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import AutoClose from '../actions/AutoClose';
-import a11yStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css'; //style
-
-import style from './ToastMessage.module.css';
-
-function removeClose(e) {
-  e && e.stopPropagation && e.stopPropagation();
-  e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
-}
-
-function ToastMessageUI(props) {
-  let [messageState, setMessageState] = useState(props.messageState);
-  let {
-    type,
-    subject,
-    info,
-    submitText,
-    cancelText,
-    iconName,
-    iconSize,
-    submitType,
-    isIconMid,
-    needClose,
-    iconPalette,
-    isMore,
-    message,
-    isAnimate,
-    getLeftContainer,
-    getInnerBottomContainer,
-    getBottomContainer,
-    getSubmitContainer,
-    onSubmit,
-    onCancel,
-    dataId,
-    isClose,
-    onClose,
-    needAutoZindex,
-    a11y
-  } = props;
-
-  function onClickSubmit(e) {
-    onSubmit && onSubmit();
-    onClose && onClose();
-  }
-
-  function onClickCancel(e) {
-    onCancel && onCancel();
-    onClose && onClose();
-  }
-
-  function changeMessageState(e) {
-    removeClose(e);
-    setMessageState(!messageState);
-  }
-
-  let animateClass = isClose ? style.rightanimate : style.leftanimate;
-  let animateRemoveClass = isClose ? style.rightanimate : style.leftnoanimate;
-  let channelIcon = /*#__PURE__*/React.createElement(Icon, {
-    iconClass: style[iconPalette],
-    name: iconName,
-    size: iconSize
-  });
-  let getNextIndex = useZIndex();
-  let Zindex = isAnimate ? getNextIndex() : null,
-      getNextId = useUniqueId(),
-      titleId = getNextId(),
-      infoId = getNextId();
-  let {
-    role = 'alert',
-    ariaLive = 'assertive',
-    ariaAtomic = true,
-    ariaDescribedby = infoId,
-    ariaLabelledby = titleId
-  } = a11y;
-  return /*#__PURE__*/React.createElement(Container, {
-    className: `${style.container} ${isAnimate ? animateClass : animateRemoveClass} ${style[`alert${type}`] ? style[`alert${type}`] : ''}`,
-    isCover: false,
-    dataId: dataId,
-    style: needAutoZindex && isAnimate ? {
-      zIndex: `${Zindex}`
-    } : {},
-    role: role,
-    "aria-live": ariaLive,
-    "aria-atomic": ariaAtomic,
-    "aria-describedby": ariaDescribedby,
-    "aria-labelledby": ariaLabelledby
-  }, type !== 'custom' ? /*#__PURE__*/React.createElement(Box, {
-    className: style.alertifychild,
-    flexible: true
-  }, /*#__PURE__*/React.createElement(Container, {
-    alignBox: "row",
-    className: style.alertifybanner
-  }, /*#__PURE__*/React.createElement(Box, {
-    className: style.alertleft,
-    flexible: true
-  }, /*#__PURE__*/React.createElement(Container, {
-    align: isIconMid ? 'vertical' : '',
-    alignBox: "row"
-  }, type != 'success' && !getLeftContainer ? /*#__PURE__*/React.createElement(Box, {
-    className: `${style.alertico}`
-  }, /*#__PURE__*/React.createElement("span", null, channelIcon)) : getLeftContainer ? /*#__PURE__*/React.createElement(Box, {
-    className: `${style.alertico}`
-  }, getLeftContainer()) : null, /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, /*#__PURE__*/React.createElement(Container, {
-    align: "vertical",
-    alignBox: "row",
-    isCover: false
-  }, type == 'success' ? /*#__PURE__*/React.createElement(Box, {
-    className: style.alertTitleLeft
-  }, channelIcon) : null, /*#__PURE__*/React.createElement(Box, {
-    className: style.alertTitle,
-    flexible: true,
-    "data-title": subject,
-    id: titleId
-  }, subject)), info ? /*#__PURE__*/React.createElement("p", {
-    className: style.alertMessage,
-    "data-title": info,
-    id: infoId
-  }, info) : null, getInnerBottomContainer ? /*#__PURE__*/React.createElement("div", null, getInnerBottomContainer()) : null), type == 'information' && needClose ? /*#__PURE__*/React.createElement(Box, {
-    className: `${a11yStyle.buttonReset} ${style.closeIconPrimary}`,
-    onClick: onClose,
-    dataId: `${dataId}_close`,
-    tagName: "button"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    isBold: true,
-    name: "ZD-close",
-    size: "18"
-  })) : null)), type != 'information' ? /*#__PURE__*/React.createElement(Box, {
-    className: style.alertright
-  }, /*#__PURE__*/React.createElement(Container, {
-    className: style.alerttab
-  }, needClose ? /*#__PURE__*/React.createElement("button", {
-    className: `${a11yStyle.buttonReset} ${style.closeIcon}`,
-    onClick: onClose,
-    "data-id": `${dataId}_closeRight`
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-close",
-    size: "18"
-  })) : null, submitText ? /*#__PURE__*/React.createElement(Box, {
-    className: `${getSubmitContainer ? style.sumbitBorder : cancelText ? style.notSolo : style.mainbutton} ${getSubmitContainer ? '' : style[submitType]} `,
-    flexible: true,
-    onClick: onClickSubmit,
-    dataId: `${dataId}_submitButton`
-  }, /*#__PURE__*/React.createElement(Container, {
-    align: "vertical",
-    alignBox: "row"
-  }, getSubmitContainer ? /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, getSubmitContainer()) : /*#__PURE__*/React.createElement(Box, {
-    className: `${a11yStyle.buttonReset} ${style.buttonText}`,
-    flexible: true,
-    tagName: "button"
-  }, submitText))) : null, cancelText ? /*#__PURE__*/React.createElement(Box, {
-    className: `${style.cancelButton}`,
-    flexible: true,
-    onClick: onClose,
-    dataId: `${dataId}_cancelButton`
-  }, /*#__PURE__*/React.createElement(Container, {
-    align: "vertical",
-    alignBox: "row"
-  }, /*#__PURE__*/React.createElement(Box, {
-    className: `${a11yStyle.buttonReset} ${style.buttonText}`,
-    flexible: true,
-    onClick: onClickCancel,
-    dataId: `${dataId}_cancelButtonInner`,
-    tagName: "button"
-  }, cancelText), isMore ? /*#__PURE__*/React.createElement(Box, {
-    className: `${a11yStyle.buttonReset} ${style.dropdown}`,
-    onClick: changeMessageState,
-    dataId: `${dataId}_moreIcon`,
-    tagName: "button",
-    "aria-expanded": messageState ? true : false,
-    "aria-haspopup": true
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-down",
-    size: "7"
-  })) : null)) : null)) : null)) : null, isMore ? /*#__PURE__*/React.createElement(Box, {
-    className: `${style.message} ${messageState ? '' : style.messageOff}`,
-    tagName: "p"
-  }, message) : null, getBottomContainer ? /*#__PURE__*/React.createElement(Box, null, getBottomContainer()) : null);
-}
-
-export default function ToastMessage(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
-    Element: ToastMessageUI
-  }));
-}
-ToastMessage.propTypes = {
-  autoClose: PropTypes.bool,
-  cancelText: PropTypes.string,
-  dataId: PropTypes.string,
-  getBottomContainer: PropTypes.func,
-  getInnerBottomContainer: PropTypes.func,
-  getLeftContainer: PropTypes.func,
-  getSubmitContainer: PropTypes.func,
-  hidePopNotification: PropTypes.func,
-  hideTime: PropTypes.string,
-  iconName: PropTypes.string,
-  iconPalette: PropTypes.oneOf(['successFill', 'dangerFill', 'dangerShadow', 'successPlain', 'dangerPlain', 'primaryPlain']),
-  iconSize: PropTypes.string,
-  id: PropTypes.string,
-  info: PropTypes.string,
-  isAnimate: PropTypes.bool,
-  isClose: PropTypes.bool,
-  isIconMid: PropTypes.bool,
-  isMore: PropTypes.bool,
-  message: PropTypes.string,
-  messageState: PropTypes.bool,
-  needClose: PropTypes.bool,
-  onCancel: PropTypes.func,
-  onSubmit: PropTypes.func,
-  subject: PropTypes.string,
-  submitText: PropTypes.string,
-  submitType: PropTypes.oneOf(['primary', 'danger', 'success']),
-  type: PropTypes.oneOf(['primary', 'information', 'secondary', 'success', 'custom']),
-  needAutoZindex: PropTypes.bool,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaLive: PropTypes.oneOf(['polite', 'assertive', 'off']),
-    ariaAtomic: PropTypes.bool,
-    ariaDescribedby: PropTypes.string,
-    ariaLabelledby: PropTypes.string
-  })
-};
-ToastMessage.defaultProps = {
-  iconName: 'bell',
-  iconSize: '30',
-  submitType: 'primary',
-  isIconMid: false,
-  needClose: false,
-  type: 'primary',
-  isMore: false,
-  messageState: false,
-  isAnimate: true,
-  isClose: false,
-  autoClose: false,
-  hideTime: '3000',
-  dataId: 'toastMessage',
-  needAutoZindex: true,
-  a11y: {}
-};
-
-if (false) {
-  ToastMessage.docs = {
-    componentGroup: 'Atom'
-  };
-}