@zohodesk/dot 1.0.0-temp-157 → 1.0.0-temp-160

package/lib/v1/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -0,0 +1,212 @@
+"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.SetupContent = SetupContent;
+exports.SetupFooter = SetupFooter;
+exports.SetupHeader = SetupHeader;
+exports["default"] = SetupDetailLayout;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _defaultProps = require("../../../layout/SetupDetailLayout/props/defaultProps");
+
+var _propTypes = require("../../../layout/SetupDetailLayout/props/propTypes");
+
+var _Layout = require("@zohodesk/components/es/v1/Layout");
+
+var _icons = require("@zohodesk/icons");
+
+var _SetupDetailLayoutModule = _interopRequireDefault(require("../../../layout/SetupDetailLayout/SetupDetailLayout.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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function SetupDetailLayout(props) {
+  var children = props.children,
+      needHelpInfo = props.needHelpInfo,
+      getHelpInfo = props.getHelpInfo,
+      helpInfoTitle = props.helpInfoTitle,
+      dataId = props.dataId,
+      i18nKeys = props.i18nKeys;
+  var _i18nKeys$closeText = i18nKeys.closeText,
+      closeText = _i18nKeys$closeText === void 0 ? 'Close' : _i18nKeys$closeText;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isHelpInfoOpen = _useState2[0],
+      setHelpInfoOpen = _useState2[1];
+
+  function toggleHelpInfo() {
+    setHelpInfoOpen(!isHelpInfoOpen);
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    isScrollAttribute: true,
+    dataId: dataId
+  }, _react["default"].Children.map(children, function (child) {
+    if (child && child.type == SetupHeader) {
+      return /*#__PURE__*/_react["default"].cloneElement(child, {
+        openHelpInfo: toggleHelpInfo,
+        needHelpInfo: needHelpInfo
+      });
+    }
+
+    return child;
+  }), getHelpInfo ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: "".concat(_SetupDetailLayoutModule["default"].popup, " ").concat(isHelpInfoOpen ? _SetupDetailLayoutModule["default"].open : _SetupDetailLayoutModule["default"].close),
+    dataId: "".concat(dataId, "_infobox")
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    align: "vertical",
+    className: _SetupDetailLayoutModule["default"].infoHeader
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: _SetupDetailLayoutModule["default"].infoIcon
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-info31"
+  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    className: _SetupDetailLayoutModule["default"].infoText
+  }, helpInfoTitle), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: toggleHelpInfo,
+    className: _SetupDetailLayoutModule["default"].infoClose,
+    "data-title": closeText,
+    "data-id": "".concat(dataId, "_close"),
+    "data-test-id": "".concat(dataId, "_close")
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-close"
+  }))))), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    scroll: "vertical",
+    className: _SetupDetailLayoutModule["default"].infoFooter
+  }, getHelpInfo()))) : null);
+}
+
+SetupDetailLayout.propTypes = _propTypes.SetupDetailLayout_propTypes;
+SetupDetailLayout.defaultProps = _defaultProps.SetupDetailLayout_defaultProps;
+
+function SetupHeader(props) {
+  var title = props.title,
+      needBack = props.needBack,
+      onBackClick = props.onBackClick,
+      openHelpInfo = props.openHelpInfo,
+      needHelpInfo = props.needHelpInfo,
+      needHelpInfoWrapper = props.needHelpInfoWrapper,
+      getLeftPlaceHolder = props.getLeftPlaceHolder,
+      getRightPlaceHolder = props.getRightPlaceHolder,
+      leftClassName = props.leftClassName,
+      rightClassName = props.rightClassName,
+      isCustomizedHeader = props.isCustomizedHeader,
+      headerCustomStyle = props.headerCustomStyle,
+      dataId = props.dataId,
+      i18nKeys = props.i18nKeys;
+  var _i18nKeys$infoText = i18nKeys.infoText,
+      infoText = _i18nKeys$infoText === void 0 ? 'Help' : _i18nKeys$infoText,
+      _i18nKeys$backText = i18nKeys.backText,
+      backText = _i18nKeys$backText === void 0 ? 'Back' : _i18nKeys$backText;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: isCustomizedHeader === true ? headerCustomStyle : _SetupDetailLayoutModule["default"].header,
+    dataId: dataId
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    align: "vertical"
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: _SetupDetailLayoutModule["default"].back
+  }, needBack ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: _SetupDetailLayoutModule["default"].backIcon,
+    onClick: onBackClick,
+    "data-title": backText,
+    "data-id": "".concat(dataId, "_back"),
+    "data-test-id": "".concat(dataId, "_back")
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-back"
+  })) : null), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: !getLeftPlaceHolder && !getRightPlaceHolder ? true : false,
+    className: _SetupDetailLayoutModule["default"].title,
+    dataId: "".concat(dataId, "_title")
+  }, title), getLeftPlaceHolder ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    shrink: true,
+    adjust: getRightPlaceHolder ? true : false,
+    className: leftClassName
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    align: "vertical",
+    alignBox: "row"
+  }, getLeftPlaceHolder())) : null, getRightPlaceHolder ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    shrink: true,
+    adjust: getLeftPlaceHolder ? true : false,
+    className: rightClassName
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    align: "vertical",
+    alignBox: "row",
+    className: _SetupDetailLayoutModule["default"].rightPanel
+  }, getRightPlaceHolder())) : null, needHelpInfo ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, needHelpInfoWrapper ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: _SetupDetailLayoutModule["default"].helpInfoCont
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: _SetupDetailLayoutModule["default"].helpInfo,
+    onClick: openHelpInfo,
+    "data-title": infoText,
+    "data-id": "".concat(dataId, "_info"),
+    "data-test-id": "".concat(dataId, "_info")
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-info31"
+  }))) : /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_SetupDetailLayoutModule["default"].helpInfo, " ").concat(_SetupDetailLayoutModule["default"].mr15),
+    onClick: openHelpInfo,
+    "data-title": infoText,
+    "data-id": "".concat(dataId, "_info"),
+    "data-test-id": "".concat(dataId, "_info")
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-info31"
+  }))) : null));
+}
+
+SetupHeader.propTypes = _propTypes.SetupHeader_propTypes;
+SetupHeader.defaultProps = _defaultProps.SetupHeader_defaultProps;
+
+function SetupContent(props) {
+  var children = props.children,
+      needPadding = props.needPadding,
+      className = props.className,
+      dataId = props.dataId;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    scroll: "vertical",
+    className: "".concat(className ? className : '', " ").concat(_SetupDetailLayoutModule["default"].content, " ").concat(needPadding ? _SetupDetailLayoutModule["default"].padding : '', " "),
+    isScrollAttribute: true,
+    dataId: dataId
+  }, children);
+}
+
+SetupContent.propTypes = _propTypes.SetupContent_propTypes;
+SetupContent.defaultProps = _defaultProps.SetupContent_defaultProps;
+
+function SetupFooter(props) {
+  var children = props.children,
+      dataId = props.dataId;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    dataId: dataId
+  }, children);
+}
+
+SetupFooter.propTypes = _propTypes.SetupFooter_propTypes;
+SetupFooter.defaultProps = _defaultProps.SetupFooter_defaultProps;

package/lib/v1/layout/SetupDetailLayout/index.js

@@ -0,0 +1,37 @@
+"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
+});
+Object.defineProperty(exports, "SetupContent", {
+  enumerable: true,
+  get: function get() {
+    return _SetupDetailLayout.SetupContent;
+  }
+});
+Object.defineProperty(exports, "SetupDetailLayout", {
+  enumerable: true,
+  get: function get() {
+    return _SetupDetailLayout["default"];
+  }
+});
+Object.defineProperty(exports, "SetupFooter", {
+  enumerable: true,
+  get: function get() {
+    return _SetupDetailLayout.SetupFooter;
+  }
+});
+Object.defineProperty(exports, "SetupHeader", {
+  enumerable: true,
+  get: function get() {
+    return _SetupDetailLayout.SetupHeader;
+  }
+});
+
+var _SetupDetailLayout = _interopRequireWildcard(require("./SetupDetailLayout"));
+
+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; }

package/lib/v1/layout/SubtabLayout/SubtabLayout.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubtabContent = SubtabContent;
+exports.SubtabFooter = SubtabFooter;
+exports.SubtabHeader = SubtabHeader;
+exports["default"] = SubtabLayout;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../../layout/SubtabLayout/props/propTypes");
+
+var _defaultProps = require("../../../layout/SubtabLayout/props/defaultProps");
+
+var _Layout = require("@zohodesk/components/es/v1/Layout");
+
+var _Card = require("@zohodesk/components/es/v1/Card");
+
+var _PlusIcon = _interopRequireDefault(require("../../PlusIcon/PlusIcon"));
+
+var _SubtabLayoutModule = _interopRequireDefault(require("../../../layout/SubtabLayout/SubtabLayout.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+function SubtabHeader(props) {
+  var onAdd = props.onAdd,
+      getLeftPlaceHolder = props.getLeftPlaceHolder,
+      title = props.title,
+      label = props.label,
+      getRightPlaceHolder = props.getRightPlaceHolder,
+      type = props.type,
+      leftClassName = props.leftClassName,
+      rightClassName = props.rightClassName,
+      className = props.className,
+      needBorder = props.needBorder,
+      needShadow = props.needShadow,
+      needPlusIconLine = props.needPlusIconLine,
+      children = props.children,
+      dataId = props.dataId,
+      isPeekView = props.isPeekView;
+  return /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, {
+    customClass: "".concat(_SubtabLayoutModule["default"].tabHead, " ").concat(needShadow ? _SubtabLayoutModule["default"].shadowStyle : '', " ").concat(needBorder ? "".concat(_SubtabLayoutModule["default"][type], "_borderStyle") : '')
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    className: " ".concat(className, " ").concat(isPeekView ? "".concat(_SubtabLayoutModule["default"][type], "_peek") : _SubtabLayoutModule["default"][type]),
+    align: "vertical"
+  }, onAdd || children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: "".concat(_SubtabLayoutModule["default"].left, " ").concat(needPlusIconLine ? _SubtabLayoutModule["default"].plusIconLine : '')
+  }, onAdd ? /*#__PURE__*/_react["default"].createElement(_PlusIcon["default"], {
+    dataId: dataId,
+    onClick: onAdd
+  }) : children) : null, title ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: "".concat(_SubtabLayoutModule["default"].title, " ").concat(onAdd ? _SubtabLayoutModule["default"].cursor : ''),
+    onClick: onAdd ? onAdd : null
+  }, title) : null, getLeftPlaceHolder && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    shrink: true,
+    adjust: getRightPlaceHolder ? true : false,
+    className: leftClassName
+  }, label ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: _SubtabLayoutModule["default"].label
+  }, label) : null, getLeftPlaceHolder), getRightPlaceHolder && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    shrink: true,
+    adjust: getLeftPlaceHolder ? true : false,
+    className: rightClassName
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    align: "vertical",
+    className: _SubtabLayoutModule["default"].aside
+  }, getRightPlaceHolder))));
+}
+
+SubtabHeader.propTypes = _propTypes.SubtabHeader_propTypes;
+SubtabHeader.defaultProps = _defaultProps.SubtabHeader_defaultProps;
+
+function SubtabFooter(props) {
+  var isPeekView = props.isPeekView,
+      getRightFooterPlaceHolder = props.getRightFooterPlaceHolder,
+      dataId = props.dataId,
+      children = props.children,
+      className = props.className,
+      leftClassName = props.leftClassName,
+      rightClassName = props.rightClassName,
+      size = props.size,
+      needPadding = props.needPadding,
+      type = props.type;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    align: "vertical",
+    className: " ".concat(_SubtabLayoutModule["default"].footer, "  ").concat(needPadding ? isPeekView ? "".concat(_SubtabLayoutModule["default"][type], "_peekFooter") : "".concat(_SubtabLayoutModule["default"][type], "_detailFooter") : '', " ").concat(_SubtabLayoutModule["default"][size], " ").concat(className),
+    dataId: dataId
+  }, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    shrink: true,
+    className: leftClassName
+  }, children) : null, getRightFooterPlaceHolder ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    shrink: true,
+    className: rightClassName
+  }, getRightFooterPlaceHolder) : null);
+}
+
+SubtabFooter.propTypes = _propTypes.SubtabFooter_propTypes;
+SubtabFooter.defaultProps = _defaultProps.SubtabFooter_defaultProps;
+
+function SubtabContent(props) {
+  var children = props.children,
+      scroll = props.scroll,
+      className = props.className,
+      eleRef = props.eleRef,
+      dataId = props.dataId,
+      onScroll = props.onScroll;
+  return /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
+    scroll: scroll,
+    isScrollAttribute: true,
+    onScroll: onScroll,
+    customClass: className ? className : '',
+    eleRef: eleRef,
+    dataId: dataId
+  }, children);
+}
+
+SubtabContent.propTypes = _propTypes.SubtabContent_propTypes;
+SubtabContent.defaultProps = _defaultProps.SubtabContent_defaultProps;
+
+function SubtabLayout(props) {
+  var children = props.children,
+      dataId = props.dataId;
+  return /*#__PURE__*/_react["default"].createElement(_Card.Card, _extends({
+    isScrollAttribute: true,
+    dataId: dataId
+  }, props, {
+    childTypes: {
+      cardHeader: SubtabHeader,
+      cardContent: SubtabContent
+    }
+  }), children);
+}
+
+SubtabLayout.defaultProps = _defaultProps.SubtabLayout_defaultProps;
+SubtabLayout.propTypes = _propTypes.SubtabLayout_propTypes;

package/lib/v1/layout/SubtabLayout/index.js

@@ -0,0 +1,37 @@
+"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
+});
+Object.defineProperty(exports, "SubtabContent", {
+  enumerable: true,
+  get: function get() {
+    return _SubtabLayout.SubtabContent;
+  }
+});
+Object.defineProperty(exports, "SubtabFooter", {
+  enumerable: true,
+  get: function get() {
+    return _SubtabLayout.SubtabFooter;
+  }
+});
+Object.defineProperty(exports, "SubtabHeader", {
+  enumerable: true,
+  get: function get() {
+    return _SubtabLayout.SubtabHeader;
+  }
+});
+Object.defineProperty(exports, "SubtabLayout", {
+  enumerable: true,
+  get: function get() {
+    return _SubtabLayout["default"];
+  }
+});
+
+var _SubtabLayout = _interopRequireWildcard(require("./SubtabLayout"));
+
+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; }

package/lib/v1/list/AvatarFlip/AvatarFlip.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AvatarFlip;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/AvatarFlip/props/defaultProps");
+
+var _propTypes = require("../../../list/AvatarFlip/props/propTypes");
+
+var _FlipCard = _interopRequireDefault(require("../../FlipCard/FlipCard"));
+
+var _AvatarFlipModule = _interopRequireDefault(require("../../../list/AvatarFlip/AvatarFlip.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function AvatarFlip(props) {
+  var id = props.id,
+      action = props.action,
+      name = props.name,
+      isChecked = props.isChecked,
+      onChange = props.onChange,
+      noNeedFlip = props.noNeedFlip,
+      size = props.size,
+      onClick = props.onClick,
+      isPaidUser = props.isPaidUser,
+      isPortalUser = props.isPortalUser,
+      channel = props.channel,
+      src = props.src,
+      icon = props.icon,
+      initial = props.initial,
+      dataId = props.dataId,
+      className = props.className,
+      palette = props.palette,
+      textPalette = props.textPalette,
+      customTextClass = props.customTextClass,
+      frontClass = props.frontClass,
+      needTitle = props.needTitle,
+      tourId = props.tourId,
+      iconSize = props.iconSize,
+      isFilledCheckbox = props.isFilledCheckbox,
+      channelTitle = props.channelTitle,
+      customProps = props.customProps;
+  return /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+    id: id,
+    action: action,
+    name: name,
+    initial: initial,
+    isChecked: isChecked,
+    onChange: onChange,
+    noNeedFlip: noNeedFlip,
+    size: size,
+    onClick: onClick,
+    isPaidUser: isPaidUser,
+    isPortalUser: isPortalUser,
+    channel: channel,
+    src: src,
+    icon: icon,
+    iconSize: iconSize,
+    iconClass: "".concat(_AvatarFlipModule["default"].iconStyle),
+    dataId: dataId,
+    ticListContainer: "tic-list-filp-cont",
+    ticList: "tic-list-filp",
+    className: className,
+    palette: palette,
+    textPalette: textPalette,
+    customTextClass: customTextClass,
+    frontClass: frontClass,
+    needTitle: needTitle,
+    tourId: tourId,
+    isFilledCheckbox: isFilledCheckbox,
+    channelTitle: channelTitle,
+    customProps: customProps
+  });
+}
+
+AvatarFlip.propTypes = _propTypes.propTypes;
+AvatarFlip.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+//   AvatarFlip.docs = {
+//     folderName: 'List',
+//     componentGroup: 'AvatarFlip'
+//   };
+// }

package/lib/v1/list/BluePrintStatus/BluePrintStatus.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = BluePrintStatus;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../../list/BluePrintStatus/props/propTypes");
+
+var _BluePrintStatusModule = _interopRequireDefault(require("../../../list/BluePrintStatus/BluePrintStatus.module.css"));
+
+var _icons = require("@zohodesk/icons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function BluePrintStatus(props) {
+  var title = props.title;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_BluePrintStatusModule["default"].container)
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-blueprint",
+    title: title,
+    iconClass: _BluePrintStatusModule["default"].iconStyle
+  }));
+}
+
+BluePrintStatus.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+//   BluePrintStatus.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

package/lib/v1/list/Comment/Comment.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Comment;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/Comment/props/defaultProps");
+
+var _propTypes = require("../../../list/Comment/props/propTypes");
+
+var _icons = require("@zohodesk/icons");
+
+var _i18n = require("@zohodesk/i18n");
+
+var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/semantic/Button/Button"));
+
+var _CommentModule = _interopRequireDefault(require("../../../list/Comment/Comment.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Comment(props) {
+  var count = props.count,
+      onClick = props.onClick,
+      className = props.className;
+  var i18N = _i18n.i18NProviderUtils.getI18NValue;
+  var commentCount = parseInt(count);
+  var commentTitle = !commentCount ? i18N('tabs.request.comment') : commentCount > 1 ? i18N('support.comment.many', count) : i18N('support.comment.one');
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    customClass: "".concat(_CommentModule["default"].container, " ").concat(className, " "),
+    onClick: onClick,
+    dataId: "commentLstContainer",
+    title: commentTitle,
+    a11y: {
+      ariaLabel: commentTitle
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-TK-commentLine",
+    iconClass: _CommentModule["default"].commentIcon
+  }), count && /*#__PURE__*/_react["default"].createElement("span", {
+    className: _CommentModule["default"].count
+  }, count));
+}
+
+Comment.defaultProps = _defaultProps.defaultProps;
+Comment.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+//   Comment.docs = {
+//     folderName: 'List',
+//     componentGroup: 'Comment'
+//   };
+// }