@zohodesk/dot 1.0.0-temp-156 → 1.0.0-temp-159

package/lib/v1/setup/table/TableHead/TableHead.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TableHead;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../../setup/table/TableHead/props/defaultProps");
+
+var _propTypes = require("../../../../setup/table/TableHead/props/propTypes");
+
+var _Layout = require("@zohodesk/components/es/v1/Layout");
+
+var _SetupTableHeadModule = _interopRequireDefault(require("../../../../setup/table/TableHead/SetupTableHead.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function TableHead(props) {
+  var children = props.children,
+      className = props.className,
+      onMouseEnter = props.onMouseEnter,
+      onMouseLeave = props.onMouseLeave,
+      dataId = props.dataId;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: "".concat(_SetupTableHeadModule["default"].container, " ").concat(className, " "),
+    dataId: dataId,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    align: "vertical",
+    className: _SetupTableHeadModule["default"].subContainer
+  }, children));
+}
+
+TableHead.defaultProps = _defaultProps.defaultProps;
+TableHead.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+//   TableHead.docs = {
+//     componentGroup: 'Table',
+//     folderName: 'Setup'
+//   };
+// }

package/lib/v1/setup/table/TableRow/TableRow.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TableRow;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../../setup/table/TableRow/props/defaultProps");
+
+var _propTypes = require("../../../../setup/table/TableRow/props/propTypes");
+
+var _Layout = require("@zohodesk/components/es/v1/Layout");
+
+var _SetupTableRowModule = _interopRequireDefault(require("../../../../setup/table/TableRow/SetupTableRow.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function TableRow(props) {
+  var children = props.children,
+      eleRef = props.eleRef,
+      eleStyle = props.eleStyle,
+      className = props.className,
+      dataId = props.dataId,
+      onMouseEnter = props.onMouseEnter,
+      onMouseLeave = props.onMouseLeave,
+      onClick = props.onClick;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    dataId: dataId,
+    eleRef: eleRef,
+    style: eleStyle,
+    align: "vertical",
+    isCover: false,
+    alignBox: "row",
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    className: "".concat(_SetupTableRowModule["default"].container, " ").concat(className),
+    onClick: onClick
+  }, children);
+}
+
+TableRow.defaultProps = _defaultProps.defaultProps;
+TableRow.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+//   TableRow.docs = {
+//     componentGroup: 'Table',
+//     folderName: 'Setup'
+//   };
+// }

package/lib/v1/setup/table/Text/Text.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Text;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../../setup/table/Text/props/defaultProps");
+
+var _propTypes = require("../../../../setup/table/Text/props/propTypes");
+
+var _Link = _interopRequireDefault(require("../../../../Link/Link"));
+
+var _TableTextModule = _interopRequireDefault(require("../../../../setup/table/Text/TableText.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Text(props) {
+  var text = props.text,
+      url = props.url,
+      onClick = props.onClick,
+      type = props.type,
+      palette = props.palette,
+      className = props.className,
+      size = props.size,
+      dataId = props.dataId,
+      _props$title = props.title,
+      title = _props$title === void 0 ? null : _props$title,
+      target = props.target;
+  title = title || text;
+  var textComponent;
+  var classNameCheck = "".concat(type ? _TableTextModule["default"][type] : '', "  ").concat(_TableTextModule["default"]["".concat(palette, "Color")], " ").concat(_TableTextModule["default"][size], " ").concat(className, " ").concat(onClick ? _TableTextModule["default"].isClickable : '');
+
+  if (url) {
+    textComponent = /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      title: title,
+      dataId: dataId,
+      href: url,
+      target: target,
+      className: classNameCheck,
+      onClick: onClick
+    }, text);
+  } else {
+    textComponent = /*#__PURE__*/_react["default"].createElement("div", {
+      "data-title": title,
+      "data-id": dataId,
+      "data-test-id": dataId,
+      className: classNameCheck,
+      onClick: onClick
+    }, text);
+  }
+
+  return textComponent;
+}
+
+Text.defaultProps = _defaultProps.defaultProps;
+Text.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+//   Text.docs = {
+//     componentGroup: 'Text',
+//     folderName: 'Setup'
+//   };
+// }

package/lib/v1/setup/table/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _Table["default"];
+  }
+});
+Object.defineProperty(exports, "TableBody", {
+  enumerable: true,
+  get: function get() {
+    return _TableBody["default"];
+  }
+});
+Object.defineProperty(exports, "TableData", {
+  enumerable: true,
+  get: function get() {
+    return _TableData["default"];
+  }
+});
+Object.defineProperty(exports, "TableHead", {
+  enumerable: true,
+  get: function get() {
+    return _TableHead["default"];
+  }
+});
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function get() {
+    return _TableRow["default"];
+  }
+});
+
+var _Table = _interopRequireDefault(require("./Table/Table"));
+
+var _TableBody = _interopRequireDefault(require("./TableBody/TableBody"));
+
+var _TableData = _interopRequireDefault(require("./TableData/TableData"));
+
+var _TableHead = _interopRequireDefault(require("./TableHead/TableHead"));
+
+var _TableRow = _interopRequireDefault(require("./TableRow/TableRow"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/v1/svg/PlusIcon.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = PlusIcon;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../svg/props/defaultProps");
+
+var _propTypes = require("../../svg/props/propTypes");
+
+var _SVG = _interopRequireDefault(require("@zohodesk/svg/lib/v1/SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function PlusIcon(props) {
+  var isRender = props.isRender,
+      isSymbol = props.isSymbol,
+      className = props.className;
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
+    viewBox: "0 0 32 32",
+    name: "PlusIcon",
+    isRender: isRender,
+    isSymbol: isSymbol,
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+    style: {
+      fill: '#767d89'
+    },
+    d: "M16,2.7c0.4,0,0.7,0.1,0.9,0.4s0.4,0.6,0.4,0.9v10.7H28c0.4,0,0.7,0.1,0.9,0.4c0.3,0.3,0.4,0.6,0.4,0.9 c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4H17.3V28c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4 c-0.3-0.3-0.4-0.6-0.4-0.9V17.3H4c-0.4,0-0.7-0.1-0.9-0.4S2.7,16.4,2.7,16s0.1-0.7,0.4-0.9c0.3-0.3,0.6-0.4,0.9-0.4h10.7V4 c0-0.4,0.1-0.7,0.4-0.9C15.3,2.8,15.6,2.7,16,2.7z"
+  })));
+}
+
+PlusIcon.propTypes = _propTypes.PlusIcon_propTypes;
+PlusIcon.defaultProps = _defaultProps.PlusIcon_defaultProps;

package/lib/v1/svg/SnippetIcon.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = SnippetIcon;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../svg/props/defaultProps");
+
+var _propTypes = require("../../svg/props/propTypes");
+
+var _SVG = _interopRequireDefault(require("@zohodesk/svg/lib/v1/SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function SnippetIcon(props) {
+  var isRender = props.isRender,
+      isSymbol = props.isSymbol,
+      className = props.className;
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
+    viewBox: "0 0 31 32",
+    name: "SnippetIcon",
+    isRender: isRender,
+    isSymbol: isSymbol,
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M14.4,8.2L15.6,9L16,8.4l-1-0.7l2.5-3.7L11.5,0L8.9,3.8L7.9,3L7.6,3.6l1.2,0.8c-2.3,3-5.9,0.8-6,0.7L2.3,4.9L0,23.8 l16.6-9.3l-0.4-0.3C15.9,13.9,12.6,11.5,14.4,8.2L14.4,8.2z M1.5,22l5.2-7.7c0.3,0.1,0.6,0.2,0.9,0.2c1.2,0,2.1-0.9,2.2-2.1 c0-1.2-0.9-2.1-2.1-2.2c-1.2,0-2.1,0.9-2.2,2.1c0,0.6,0.2,1.2,0.7,1.6L1,21.6L2.8,6c1.2,0.6,4.4,1.7,6.5-1.1l4.5,3 c-1.8,3,0.4,5.6,1.4,6.5L1.5,22L1.5,22z M6.7,13.6c-0.7-0.4-0.8-1.3-0.4-2s1.3-0.8,2-0.4c0.7,0.4,0.8,1.3,0.4,2 c-0.2,0.3-0.5,0.5-0.9,0.6C7.5,13.9,7.1,13.8,6.7,13.6L6.7,13.6z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    style: {
+      fill: '#03A3FE'
+    },
+    d: "M30.9,25c-4.9,0.7-5.4,1.2-5.9,6.7c-0.6-5.4-1.1-6-6.1-6.5c4.9-0.7,5.4-1.2,5.9-6.7 C25.4,23.9,25.9,24.5,30.9,25z M30.3,8.2c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C25.4,7.1,25.8,7.6,30.3,8.2z M16.2,25.7c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C11.3,24.6,11.7,25.1,16.2,25.7z"
+  })));
+}
+
+SnippetIcon.propTypes = _propTypes.SnippetIcon_propTypes;
+SnippetIcon.defaultProps = _defaultProps.SnippetIcon_defaultProps;

package/lib/v1/svg/TemplateIcon.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TemplateIcon;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../svg/props/defaultProps");
+
+var _propTypes = require("../../svg/props/propTypes");
+
+var _SVG = _interopRequireDefault(require("@zohodesk/svg/lib/v1/SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function TemplateIcon(props) {
+  var isRender = props.isRender,
+      isSymbol = props.isSymbol,
+      className = props.className;
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
+    viewBox: "0 0 40 40",
+    name: "TemplateIcon",
+    isRender: isRender,
+    isSymbol: isSymbol,
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M33.09,3H6.91A3.91,3.91,0,0,0,3,6.91V33.09A3.91,3.91,0,0,0,6.91,37H33.09A3.91,3.91,0,0,0,37,33.09V6.91A3.92,3.92,0,0,0,33.09,3ZM6.91,5H33.09A1.92,1.92,0,0,1,35,6.91v4.62H5V6.91A1.92,1.92,0,0,1,6.91,5ZM33.09,35H6.91A1.92,1.92,0,0,1,5,33.09V13.53H35V33.09A1.92,1.92,0,0,1,33.09,35Z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M9.33,9.33A1.07,1.07,0,1,0,8.27,8.27,1.06,1.06,0,0,0,9.33,9.33Z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M13.6,9.33a1.07,1.07,0,1,0-1.07-1.06A1.06,1.06,0,0,0,13.6,9.33Z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M24.87,23H21V19.13a1,1,0,1,0-2,0V23H15.13a1,1,0,0,0,0,2H19v3.86a1,1,0,0,0,2,0V25h3.87a1,1,0,1,0,0-2Z"
+  }));
+}
+
+TemplateIcon.propTypes = _propTypes.TemplateIcon_propTypes;
+TemplateIcon.defaultProps = _defaultProps.TemplateIcon_defaultProps;

package/lib/v1/svg/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PlusIcon", {
+  enumerable: true,
+  get: function get() {
+    return _PlusIcon["default"];
+  }
+});
+Object.defineProperty(exports, "SnippetIcon", {
+  enumerable: true,
+  get: function get() {
+    return _SnippetIcon["default"];
+  }
+});
+Object.defineProperty(exports, "TemplateIcon", {
+  enumerable: true,
+  get: function get() {
+    return _TemplateIcon["default"];
+  }
+});
+
+var _PlusIcon = _interopRequireDefault(require("./PlusIcon"));
+
+var _SnippetIcon = _interopRequireDefault(require("./SnippetIcon"));
+
+var _TemplateIcon = _interopRequireDefault(require("./TemplateIcon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/version2/AlertClose/AlertClose.js

@@ -1,46 +1,68 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = require("./props/propTypes");
+
 var _icons = require("@zohodesk/icons");
+
 var _Layout = require("@zohodesk/components/lib/Layout");
+
 var _AlertCloseModule = _interopRequireDefault(require("./AlertClose.module.css"));
+
 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); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var AlertClose = /*#__PURE__*/function (_PureComponent) {
   _inherits(AlertClose, _PureComponent);
+
   var _super = _createSuper(AlertClose);
+
   function AlertClose() {
     _classCallCheck(this, AlertClose);
+
     return _super.apply(this, arguments);
   }
+
   _createClass(AlertClose, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        onClose = _this$props.onClose,
-        dataId = _this$props.dataId,
-        dataTitle = _this$props.dataTitle,
-        type = _this$props.type,
-        customClass = _this$props.customClass;
+          onClose = _this$props.onClose,
+          dataId = _this$props.dataId,
+          dataTitle = _this$props.dataTitle,
+          type = _this$props.type,
+          customClass = _this$props.customClass;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         className: "".concat(_AlertCloseModule["default"].close, " ").concat(type ? _AlertCloseModule["default"][type] : '', " ").concat(customClass ? customClass : ''),
         "data-title": dataTitle,
@@ -59,12 +81,12 @@ var AlertClose = /*#__PURE__*/function (_PureComponent) {
       })));
     }
   }]);
+
   return AlertClose;
 }(_react.PureComponent);
-exports["default"] = AlertClose;
-AlertClose.propTypes = _propTypes.propTypes;
 
-// if (__DOCS__) {
+exports["default"] = AlertClose;
+AlertClose.propTypes = _propTypes.propTypes; // if (__DOCS__) {
 //   AlertClose.docs = {
 //     componentGroup: 'AlertClose',
 //     folderName: 'Alert'

package/lib/version2/AlertClose/AlertClose.module.css

@@ -1,6 +1,6 @@
 .close {
-  width: 25px;
-  height: 25px;
+  width: var(--zd_size25) ;
+  height: var(--zd_size25) ;
   color: var(--zdt_commonalert_close_icon);
   border-radius: var(--zd_size4);
   cursor: pointer;

package/lib/version2/AlertClose/props/propTypes.js

@@ -4,8 +4,11 @@ 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 = {
   customClass: _propTypes["default"].string,
   dataId: _propTypes["default"].string,