@zohodesk/dot 1.2.4 → 1.3.0

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

@@ -2,34 +2,31 @@ import React from 'react';
 import { ReadUnreadIcon_defaultProps } from '../../../list/Icons/props/defaultProps';
 import { ReadUnreadIcon_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 ReadUnreadIcon extends React.Component {
-  render() {
-    let {
-      onClick,
-      dataId,
-      dataTitle,
-      iconClassName,
-      iconClass,
-      className,
-      isRead,
-      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,
-      "aria-label": dataTitle
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
-      size: iconSize,
-      iconClass: `${iconClassName ? iconClassName : ''} ${iconClass ? iconClass : ''}`
-    }));
-  }
-
+export default function ReadUnreadIcon(props) {
+  let {
+    onClick,
+    dataId,
+    dataTitle,
+    iconClassName,
+    iconClass,
+    className,
+    isRead,
+    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,
+    "aria-label": dataTitle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
+    size: iconSize,
+    iconClass: `${iconClassName ? iconClassName : ''} ${iconClass ? iconClass : ''}`
+  }));
 }
 ReadUnreadIcon.defaultProps = ReadUnreadIcon_defaultProps;
 ReadUnreadIcon.propTypes = ReadUnreadIcon_propTypes;

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

@@ -1,28 +1,25 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { SmartIcon_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 SmartIcon extends 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-TK-peek",
-      iconClass: iconClass ? iconClass : ''
-    }));
-  }
-
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
+export default function SmartIcon(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-TK-peek",
+    iconClass: iconClass ? iconClass : ''
+  }));
 }
 SmartIcon.propTypes = SmartIcon_propTypes;

package/es/v1/list/ListLayout/ListLayout.js

@@ -1,79 +1,65 @@
 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, { Component } from 'react';
+import React from 'react';
 import { ListLayout_defaultProps } from '../../../list/ListLayout/props/defaultProps';
 import { ListLayout_propTypes, Column_propTypes } from '../../../list/ListLayout/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import style from '../../../list/ListLayout/ListLayout.module.css';
-export default class ListLayout extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      children,
-      className,
-      needHover,
-      align,
-      view,
-      containerClass,
-      isActive,
-      onClick,
-      onMouseLeave,
-      dataId,
-      dataTitle,
-      a11y,
-      isHovered,
-      onMouseEnter,
-      needPointer,
-      isKeyboardActive
-    } = this.props;
-    let {
-      role = 'listitem',
-      ariaLabel,
-      ariaPosinset,
-      ariaSetsize
-    } = a11y;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.container} ${containerClass} ${needHover ? style.listHover : ''} ${isActive ? style.active : ''} ${style[view]} ${onClick && needPointer ? style.cursorPointer : ''} ${isHovered ? style.hoveredStyle : ''} ${isKeyboardActive ? style.keyboardActive : ''} `,
-      onClick: onClick,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      "data-id": dataId,
-      "data-test-id": dataId,
-      "data-title": dataTitle,
-      tabIndex: "0",
-      role: role,
-      "data-a11y-inset-focus": true,
-      "aria-label": ariaLabel,
-      "aria-setsize": ariaSetsize,
-      "aria-posinset": ariaPosinset
-    }, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      align: align,
-      className: `${style.innerContainer} ${className ? className : ''}`
-    }, children));
-  }
-
+export default function ListLayout(props) {
+  let {
+    children,
+    className,
+    needHover,
+    align,
+    view,
+    containerClass,
+    isActive,
+    onClick,
+    onMouseLeave,
+    dataId,
+    dataTitle,
+    a11y,
+    isHovered,
+    onMouseEnter,
+    needPointer,
+    isKeyboardActive
+  } = props;
+  let {
+    role = 'listitem',
+    ariaLabel,
+    ariaPosinset,
+    ariaSetsize
+  } = a11y;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.container} ${containerClass} ${needHover ? style.listHover : ''} ${isActive ? style.active : ''} ${style[view]} ${onClick && needPointer ? style.cursorPointer : ''} ${isHovered ? style.hoveredStyle : ''} ${isKeyboardActive ? style.keyboardActive : ''} `,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    tabIndex: "0",
+    role: role,
+    "data-a11y-inset-focus": true,
+    "aria-label": ariaLabel,
+    "aria-setsize": ariaSetsize,
+    "aria-posinset": ariaPosinset
+  }, /*#__PURE__*/React.createElement(Container, {
+    alignBox: "row",
+    align: align,
+    className: `${style.innerContainer} ${className ? className : ''}`
+  }, children));
 }
 ListLayout.propTypes = ListLayout_propTypes;
 ListLayout.defaultProps = ListLayout_defaultProps;
-export class Column extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      children,
-      className
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Box, _extends({
-      className: `${className ? className : ''}`
-    }, this.props), children);
-  }
-
+export function Column(props) {
+  let {
+    children,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    className: `${className ? className : ''}`
+  }, props), children);
 }
 Column.propTypes = Column_propTypes; // if (__DOCS__) {
 //   ListLayout.docs = {

package/es/v1/list/ListStencils/ListStencils.js

@@ -1,42 +1,39 @@
 /*** Libraries ***/
-import React, { Component } from 'react';
+import React from 'react';
 import { defaultProps } from '../../../list/ListStencils/props/defaultProps';
 import { propTypes } from '../../../list/ListStencils/props/propTypes';
 /*** Components ***/
 
-import Stencils from '@zohodesk/components/lib/Stencils/Stencils';
+import Stencils from '@zohodesk/components/es/v1/Stencils/Stencils';
 /*** CSS ***/
 
 import style from '../../../list/ListStencils/ListStencils.module.css';
-export default class ListStencils extends Component {
-  render() {
-    let {
-      listType
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.container} ${style[listType]}`
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.innerContainer
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.avatar
-    }, /*#__PURE__*/React.createElement(Stencils, {
-      shape: "circle",
-      size: listType === 'classic' ? 'large' : listType === 'compact' ? 'medium' : 'small'
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.detailsColumn
-    }, /*#__PURE__*/React.createElement("div", {
-      className: `${style.detailsInnerColumn}`
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.primaryRow
-    }, /*#__PURE__*/React.createElement(Stencils, {
-      size: "default"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.secondaryRow
-    }, /*#__PURE__*/React.createElement(Stencils, {
-      size: "medium"
-    }))))));
-  }
-
+export default function ListStencils(props) {
+  let {
+    listType
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.container} ${style[listType]}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.innerContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.avatar
+  }, /*#__PURE__*/React.createElement(Stencils, {
+    shape: "circle",
+    size: listType === 'classic' ? 'large' : listType === 'compact' ? 'medium' : 'small'
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.detailsColumn
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${style.detailsInnerColumn}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.primaryRow
+  }, /*#__PURE__*/React.createElement(Stencils, {
+    size: "default"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.secondaryRow
+  }, /*#__PURE__*/React.createElement(Stencils, {
+    size: "medium"
+  }))))));
 }
 ListStencils.propTypes = propTypes;
 ListStencils.defaultProps = defaultProps; // if (__DOCS__) {

package/es/v1/list/SecondaryText/AccountName.js

@@ -8,7 +8,7 @@ import { AccountName_defaultProps } from '../../../list/SecondaryText/props/defa
 import { AccountName_propTypes } from '../../../list/SecondaryText/props/propTypes';
 /**** Components ****/
 
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Link from '../../Link/Link';
 /**** CSS ****/
 

package/es/v1/list/SecondaryText/ContactName.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { Component } from 'react';
 import { ContactName_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
 import { ContactName_propTypes } from '../../../list/SecondaryText/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Link from '../../Link/Link';
 import SentimentStatus from '../SentimentStatus/SentimentStatus';
 import { Icon } from '@zohodesk/icons';

package/es/v1/list/SecondryPanel/SecondryPanel.js

@@ -4,9 +4,8 @@ import { SecondryPanel_defaultProps, SecondryPanelUL_defaultProps, SecondryPanel
 import { SecondryPanel_propTypes, SecondryPanelUL_propTypes, SecondryPanelLI_propTypes, SecondryPanelItem_propTypes } from '../../../list/SecondryPanel/props/propTypes';
 /**** Components ****/
 
-import { Box } from '@zohodesk/components/lib/Layout';
+import { Box, Container } from '@zohodesk/components/es/v1/Layout';
 import Dot from '../Dot/Dot';
-import Container from '@zohodesk/components/lib/Layout/Container';
 /**** CSS ****/
 
 import style from '../../../list/SecondryPanel/SecondryPanel.module.css';

package/es/v1/list/Thread/Thread.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { defaultProps } from '../../../list/Thread/props/defaultProps';
 import { propTypes } from '../../../list/Thread/props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import Button from '@zohodesk/components/lib/semantic/Button/Button';
+import Button from '@zohodesk/components/es/v1/semantic/Button/Button';
 import style from '../../../list/Thread/Thread.module.css';
 export default class Thread extends Component {
   constructor(props) {

package/es/v1/list/UserTime/UserTime.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { defaultProps } from '../../../list/UserTime/props/defaultProps';
 import { propTypes } from '../../../list/UserTime/props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import { Box } from '@zohodesk/components/lib/Layout';
+import { Box } from '@zohodesk/components/es/v1/Layout';
 import { UserTimeDiffFormat } from '@zohodesk/i18n';
 import style from '../../../list/UserTime/UserTime.module.css';
 export default class UserTime extends Component {