@zohodesk/components 1.2.19 → 1.2.21

package/lib/v1/TextBoxIcon/props/defaultProps.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  isDisabled: false,
+  isReadOnly: false,
+  iconRotated: false,
+  maxLength: '250',
+  needBorder: true,
+  size: 'medium',
+  type: 'text',
+  variant: 'default',
+  needReadOnlyStyle: true,
+  isClickable: false,
+  needEffect: true,
+  dataId: 'textBoxIcon',
+  borderColor: 'default',
+  showClearIcon: false,
+  i18nKeys: {},
+  customClass: {},
+  iconOnHover: false,
+  isFocus: false,
+  isScrollPrevent: false,
+  customProps: {},
+  dataSelectorId: 'textBoxIcon'
+};
+exports.defaultProps = defaultProps;

package/lib/v1/TextBoxIcon/props/propTypes.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _propTypes2 = require("../../TextBox/props/propTypes");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var propTypes = _objectSpread(_objectSpread({}, _propTypes2.propTypes), {}, {
+  borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'error']),
+  children: _propTypes["default"].node,
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
+  htmlId: _propTypes["default"].string,
+  i18nKeys: _propTypes["default"].shape({
+    clearText: _propTypes["default"].string
+  }),
+  iconRotated: _propTypes["default"].bool,
+  id: _propTypes["default"].string,
+  inputRef: _propTypes["default"].func,
+  isClickable: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  maxLength: _propTypes["default"].string,
+  name: _propTypes["default"].string,
+  needBorder: _propTypes["default"].bool,
+  needEffect: _propTypes["default"].bool,
+  needReadOnlyStyle: _propTypes["default"].bool,
+  onBlur: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  onClear: _propTypes["default"].func,
+  onClick: _propTypes["default"].func,
+  onFocus: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  onKeyPress: _propTypes["default"].func,
+  onKeyUp: _propTypes["default"].func,
+  onMouseDown: _propTypes["default"].func,
+  placeHolder: _propTypes["default"].string,
+  showClearIcon: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['small', 'xsmall', 'medium', 'xmedium']),
+  title: _propTypes["default"].func,
+  type: _propTypes["default"].oneOf(['text', 'password', 'number']),
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  variant: _propTypes["default"].oneOf(['primary', 'secondary', 'default']),
+  customClass: _propTypes["default"].shape({
+    customTBoxWrap: _propTypes["default"].string,
+    customTextBox: _propTypes["default"].string,
+    customTBoxIcon: _propTypes["default"].string,
+    customTBoxLine: _propTypes["default"].string
+  }),
+  iconOnHover: _propTypes["default"].bool,
+  isFocus: _propTypes["default"].bool,
+  onClearMouseDown: _propTypes["default"].func,
+  isScrollPrevent: _propTypes["default"].bool,
+  customProps: _propTypes["default"].shape({
+    TextBoxProps: _propTypes["default"].object
+  })
+});
+
+exports.propTypes = propTypes;

package/lib/v1/Textarea/Textarea.js

@@ -9,9 +9,9 @@ exports["default"] = Textarea;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../Textarea/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Textarea/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _TextareaModule = _interopRequireDefault(require("../../Textarea/Textarea.module.css"));
 

package/lib/v1/Textarea/props/defaultProps.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  isDisabled: false,
+  isReadOnly: false,
+  dataId: 'TextareaComp',
+  needBorder: true,
+  resize: 'none',
+  size: 'small',
+  variant: 'default',
+  needAppearance: true,
+  needReadOnlyStyle: true,
+  borderColor: 'default',
+  needEffect: true,
+  autoFocus: false,
+  customClass: '',
+  a11y: {},
+  dataSelectorId: 'textarea'
+};
+exports.defaultProps = defaultProps;

package/lib/v1/Textarea/props/propTypes.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  animated: _propTypes["default"].bool,
+  autoFocus: _propTypes["default"].bool,
+  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  htmlId: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  maxLength: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  needAppearance: _propTypes["default"].bool,
+  needBorder: _propTypes["default"].bool,
+  needEffect: _propTypes["default"].bool,
+  needReadOnlyStyle: _propTypes["default"].bool,
+  onBlur: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  onFocus: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  placeHolder: _propTypes["default"].string,
+  resize: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both', 'none']),
+  size: _propTypes["default"].oneOf(['xsmall', 'small', 'xmedium', 'medium', 'large']),
+  text: _propTypes["default"].string,
+  variant: _propTypes["default"].oneOf(['default', 'primary']),
+  customClass: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    ariaLabel: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string
+  })
+};
+exports.propTypes = propTypes;

package/lib/v1/Tooltip/Tooltip.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../Tooltip/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Tooltip/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _Config = require("../../Provider/Config");
 
@@ -213,8 +213,10 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
         if (title !== '' && title) {
           titleDiv.setAttribute('data-title', title);
           titleDiv.removeAttribute('title');
+          var isInputElementType = element.type === 'text';
+          var elementText = isInputElementType ? element.value : element.innerText;
 
-          if (element.nodeName !== 'I' && element.innerText && element.innerText.trim() !== '') {
+          if (element.nodeName !== 'I' && elementText && elementText.trim() !== '') {
             var isContentDotted = '';
 
             if (element.scrollWidth !== 0) {
@@ -232,7 +234,7 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
               isContentDotted = offWidth < scrollWidth;
             }
 
-            var originText = element.innerText.replace(/\s/g, '').toLowerCase();
+            var originText = elementText.replace(/\s/g, '').toLowerCase();
             var tooltipText = title.replace(/\s/g, '').toLowerCase();
             var isDefaultTooltip = element.hasAttribute('data-istitle') || element.hasAttribute('istitle') ? element.getAttribute('data-istitle') || element.getAttribute('istitle') : 'false';
             isDefaultTooltip = isDefaultTooltip === 'true';

package/lib/v1/Tooltip/props/defaultProps.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  dataId: 'toolTip',
+  customClass: ''
+};
+exports.defaultProps = defaultProps;

package/lib/v1/Tooltip/props/propTypes.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  dataId: _propTypes["default"].string,
+  customClass: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

package/lib/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -9,9 +9,9 @@ exports["default"] = VelocityAnimation;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../../VelocityAnimation/VelocityAnimation/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../VelocityAnimation/VelocityAnimation/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _velocityReact = require("velocity-react");
 

package/lib/v1/VelocityAnimation/VelocityAnimation/props/defaultProps.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  runOnMount: false,
+  isCustomized: true,
+  needUIPack: true,
+  isFlex: false,
+  duration: 300
+};
+exports.defaultProps = defaultProps;

package/lib/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  children: _propTypes["default"].node.isRequired,
+  delay: _propTypes["default"].number,
+  duration: _propTypes["default"].number,
+  isActive: _propTypes["default"].bool.isRequired,
+  isCustomized: _propTypes["default"].bool,
+  isFlex: _propTypes["default"].bool,
+  name: _propTypes["default"].oneOf(['fade', 'slideRight', 'shrink', 'expand', 'slideDown', 'flyDown', 'slideLeft']),
+  needUIPack: _propTypes["default"].bool,
+  runOnMount: _propTypes["default"].bool
+};
+exports.propTypes = propTypes;

package/lib/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -9,9 +9,9 @@ exports["default"] = VelocityAnimationGroup;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../../VelocityAnimation/VelocityAnimationGroup/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../VelocityAnimation/VelocityAnimationGroup/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _velocityReact = require("velocity-react");
 

package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  runOnMount: false,
+  enterHideStyle: {
+    display: 'none'
+  },
+  enterShowStyle: {
+    display: ''
+  },
+  isFlex: false,
+  enterDuration: 300,
+  exitDuration: 300,
+  isActive: false,
+  isCustomized: true,
+  needUIPack: true
+};
+exports.defaultProps = defaultProps;

package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  children: _propTypes["default"].node.isRequired,
+  component: _propTypes["default"].element,
+  enterDelay: _propTypes["default"].number,
+  enterDuration: _propTypes["default"].number,
+  enterHideStyle: _propTypes["default"].object,
+  enterName: _propTypes["default"].string,
+  enterShowStyle: _propTypes["default"].object,
+  exitDelay: _propTypes["default"].number,
+  exitDuration: _propTypes["default"].number,
+  exitName: _propTypes["default"].string,
+  isActive: _propTypes["default"].bool,
+  isCustomized: _propTypes["default"].bool,
+  isFlex: _propTypes["default"].bool,
+  name: _propTypes["default"].oneOf(['fade', 'slideDown', 'flyDown', 'slideRight', 'shrink', 'expand', 'slideLeft']),
+  needUIPack: _propTypes["default"].bool,
+  runOnMount: _propTypes["default"].bool
+};
+exports.propTypes = propTypes;

package/lib/v1/semantic/Button/Button.js

@@ -7,9 +7,9 @@ exports["default"] = Button;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../../semantic/Button/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../semantic/Button/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _semanticButtonModule = _interopRequireDefault(require("../../../semantic/Button/semanticButton.module.css"));
 

package/lib/v1/semantic/Button/props/defaultProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  children: null,
+  autoFocus: false,
+  dataId: 'semanticButton',
+  disabled: false,
+  palette: 'primary',
+  text: 'Button',
+  type: 'button',
+  value: 'text',
+  customClass: '',
+  a11y: {}
+};
+exports.defaultProps = defaultProps;

package/lib/v1/semantic/Button/props/propTypes.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  autoFocus: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  name: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  ref: _propTypes["default"].func,
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['submit', 'reset', 'button']),
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    ariaLabel: _propTypes["default"].string,
+    ariaHaspopup: _propTypes["default"].bool,
+    ariaExpanded: _propTypes["default"].bool,
+    ariaControls: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string
+  })
+};
+exports.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.2.19",
+  "version": "1.2.21",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -22,13 +22,13 @@
     "lintAll": "react-cli lint ./src",
     "lintAllFix": "npm run lintAll --eslint:fix=true",
     "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
-    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
+    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es",
     "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
     "build:variables": "react-cli clean ./assets && node ./preprocess/index",
     "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
     "common_package_build": "cd ../common && npm run build && cd ../components",
     "start": "react-cli start",
-    "docs": "npm run dubCheck && npm run theme:validate && react-cli docs",
+    "docs": "npm run css:review && react-cli docs",
     "build:lib": "react-cli build:component:cmjs",
     "build:es": "react-cli build:library:es",
     "build": "npm run theme:validate && npm run build:lib && npm run build:es",
@@ -38,7 +38,7 @@
     "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
     "coverage": "react-cli coverage",
     "prepare": "npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert ",
-    "prepublishOnly": "node prePublish.js && npm run test && npm run download && npm run review:props",
+    "prepublishOnly": "node prePublish.js && npm run test && npm run download && npm run css:review && npm run review:props ",
     "postpublish": "node postPublish.js",
     "report": "react-cli publish:report",
     "test": "react-cli test",
@@ -47,13 +47,15 @@
     "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
     "download": "react-cli clean ./node_modules ./package-lock.json && npm install",
     "expublish": "npm publish --tag experimental-version",
+    "css:lineheight:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/lineheight_automation/lineHeightErrorCheck.js ./src/",
     "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
     "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
     "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
+    "css:review": " npm run dubCheck && npm run css:lineheight:validate && npm run theme:validate ",
     "theme:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation validate ./src ./.cli",
     "theme:addignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation addignore ./src ./.cli",
-    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli "
+    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js propValidationArg.json "
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.11.9",
@@ -62,13 +64,13 @@
     "@testing-library/user-event": "^13.0.10",
     "@zohodesk-private/color-variable-preprocessor": "1.1.0",
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
-    "@zohodesk-private/node-plugins": "1.1.1",
-    "@zohodesk-private/react-prop-validator": "1.1.1",
-    "@zohodesk/a11y": "2.1.0",
+    "@zohodesk-private/node-plugins": "^1.1.3",
+    "@zohodesk-private/react-prop-validator": "1.2.0",
+    "@zohodesk/a11y": "2.1.2",
     "@zohodesk/docstool": "1.0.0-alpha-2",
     "@zohodesk/hooks": "2.0.2",
     "@zohodesk/icons": "1.0.19",
-    "@zohodesk/svg": "1.1.6",
+    "@zohodesk/svg": "1.1.8",
     "@zohodesk/utils": "1.3.13",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.3",
@@ -84,12 +86,12 @@
   "peerDependencies": {
     "@zohodesk/icons": "1.0.19",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/svg": "1.1.6",
+    "@zohodesk/svg": "1.1.8",
     "@zohodesk/virtualizer": "1.0.3",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.2",
     "@zohodesk/utils": "1.3.13",
-    "@zohodesk/a11y": "2.1.0"
+    "@zohodesk/a11y": "2.1.2"
   }
 }

package/propValidationArg.json

@@ -0,0 +1,8 @@
+{
+    "inputDir": "./src",
+    "outputDir": "./.cli",
+    "excludeDir":"./.cli",
+    "propUnifiExcludeDir":"./.cli",
+    "propUnifiReport":"propUnifi",
+    "strictMode":""
+}