@zohodesk/dot 1.0.0-temp-74 → 1.0.0-temp-77

package/README.md

@@ -2,6 +2,19 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.223
+
+ - TagMultiSelect id, onSelectTag prop added.
+ - GridStencils UI fix.
+
+# 1.0.0-beta.222
+
+- TagMultiSelect Keyboard Shortcut Issue Fixed
+
+# 1.0.0-beta.221
+
+- editor fontsize prop added
+
 # 1.0.0-beta.218 , # 1.0.0-beta.219, # 1.0.0-beta.220
 
 - AttachmentViewer , AttachmentImage component added

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -799,8 +799,7 @@ export class ToggleDropDown extends Component {
       }, ListItemProps)));
     })) : /*#__PURE__*/React.createElement(CommonEmptyState, {
       className: style.svgWrapper,
-      title: searchErrorText || 'oops !',
-      description: searchEmptyHint,
+      title: searchErrorText || 'No results',
       size: "small",
       getEmptyState: this.emptySearchSVG
     }) : /*#__PURE__*/React.createElement("div", {

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -18,12 +18,20 @@ export default class TagsMultiSelect extends React.Component {
     this.state = {
       showAll: false
     };
-    this.textBoxRef = /*#__PURE__*/React.createRef();
     this.emptySearchSVG = this.emptySearchSVG.bind(this);
     this.onShowAllClick = this.onShowAllClick.bind(this);
     this.getContainerRef = this.getContainerRef.bind(this);
     this.onScroll = this.onScroll.bind(this);
     this.getSelectedItemRef = this.getSelectedItemRef.bind(this);
+    this.textInputRef = this.textInputRef.bind(this);
+  }
+
+  textInputRef(el) {
+    const {
+      getTextInputRef
+    } = this.props;
+    this.inputEl = el;
+    getTextInputRef && getTextInputRef(el);
   }
 
   onScroll() {
@@ -58,10 +66,8 @@ export default class TagsMultiSelect extends React.Component {
 
     if (prevProps.isTagListLoading !== isTagListLoading && !isTagListLoading || isPopupReady && prevProps.tagsList.length !== tagsList.length) {
       setTimeout(() => {
-        let textBoxElementRef = this.textBoxRef.current;
-
-        if (textBoxElementRef && typeof textBoxElementRef.handleFocus === 'function') {
-          this.textBoxRef.current.handleFocus();
+        if (this.inputEl) {
+          this.inputEl.focus();
         }
       }, 300);
     }
@@ -118,7 +124,8 @@ export default class TagsMultiSelect extends React.Component {
       borderColor,
       getTextBoxChildren,
       htmlId,
-      boxSize
+      boxSize,
+      onSelectTag
     } = this.props;
     let {
       showAll
@@ -140,17 +147,20 @@ export default class TagsMultiSelect extends React.Component {
     }, tagsList.length ? /*#__PURE__*/React.createElement(React.Fragment, null, tagsList.map((tag, index) => {
       let {
         name,
-        tagType
+        tagType,
+        id
       } = tag;
       return index < chipLimit ? /*#__PURE__*/React.createElement(Box, {
         className: style.tag,
         key: index
       }, /*#__PURE__*/React.createElement(Tag, {
+        id: id,
         text: name,
         onRemove: isReadOnly ? null : deleteTag.bind(this, name),
         closeTitle: i18nKeys.deleteText,
         palette: tagType === 'SYSTEM' ? 'primary' : 'default',
-        isReadOnly: isReadOnly
+        isReadOnly: isReadOnly,
+        onSelectTag: onSelectTag ? onSelectTag : undefined
       })) : null;
     }), tagsList.length > chipNeedToShow && !isPopupReady ? /*#__PURE__*/React.createElement(Box, {
       className: style.moreLess,
@@ -171,7 +181,6 @@ export default class TagsMultiSelect extends React.Component {
       onChange: handleChange,
       maxLength: 50,
       isReadOnly: isReadOnly,
-      ref: this.textBoxRef,
       needBorder: false,
       placeHolder: tagsList.length ? '' : i18nKeys.placeholderText || '-',
       onClick: !isReadOnly ? handleTogglePopup : undefined,
@@ -179,7 +188,8 @@ export default class TagsMultiSelect extends React.Component {
         customTBoxWrap: style.custmInp,
         customTextBox: style.input
       },
-      size: "xsmall"
+      size: "xsmall",
+      inputRef: this.textInputRef
     }, getTextBoxChildren ? getTextBoxChildren() : null))), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
       isAnimate: true,
       isActive: isPopupReady,
@@ -251,6 +261,7 @@ TagsMultiSelect.propTypes = {
   deleteTag: PropTypes.func,
   getContainerRef: PropTypes.func,
   getTargetRef: PropTypes.func,
+  getTextInputRef: PropTypes.func,
   handleChange: PropTypes.func,
   handleKeyUp: PropTypes.func,
   handleTogglePopup: PropTypes.func,
@@ -281,7 +292,8 @@ TagsMultiSelect.propTypes = {
   needBorder: PropTypes.bool,
   getTextBoxChildren: PropTypes.func,
   htmlId: PropTypes.string,
-  boxSize: PropTypes.string
+  boxSize: PropTypes.string,
+  onSelectTag: PropTypes.func
 };
 TagsMultiSelect.defaultProps = {
   className: '',

package/es/list/DepartmentDropDown/DepartmentDropDown.js

@@ -52,7 +52,7 @@ class DepartmentDropDown extends Component {
     let {
       title = 'Move Department',
       searchEmptyText = 'No results found',
-      searchErrorText = 'OOPS !',
+      searchErrorText = 'No results',
       placeholder = 'Search Department'
     } = i18nKeys;
     return /*#__PURE__*/React.createElement(ToggleDropDown, {

package/es/list/GridStencils/GridStencils.module.css

@@ -3,7 +3,9 @@
   border-bottom: 1px solid var(--zdt_gridstencils_default_border);
   padding: var(--zd_size13) var(--zd_size20) var(--zd_size11);
   position: relative;
-  margin-bottom: var(--zd_size10);
+  margin: 0 auto var(--zd_size10) auto;
+  border-radius: var(--zd_size5);
+  width: var(--zd_size265);
 }
 .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0;

package/es/list/status/StatusDropdown/StatusDropdown.js

@@ -408,8 +408,7 @@ export class StatusDropdown extends React.Component {
       }
     })))) : isDataLoaded ? /*#__PURE__*/React.createElement(CommonEmptyState, {
       className: style.svgWrapper,
-      title: searchErrorText || 'oops !',
-      description: searchEmptyHint,
+      title: searchErrorText || 'No results',
       size: "small",
       getEmptyState: this.emptySearchSVG
     }) : /*#__PURE__*/React.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-74",
+  "version": "1.0.0-temp-77",
   "main": "lib/index",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -27,14 +27,15 @@
     "sstest": "react-cli sstest",
     "docs": "npm run dubCheck && react-cli docs",
     "postpublish": "react-cli postpublish",
-    "download": "rm package-lock.json && rm -rf node_modules/ && npm install"
+    "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
+    "expublish": "npm publish --tag experimental-version"
   },
   "dependencies": {},
   "devDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-234",
+    "@zohodesk/components": "1.0.0-alpha-236",
     "@zohodesk/icons": "1.0.0-beta.98",
     "@zohodesk/svg": "1.0.0-beta.42",
     "@zohodesk/virtualizer": "1.0.3",
@@ -44,7 +45,7 @@
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-234",
+    "@zohodesk/components": "1.0.0-alpha-236",
     "@zohodesk/icons": "1.0.0-beta.98",
     "@zohodesk/svg": "1.0.0-beta.42"
   },