@zohodesk/dot 1.2.4 → 1.3.0

package/es/v1/list/BluePrintStatus/BluePrintStatus.js

@@ -2,24 +2,17 @@ import React from 'react';
 import { propTypes } from '../../../list/BluePrintStatus/props/propTypes';
 import style from '../../../list/BluePrintStatus/BluePrintStatus.module.css';
 import { Icon } from '@zohodesk/icons';
-export default class BluePrintStatus extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      title
-    } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
-      className: `${style.container}`
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-blueprint",
-      title: title,
-      iconClass: style.iconStyle
-    }));
-  }
-
+export default function BluePrintStatus(props) {
+  let {
+    title
+  } = props;
+  return /*#__PURE__*/React.createElement("span", {
+    className: `${style.container}`
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-blueprint",
+    title: title,
+    iconClass: style.iconStyle
+  }));
 }
 BluePrintStatus.propTypes = propTypes; // if (__DOCS__) {
 //   BluePrintStatus.docs = {

package/es/v1/list/Comment/Comment.js

@@ -1,40 +1,33 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { defaultProps } from '../../../list/Comment/props/defaultProps';
 import { propTypes } from '../../../list/Comment/props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import { i18NProviderUtils } from '@zohodesk/i18n';
-import Button from '@zohodesk/components/lib/semantic/Button/Button';
+import Button from '@zohodesk/components/es/v1/semantic/Button/Button';
 import style from '../../../list/Comment/Comment.module.css';
-export default class Comment extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      count,
-      onClick,
-      className
-    } = this.props;
-    let i18N = i18NProviderUtils.getI18NValue;
-    let commentCount = parseInt(count);
-    let commentTitle = !commentCount ? i18N('tabs.request.comment') : commentCount > 1 ? i18N('support.comment.many', count) : i18N('support.comment.one');
-    return /*#__PURE__*/React.createElement(Button, {
-      customClass: `${style.container} ${className} `,
-      onClick: onClick,
-      dataId: "commentLstContainer",
-      title: commentTitle,
-      a11y: {
-        ariaLabel: commentTitle
-      }
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-TK-commentLine",
-      iconClass: style.commentIcon
-    }), count && /*#__PURE__*/React.createElement("span", {
-      className: style.count
-    }, count));
-  }
-
+export default function Comment(props) {
+  let {
+    count,
+    onClick,
+    className
+  } = props;
+  let i18N = i18NProviderUtils.getI18NValue;
+  let commentCount = parseInt(count);
+  let commentTitle = !commentCount ? i18N('tabs.request.comment') : commentCount > 1 ? i18N('support.comment.many', count) : i18N('support.comment.one');
+  return /*#__PURE__*/React.createElement(Button, {
+    customClass: `${style.container} ${className} `,
+    onClick: onClick,
+    dataId: "commentLstContainer",
+    title: commentTitle,
+    a11y: {
+      ariaLabel: commentTitle
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-TK-commentLine",
+    iconClass: style.commentIcon
+  }), count && /*#__PURE__*/React.createElement("span", {
+    className: style.count
+  }, count));
 }
 Comment.defaultProps = defaultProps;
 Comment.propTypes = propTypes; // if (__DOCS__) {

package/es/v1/list/DepartmentDropDown/DepartmentDropDown.js

@@ -1,23 +1,36 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { defaultProps } from '../../../list/DepartmentDropDown/props/defaultProps';
 import { propTypes } from '../../../list/DepartmentDropDown/props/propTypes';
 import ToggleDropDown from '../../dropdown/ToggleDropDown/ToggleDropDown';
 import { DepartmentText } from '../SecondaryText';
 import style from '../../../list/DepartmentDropDown/DepartmentDropDown.module.css';
 
-class DepartmentDropDown extends Component {
-  constructor(props) {
-    super(props);
-    this.onClick = this.onClick.bind(this);
-    this.onMoveDepartment = this.onMoveDepartment.bind(this);
-  }
-
-  onClick(e) {
-    let {
-      getDepartment,
-      onSearch
-    } = this.props;
+function DepartmentDropDown(props) {
+  let {
+    departmentName,
+    departmentList = [],
+    onSelectLabel,
+    isEditable,
+    dataId,
+    isFetching,
+    isPopupActive,
+    getNextOptions,
+    isNextOptions,
+    onSearch,
+    needSearchFetching,
+    searchStr,
+    i18nKeys,
+    onMoveDepartment,
+    getDepartment
+  } = props;
+  let {
+    title = 'Move Department',
+    searchEmptyText = 'No results found',
+    searchErrorText = 'No results',
+    placeholder = 'Search Department'
+  } = i18nKeys;
 
+  function onClick(e) {
     if (getDepartment) {
       getDepartment(e);
     }
@@ -25,69 +38,41 @@ class DepartmentDropDown extends Component {
     onSearch('');
   }
 
-  onMoveDepartment(deptId) {
-    let {
-      onSearch,
-      onMoveDepartment
-    } = this.props;
+  function handleMoveDepartment(deptId) {
     onSearch('');
     onMoveDepartment(deptId);
   }
 
-  render() {
-    let {
-      departmentName,
-      departmentList = [],
-      onSelectLabel,
-      isEditable,
-      dataId,
-      isFetching,
-      isPopupActive,
-      getNextOptions,
-      isNextOptions,
-      onSearch,
-      needSearchFetching,
-      searchStr,
-      i18nKeys
-    } = this.props;
-    let {
-      title = 'Move Department',
-      searchEmptyText = 'No results found',
-      searchErrorText = 'No results',
-      placeholder = 'Search Department'
-    } = i18nKeys;
-    return /*#__PURE__*/React.createElement(ToggleDropDown, {
-      title: title,
-      options: departmentList,
-      value: /*#__PURE__*/React.createElement(DepartmentText, {
-        text: departmentName,
-        dataTitle: departmentName
-      }),
-      keyName: "name",
-      idName: "id",
-      onClick: this.onMoveDepartment,
-      isArrow: false,
-      isEditable: isEditable,
-      onSelectLabel: onSelectLabel,
-      isPopupActive: isPopupActive,
-      needExternalPopupState: true,
-      isSearch: departmentList.length > 5 || searchStr.length !== 0,
-      boxSize: "small",
-      dataId: dataId,
-      isDataLoaded: !isFetching,
-      isPadding: false,
-      searchErrorText: searchErrorText,
-      searchEmptyHint: searchEmptyText,
-      isNeedEffect: false,
-      className: style.departmentBox,
-      placeHolderText: placeholder,
-      getNextOptions: getNextOptions,
-      isNextOptions: isNextOptions,
-      onSearch: onSearch,
-      needSearchFetching: needSearchFetching
-    });
-  }
-
+  return /*#__PURE__*/React.createElement(ToggleDropDown, {
+    title: title,
+    options: departmentList,
+    value: /*#__PURE__*/React.createElement(DepartmentText, {
+      text: departmentName,
+      dataTitle: departmentName
+    }),
+    keyName: "name",
+    idName: "id",
+    onClick: handleMoveDepartment,
+    isArrow: false,
+    isEditable: isEditable,
+    onSelectLabel: onSelectLabel,
+    isPopupActive: isPopupActive,
+    needExternalPopupState: true,
+    isSearch: departmentList.length > 5 || searchStr.length !== 0,
+    boxSize: "small",
+    dataId: dataId,
+    isDataLoaded: !isFetching,
+    isPadding: false,
+    searchErrorText: searchErrorText,
+    searchEmptyHint: searchEmptyText,
+    isNeedEffect: false,
+    className: style.departmentBox,
+    placeHolderText: placeholder,
+    getNextOptions: getNextOptions,
+    isNextOptions: isNextOptions,
+    onSearch: onSearch,
+    needSearchFetching: needSearchFetching
+  });
 }
 
 DepartmentDropDown.defaultProps = defaultProps;

package/es/v1/list/Dot/Dot.js

@@ -1,22 +1,15 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { defaultProps } from '../../../list/Dot/props/defaultProps';
 import { propTypes } from '../../../list/Dot/props/propTypes';
 import style from '../../../list/Dot/Dot.module.css';
-export default class Dot extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      className,
-      spacingType
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.dot} ${style[spacingType]} ${className}`
-    }, ".");
-  }
-
+export default function Dot(props) {
+  let {
+    className,
+    spacingType
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.dot} ${style[spacingType]} ${className}`
+  }, ".");
 }
 Dot.propTypes = propTypes;
 Dot.defaultProps = defaultProps;

package/es/v1/list/DotNew/DotNew.js

@@ -1,24 +1,17 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { defaultProps } from '../../../list/DotNew/props/defaultProps';
 import { propTypes } from '../../../list/DotNew/props/propTypes';
 import style from '../../../list/DotNew/DotNew.module.css';
-export default class DotNew extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      className,
-      dataTitle,
-      size
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.container} ${style[size]} ${className ? className : ''}`,
-      "data-title": dataTitle
-    });
-  }
-
+export default function DotNew(props) {
+  let {
+    className,
+    dataTitle,
+    size
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.container} ${style[size]} ${className ? className : ''}`,
+    "data-title": dataTitle
+  });
 }
 DotNew.propTypes = propTypes;
 DotNew.defaultProps = defaultProps; // if (__DOCS__) {

package/es/v1/list/GridStencils/GridStencils.js

@@ -1,30 +1,27 @@
 import React from 'react';
 import { propTypes } from '../../../list/GridStencils/props/propTypes';
 import style from '../../../list/GridStencils/GridStencils.module.css';
-export default class GridStencils extends React.Component {
-  render() {
-    let {
-      lineBar,
-      from,
-      isThreeLayout,
-      styles,
-      order
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: from == 'leftPanel' && isThreeLayout ? `${style.stenLoading} ${style.threeLayout}` : from == 'leftPanel' ? `${style.stenLoading} ${style.leftCont}` : style.stenLoading,
-      style: styles,
-      order: order
-    }, lineBar ? /*#__PURE__*/React.createElement("div", {
-      className: style.stenLoadbody
-    }, /*#__PURE__*/React.createElement("div", {
-      className: `${style.lineBar} ${style.stenListBAr}`
-    }), /*#__PURE__*/React.createElement("div", {
-      className: `${style.lineBar2} ${style.stenListBAr}`
-    }), /*#__PURE__*/React.createElement("div", {
-      className: `${style.lineBar3} ${style.stenListBAr}`
-    })) : '');
-  }
-
+export default function GridStencils(props) {
+  let {
+    lineBar,
+    from,
+    isThreeLayout,
+    styles,
+    order
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: from == 'leftPanel' && isThreeLayout ? `${style.stenLoading} ${style.threeLayout}` : from == 'leftPanel' ? `${style.stenLoading} ${style.leftCont}` : style.stenLoading,
+    style: styles,
+    order: order
+  }, lineBar ? /*#__PURE__*/React.createElement("div", {
+    className: style.stenLoadbody
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${style.lineBar} ${style.stenListBAr}`
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${style.lineBar2} ${style.stenListBAr}`
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${style.lineBar3} ${style.stenListBAr}`
+  })) : '');
 }
 GridStencils.propTypes = propTypes; // if (__DOCS__) {
 //   GridStencils.docs = {

package/es/v1/list/Icons/AddNewIcon.js

@@ -1,28 +1,25 @@
 import React from 'react';
 import { AddNewIcon_propTypes } from '../../../list/Icons/props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 import style from '../../../list/Icons/Icons.module.css';
-export default class AddNewIcon extends React.Component {
-  render() {
-    let {
-      onClick,
-      dataId,
-      dataTitle,
-      iconClass,
-      className
-    } = this.props;
-    return /*#__PURE__*/React.createElement("button", {
-      onClick: onClick,
-      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
-      "data-id": dataId,
-      "data-test-id": dataId,
-      "data-title": dataTitle
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-SE-addTickets",
-      iconClass: iconClass ? iconClass : ''
-    }));
-  }
-
+export default function AddNewIcon(props) {
+  let {
+    onClick,
+    dataId,
+    dataTitle,
+    iconClass,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-SE-addTickets",
+    iconClass: iconClass ? iconClass : ''
+  }));
 }
 AddNewIcon.propTypes = AddNewIcon_propTypes;

package/es/v1/list/Icons/CompleteIcon.js

@@ -1,30 +1,27 @@
 import React from 'react';
 import { CompleteIcon_propTypes } from '../../../list/Icons/props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 import style from '../../../list/Icons/Icons.module.css';
-export default class CompleteIcon extends React.Component {
-  render() {
-    let {
-      onClick,
-      dataId,
-      dataTitle,
-      iconClass,
-      className,
-      iconSize
-    } = this.props;
-    return /*#__PURE__*/React.createElement("button", {
-      onClick: onClick,
-      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
-      "data-id": dataId,
-      "data-test-id": dataId,
-      "data-title": dataTitle
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-GN-checkbox",
-      iconClass: iconClass ? iconClass : '',
-      size: iconSize
-    }));
-  }
-
+export default function CompleteIcon(props) {
+  let {
+    onClick,
+    dataId,
+    dataTitle,
+    iconClass,
+    className,
+    iconSize
+  } = props;
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-GN-checkbox",
+    iconClass: iconClass ? iconClass : '',
+    size: iconSize
+  }));
 }
 CompleteIcon.propTypes = CompleteIcon_propTypes;

package/es/v1/list/Icons/DeleteIcon.js

@@ -2,30 +2,27 @@ import React from 'react';
 import { DeleteComponent_propTypes } from '../../../list/Icons/props/propTypes';
 import style from '../../../list/Icons/Icons.module.css';
 import { Icon } from '@zohodesk/icons';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
-export default class DeleteComponent extends React.Component {
-  render() {
-    let {
-      onClick,
-      dataId,
-      dataTitle,
-      iconClass,
-      iconSize,
-      className
-    } = this.props;
-    return /*#__PURE__*/React.createElement("button", {
-      onClick: onClick,
-      className: `${style.iconStyle} ${style.redHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
-      "data-id": dataId,
-      "data-test-id": dataId,
-      "data-title": dataTitle,
-      "aria-label": dataTitle
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-GN-delete",
-      iconClass: iconClass ? iconClass : '',
-      size: iconSize
-    }));
-  }
-
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
+export default function DeleteComponent(props) {
+  let {
+    onClick,
+    dataId,
+    dataTitle,
+    iconClass,
+    iconSize,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    className: `${style.iconStyle} ${style.redHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    "aria-label": dataTitle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-GN-delete",
+    iconClass: iconClass ? iconClass : '',
+    size: iconSize
+  }));
 }
 DeleteComponent.propTypes = DeleteComponent_propTypes;

package/es/v1/list/Icons/EditIcon.js

@@ -2,30 +2,27 @@ import React from 'react';
 import { EditIcon_propTypes } from '../../../list/Icons/props/propTypes';
 import style from '../../../list/Icons/Icons.module.css';
 import { Icon } from '@zohodesk/icons';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
-export default class EditIcon extends React.Component {
-  render() {
-    let {
-      onClick,
-      dataId,
-      dataTitle,
-      iconClass,
-      iconSize,
-      className
-    } = this.props;
-    return /*#__PURE__*/React.createElement("button", {
-      onClick: onClick,
-      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
-      "data-id": dataId,
-      "data-test-id": dataId,
-      "data-title": dataTitle,
-      "aria-label": dataTitle
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-GN-edit",
-      iconClass: iconClass ? iconClass : '',
-      size: iconSize
-    }));
-  }
-
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
+export default function EditIcon(props) {
+  let {
+    onClick,
+    dataId,
+    dataTitle,
+    iconClass,
+    iconSize,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    "aria-label": dataTitle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-GN-edit",
+    iconClass: iconClass ? iconClass : '',
+    size: iconSize
+  }));
 }
 EditIcon.propTypes = EditIcon_propTypes;

package/es/v1/list/Icons/FloatingIcons.js

@@ -1,25 +1,18 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { FloatingIcons_defaultProps } from '../../../list/Icons/props/defaultProps';
 import { FloatingIcons_propTypes } from '../../../list/Icons/props/propTypes';
 import style from '../../../list/Icons/Icons.module.css';
-export default class FloatingIcons extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      children = [],
-      iconClass
-    } = this.props;
-    const icons = React.Children.toArray(children).filter(o => o);
-    return /*#__PURE__*/React.createElement("span", {
-      className: `${style.container}`
-    }, icons.map(child => /*#__PURE__*/React.cloneElement(child, {
-      iconClass
-    })));
-  }
-
+export default function FloatingIcons(props) {
+  let {
+    children = [],
+    iconClass
+  } = props;
+  const icons = React.Children.toArray(children).filter(o => o);
+  return /*#__PURE__*/React.createElement("span", {
+    className: `${style.container}`
+  }, icons.map(child => /*#__PURE__*/React.cloneElement(child, {
+    iconClass
+  })));
 }
 FloatingIcons.propTypes = FloatingIcons_propTypes;
 FloatingIcons.defaultProps = FloatingIcons_defaultProps; // if (__DOCS__) {