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

package/lib/lookup/EmptyPage/LookupEmptyPage.module.css

@@ -1,12 +1,12 @@
-.container {
-  text-align: center;
-}
-.image {
-  margin: var(--zd_size20) auto;
-}
-.contentDiv {
-  font-size: var(--zd_font_size20);
-  font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  margin-top: var(--zd_size15);
-}
+.container {
+  text-align: center;
+}
+.image {
+  margin: var(--zd_size20) auto;
+}
+.contentDiv {
+  font-size: var(--zd_font_size20);
+  font-family: var(--zd_semibold);
+  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  margin-top: var(--zd_size15);
+}

package/lib/lookup/Lookup/Lookup.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _FreezeLayer = _interopRequireDefault(require("../../FreezeLayer/FreezeLayer"));
 
@@ -115,7 +113,7 @@ var Lookup = /*#__PURE__*/function (_Component) {
         className: _LookupModule["default"].container,
         dataId: "fldValue"
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        tabIndex: "-1",
+        tabIndex: "0",
         role: role,
         "aria-labelledby": ariaLabelledby,
         "aria-describedby": ariaDescribedby,
@@ -131,8 +129,28 @@ var Lookup = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports["default"] = Lookup;
-Lookup.propTypes = _propTypes.propTypes;
-Lookup.defaultProps = _defaultProps.defaultProps;
+Lookup.propTypes = {
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  isActive: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['small', 'xmedium', 'medium', 'large', 'full']),
+  htmlId: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string,
+    ariaDescribedby: _propTypes["default"].string,
+    ariaModal: _propTypes["default"].bool
+  }),
+  onKeyDown: _propTypes["default"].func,
+  childAnimationName: _propTypes["default"].oneOf(['expand', 'flyDown'])
+};
+Lookup.defaultProps = {
+  size: 'medium',
+  customClass: '',
+  a11y: {},
+  childAnimationName: 'flyDown'
+};
 
 if (false) {
   Lookup.docs = {

package/lib/lookup/Lookup/Lookup.module.css

@@ -1,26 +1,26 @@
-.container {
-  font-size: var(--zd_font_size16);
-  padding-bottom: var(--zd_size10);
-}
-.box {
-  position: relative;
-  height: 100%;
-  width: 100%;
-  margin: auto;
-}
-/* Size */
-.smallSize {
-  max-width: var(--zd_size470);
-}
-.xmediumSize {
-  max-width: var(--zd_size620);
-}
-.mediumSize {
-  max-width: var(--zd_size840);
-}
-.largeSize {
-  max-width: 70%;
-}
-.fullSize {
-  max-width: 90%;
-}
+.container {
+  font-size: var(--zd_font_size16);
+  padding-bottom: var(--zd_size10);
+}
+.box {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  margin: auto;
+}
+/* Size */
+.smallSize {
+  max-width: var(--zd_size470);
+}
+.xmediumSize {
+  max-width: var(--zd_size620);
+}
+.mediumSize {
+  max-width: var(--zd_size840);
+}
+.largeSize {
+  max-width: 70%;
+}
+.fullSize {
+  max-width: 90%;
+}

package/lib/lookup/Lookup/docs/Lookup__contact.docs.js

@@ -212,20 +212,20 @@ var Lookup__contact = /*#__PURE__*/function (_Component) {
       }, getLookupTarget ? getLookupTarget({
         onLookupShow: this.handleLookupShow
       }) : {
-        /* <ContactLookupController
-        value={value || selected}
-        suggestionItems={['id_1', 'id_2', 'id_3', 'id_4', 'id_5']}
-        moduleData={contacts}
-        accounts={accounts}
-        needClearIcon
-        needSearchIcon
-        needSuggestionBox
-        onClear={this.handleClear}
-        onChange={this.handleSearch}
-        onSearch={this.handleLookupShow}
-        onSelect={this.handleSelect}
-        searchStr={searchStr}
-        onSearchAPI={this.handleSearchAPI}
+        /* <ContactLookupController
+        value={value || selected}
+        suggestionItems={['id_1', 'id_2', 'id_3', 'id_4', 'id_5']}
+        moduleData={contacts}
+        accounts={accounts}
+        needClearIcon
+        needSearchIcon
+        needSuggestionBox
+        onClear={this.handleClear}
+        onChange={this.handleSearch}
+        onSearch={this.handleLookupShow}
+        onSelect={this.handleSelect}
+        searchStr={searchStr}
+        onSearchAPI={this.handleSearchAPI}
         />*/
       }, /*#__PURE__*/_react["default"].createElement(_Modal["default"], null));
     }

package/lib/lookup/Section/LookupSection.module.css

@@ -1,8 +1,8 @@
-.section {
-  max-height: 80%;
-  min-height: var(--zd_size390);
-  height: auto;
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-  background-color: var(--zdt_lookupsection_bg);
-  box-shadow: 0px 4px 20px var(--zdt_lookupsection_box_shadow);
-}
+.section {
+  max-height: 80%;
+  min-height: var(--zd_size390);
+  height: auto;
+  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  background-color: var(--zdt_lookupsection_bg);
+  box-shadow: 0px 4px 20px var(--zdt_lookupsection_box_shadow);
+}

package/lib/lookup/Section/Section.js

@@ -9,14 +9,12 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
 var _LookupSectionModule = _interopRequireDefault(require("./LookupSection.module.css"));
 
-var _FocusScope = _interopRequireDefault(require("@zohodesk/a11y/lib/FocusScope/FocusScope"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -49,13 +47,9 @@ var Section = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(Section);
 
   function Section(props) {
-    var _this;
-
     _classCallCheck(this, Section);
 
-    _this = _super.call(this, props);
-    _this.createRef = /*#__PURE__*/_react["default"].createRef();
-    return _this;
+    return _super.call(this, props);
   }
 
   _createClass(Section, [{
@@ -63,23 +57,13 @@ var Section = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
           alignBox = _this$props.alignBox,
-          className = _this$props.className,
-          onClose = _this$props.onClose;
-      return /*#__PURE__*/_react["default"].createElement(_FocusScope["default"], {
-        focusTabLoop: true,
-        elementRef: this.createRef,
-        autoFocus: true,
-        restoreFocus: true,
-        focusClose: onClose
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        "data-a11y-focus-container": true,
-        tabindex: -1,
-        eleRef: this.createRef,
+          className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: alignBox,
-        className: "".concat(_LookupSectionModule["default"].section, " ").concat(className ? className : "")
+        className: "".concat(_LookupSectionModule["default"].section, " ").concat(className ? className : '')
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true
-      }, this.props.children)));
+      }, this.props.children));
     }
   }]);
 
@@ -87,4 +71,9 @@ var Section = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports["default"] = Section;
-Section.propTypes = _propTypes.propTypes;
+Section.propTypes = {
+  alignBox: _propTypes["default"].string,
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string
+};
+Section.defaultProps = {};

package/lib/lookup/header/Close/Close.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _IconButton = _interopRequireDefault(require("../../../IconButton/IconButton"));
 
@@ -73,8 +71,14 @@ var Close = /*#__PURE__*/function (_PureComponent) {
 }(_react.PureComponent);
 
 exports["default"] = Close;
-Close.propTypes = _propTypes.propTypes;
-Close.defaultProps = _defaultProps.defaultProps;
+Close.propTypes = {
+  dataId: _propTypes["default"].string,
+  onClose: _propTypes["default"].func,
+  title: _propTypes["default"].string
+};
+Close.defaultProps = {
+  dataId: 'closeButton'
+};
 
 if (false) {
   Close.docs = {

package/lib/lookup/header/Close/LookupClose.module.css

@@ -1,15 +1,15 @@
-.container {
-  width: var(--zd_size25);
-  height: var(--zd_size25);
-  line-height: var(--zd_size25);
-  color: var(--zdt_lookupclose_default_text);
-  transition: var(--zd_transition2) cubic-bezier(0.4, 1, 0.65, 1);
-  font-size: var(--zd_font_size9);
-  text-align: center;
-  cursor: pointer;
-  border-radius: 50%;
-}
-.container:hover {
-  color: var(--zdt_lookupclose_default_hover_text);
-  background-color: var(--zdt_lookupclose_default_hover_bg);
-}
+.container {
+  width: var(--zd_size25);
+  height: var(--zd_size25);
+  line-height: var(--zd_size25);
+  color: var(--zdt_lookupclose_default_text);
+  transition: var(--zd_transition2) cubic-bezier(0.4, 1, 0.65, 1);
+  font-size: var(--zd_font_size9);
+  text-align: center;
+  cursor: pointer;
+  border-radius: 50%;
+}
+.container:hover {
+  color: var(--zdt_lookupclose_default_hover_text);
+  background-color: var(--zdt_lookupclose_default_hover_bg);
+}

package/lib/lookup/header/ModuleHeader/ModuleHeader.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Title = _interopRequireDefault(require("../Title/Title"));
 
@@ -124,8 +122,25 @@ var ModuleHeader = /*#__PURE__*/function (_PureComponent) {
 }(_react.PureComponent);
 
 exports["default"] = ModuleHeader;
-ModuleHeader.propTypes = _propTypes.propTypes;
-ModuleHeader.defaultProps = _defaultProps.defaultProps;
+ModuleHeader.propTypes = {
+  getSearchBoxRef: _propTypes["default"].func,
+  miniDescription: _propTypes["default"].string,
+  needOnTypeSearch: _propTypes["default"].bool,
+  needSearch: _propTypes["default"].bool,
+  onLookupClose: _propTypes["default"].func,
+  onSearch: _propTypes["default"].func,
+  onSearchChange: _propTypes["default"].func,
+  searchPlaceHolder: _propTypes["default"].string,
+  searchStr: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  closeTitle: _propTypes["default"].string,
+  onSearchKeyDown: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['default', 'white'])
+};
+ModuleHeader.defaultProps = {
+  palette: 'default'
+};
 
 if (false) {
   ModuleHeader.docs = {

package/lib/lookup/header/Search/LookupSearch.module.css

@@ -1,57 +1,57 @@
-.searchStyle,
-.boxStyle {
-  transition: var(--zd_transition1);
-  width: var(--zd_size96);
-  height: var(--zd_size28);
-  position: relative;
-}.searchStyle, .boxStyle {
-  background: none;
-}
-.boxStyle {
-  width: var(--zd_size160);
-  border-radius: 4px;
-  border: 1px solid var(--zdt_lookupsearch_boxstyle_border);
-}
-.searchStyle:hover, .boxStyle:hover {
-  border-color: var(--zdt_lookupsearch_boxstyle_hover_border);
-}
-.focusWidth {
-  width: var(--zd_size220);
-}
-.drpSearchBox {
-  position: relative;
-  height: var(--zd_size28);
-  cursor: pointer;
-}
-.drpSearchBox::after {
-  content: '';
-  position: absolute;
-  top: var(--zd_size8);
-  bottom: var(--zd_size8);
-}
-[dir=ltr] .drpSearchBox::after {
-  right: calc(var(--zd_size1) * -1);
-  border-right: 1px solid var(--zdt_lookupsearch_boxstyle_border);
-}
-[dir=rtl] .drpSearchBox::after {
-  left: calc(var(--zd_size1) * -1);
-  border-left: 1px solid var(--zdt_lookupsearch_boxstyle_border);
-}
-.inputBox, .drpSearchBox {
-  padding: 0 var(--zd_size9);
-}
-[dir=ltr] .searchIconBox {
-  padding: var(--zd_size4) 0 var(--zd_size4) var(--zd_size9);
-}
-[dir=rtl] .searchIconBox {
-  padding: var(--zd_size4) var(--zd_size9) var(--zd_size4) 0;
-}
-.active, .boxStyle.active, .lineActive.drpSearchBox::after {
-  border-color: var(--zdt_lookupsearch_boxstyle_activer_border);
-}
-[dir=ltr] .iconArrow {
-  margin-left: var(--zd_size5);
-}
-[dir=rtl] .iconArrow {
-  margin-right: var(--zd_size5);
-}
+.searchStyle,
+.boxStyle {
+  transition: var(--zd_transition1);
+  width: var(--zd_size96);
+  height: var(--zd_size28);
+  position: relative;
+}.searchStyle, .boxStyle {
+  background: none;
+}
+.boxStyle {
+  width: var(--zd_size160);
+  border-radius: 4px;
+  border: 1px solid var(--zdt_lookupsearch_boxstyle_border);
+}
+.searchStyle:hover, .boxStyle:hover {
+  border-color: var(--zdt_lookupsearch_boxstyle_hover_border);
+}
+.focusWidth {
+  width: var(--zd_size220);
+}
+.drpSearchBox {
+  position: relative;
+  height: var(--zd_size28);
+  cursor: pointer;
+}
+.drpSearchBox::after {
+  content: '';
+  position: absolute;
+  top: var(--zd_size8);
+  bottom: var(--zd_size8);
+}
+[dir=ltr] .drpSearchBox::after {
+  right: calc(var(--zd_size1) * -1);
+  border-right: 1px solid var(--zdt_lookupsearch_boxstyle_border);
+}
+[dir=rtl] .drpSearchBox::after {
+  left: calc(var(--zd_size1) * -1);
+  border-left: 1px solid var(--zdt_lookupsearch_boxstyle_border);
+}
+.inputBox, .drpSearchBox {
+  padding: 0 var(--zd_size9);
+}
+[dir=ltr] .searchIconBox {
+  padding: var(--zd_size4) 0 var(--zd_size4) var(--zd_size9);
+}
+[dir=rtl] .searchIconBox {
+  padding: var(--zd_size4) var(--zd_size9) var(--zd_size4) 0;
+}
+.active, .boxStyle.active, .lineActive.drpSearchBox::after {
+  border-color: var(--zdt_lookupsearch_boxstyle_activer_border);
+}
+[dir=ltr] .iconArrow {
+  margin-left: var(--zd_size5);
+}
+[dir=rtl] .iconArrow {
+  margin-right: var(--zd_size5);
+}

package/lib/lookup/header/Search/Search.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/TextBoxIcon/TextBoxIcon"));
 
@@ -150,7 +148,15 @@ var Search = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports["default"] = Search;
-Search.propTypes = _propTypes.Search_propTypes;
+Search.propTypes = {
+  getRef: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  onFocus: _propTypes["default"].func,
+  onSelect: _propTypes["default"].func,
+  options: _propTypes["default"].array,
+  selectedId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  value: _propTypes["default"].string
+};
 
 var SearchUI = /*#__PURE__*/function (_Component2) {
   _inherits(SearchUI, _Component2);
@@ -278,8 +284,29 @@ var SearchUI = /*#__PURE__*/function (_Component2) {
   return SearchUI;
 }(_react.Component);
 
-SearchUI.defaultProps = _defaultProps.SearchUI_defaultProps;
-SearchUI.propTypes = _propTypes.SearchUI_propTypes;
+SearchUI.defaultProps = {
+  activeClass: '',
+  isBoxed: false,
+  isSearchIconNeed: false
+};
+SearchUI.propTypes = {
+  activeClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  isBoxed: _propTypes["default"].bool,
+  isFocus: _propTypes["default"].bool,
+  isSearchIconNeed: _propTypes["default"].bool,
+  needOnTypeSearch: _propTypes["default"].bool,
+  onBlur: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  onFocus: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  onSearch: _propTypes["default"].func,
+  options: _propTypes["default"].array,
+  placeHolder: _propTypes["default"].string,
+  searchStr: _propTypes["default"].string,
+  title: _propTypes["default"].string
+};
 
 if (false) {
   Search.docs = {

package/lib/lookup/header/TicketHeader/TicketHeader.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Title = _interopRequireDefault(require("../Title/Title"));
 
@@ -143,8 +141,29 @@ var TicketHeader = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports["default"] = TicketHeader;
-TicketHeader.propTypes = _propTypes.propTypes;
-TicketHeader.defaultProps = _defaultProps.defaultProps;
+TicketHeader.propTypes = {
+  allViews: _propTypes["default"].array,
+  getSearchBoxRef: _propTypes["default"].func,
+  needOnTypeSearch: _propTypes["default"].bool,
+  needSearch: _propTypes["default"].bool,
+  needViewsList: _propTypes["default"].bool,
+  onLookupClose: _propTypes["default"].func,
+  onSearch: _propTypes["default"].func,
+  onSearchChange: _propTypes["default"].func,
+  onSelectView: _propTypes["default"].func,
+  searchPlaceHolder: _propTypes["default"].string,
+  searchStr: _propTypes["default"].string,
+  selectedViewId: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  i18nKeys: _propTypes["default"].shape({
+    menuEmptyMessage: _propTypes["default"].string
+  }),
+  palette: _propTypes["default"].oneOf(['default', 'white'])
+};
+TicketHeader.defaultProps = {
+  i18nKeys: {},
+  palette: 'default'
+};
 
 if (false) {
   TicketHeader.docs = {

package/lib/lookup/header/TicketHeader/TicketHeader.module.css

@@ -1,23 +1,23 @@
-.dropdown {
-  margin: 0 var(--zd_size20);
-}
-/* Responsive */
-[dir=ltr] .small .searchContainer {
-  text-align: left;
-}
-[dir=rtl] .small .searchContainer {
-  text-align: right;
-}
-.small .searchContainer input {
-  width: var(--zd_size193);
-  border-bottom: 1px solid var(--zdt_lookupticketheader_border);
-}
-.small .innerContainer,
-.extraSmall .innerContainer {
-  flex-direction: column;
-  align-items: flex-start;
-}
-.extraSmall .container {
-  flex-direction: column;
-}
+.dropdown {
+  margin: 0 var(--zd_size20);
+}
+/* Responsive */
+[dir=ltr] .small .searchContainer {
+  text-align: left;
+}
+[dir=rtl] .small .searchContainer {
+  text-align: right;
+}
+.small .searchContainer input {
+  width: var(--zd_size193);
+  border-bottom: 1px solid var(--zdt_lookupticketheader_border);
+}
+.small .innerContainer,
+.extraSmall .innerContainer {
+  flex-direction: column;
+  align-items: flex-start;
+}
+.extraSmall .container {
+  flex-direction: column;
+}
 .menuWrapper{display: inline-block;}

package/lib/lookup/header/Title/LookupTitle.module.css

@@ -1,20 +1,20 @@
-.title {
-  font-size: var(--zd_font_size16);
-  font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  vertical-align: middle;
-  word-break: break-all;
-}
-.bold {
-  font-family: var(--zd_semibold);
-}
-/* Palette */
-.default {
-  color: var(--zdt_lookuptitle_default_text);
-}
-.primary {
-  color: var(--zdt_lookuptitle_primary_text);
-}
-.danger {
-  color: var(--zdt_lookuptitle_danger_text);
-}
+.title {
+  font-size: var(--zd_font_size16);
+  font-family: var(--zd_semibold);
+  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  vertical-align: middle;
+  word-break: break-all;
+}
+.bold {
+  font-family: var(--zd_semibold);
+}
+/* Palette */
+.default {
+  color: var(--zdt_lookuptitle_default_text);
+}
+.primary {
+  color: var(--zdt_lookuptitle_primary_text);
+}
+.danger {
+  color: var(--zdt_lookuptitle_danger_text);
+}