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

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

@@ -0,0 +1,206 @@
+"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"] = Search;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _defaultProps = require("../../../../lookup/header/Close/props/defaultProps");
+
+var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/TextBoxIcon/TextBoxIcon"));
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _icons = require("@zohodesk/icons");
+
+var _ToggleDropDown = _interopRequireDefault(require("../../../../dropdown/ToggleDropDown/ToggleDropDown"));
+
+var _debounce = require("@zohodesk/components/lib/utils/debounce");
+
+var _Common = require("@zohodesk/components/es/utils/Common");
+
+var _LookupSearchModule = _interopRequireDefault(require("../../../../lookup/header/Search/LookupSearch.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 _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 _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 Search(props) {
+  var options = props.options,
+      onSelect = props.onSelect,
+      value = props.value,
+      selectedId = props.selectedId,
+      onFocus = props.onFocus,
+      onBlur = props.onBlur,
+      getRef = props.getRef;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isFocus = _useState2[0],
+      setFocus = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isDropDownOpen = _useState4[0],
+      setDropDownOpen = _useState4[1];
+
+  var handleDropDownOpen = function handleDropDownOpen() {
+    setDropDownOpen(true);
+  };
+
+  var handleDropDownClose = function handleDropDownClose() {
+    setDropDownOpen(false);
+  };
+
+  var handleTextBoxFocus = function handleTextBoxFocus(e) {
+    setFocus(true);
+    onFocus && onFocus(e);
+  };
+
+  var handleTextBoxBlur = function handleTextBoxBlur(e) {
+    setFocus(false);
+    onBlur && onBlur(e);
+  };
+
+  var handleGetTextBoxRef = function handleGetTextBoxRef(el) {
+    // textBox = el;
+    getRef && getRef(el);
+  };
+
+  var searchUIExtraProps = {
+    isFocus: isFocus || isDropDownOpen,
+    onFocus: handleTextBoxFocus,
+    onBlur: handleTextBoxBlur,
+    getRef: handleGetTextBoxRef
+  };
+  return options ? /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], {
+    value: value,
+    options: options,
+    onClick: onSelect,
+    needTick: true,
+    isArrow: false,
+    isToggleStateNeeded: true,
+    selectedId: selectedId,
+    onDropDownOpen: handleDropDownOpen,
+    onDropDownClose: handleDropDownClose
+  }, /*#__PURE__*/_react["default"].createElement(SearchUI, _extends({}, props, searchUIExtraProps))) : /*#__PURE__*/_react["default"].createElement(SearchUI, _extends({}, props, searchUIExtraProps));
+}
+
+Search.propTypes = _defaultProps.Search_propTypes;
+
+function SearchUI(props) {
+  var dataId = props.dataId,
+      searchStr = props.searchStr,
+      placeHolder = props.placeHolder,
+      getRef = props.getRef,
+      title = props.title,
+      isBoxed = props.isBoxed,
+      isSearchIconNeed = props.isSearchIconNeed,
+      options = props.options,
+      activeClass = props.activeClass,
+      isFocus = props.isFocus,
+      onFocus = props.onFocus,
+      onBlur = props.onBlur,
+      onSearch = props.onSearch,
+      needOnTypeSearch = props.needOnTypeSearch,
+      onKeyDown = props.onKeyDown,
+      onChange = props.onChange;
+
+  var handleSearch = function handleSearch() {
+    onSearch && onSearch();
+  };
+
+  var debounceHandleSearch = (0, _debounce.debounce)(handleSearch, 500);
+
+  var handleKeyDown = function handleKeyDown(e) {
+    var keyCode = e.keyCode;
+    onKeyDown && onKeyDown(e);
+
+    if (keyCode === 13) {
+      !needOnTypeSearch && onSearch && onSearch();
+    }
+  };
+
+  var handleChange = function handleChange(value) {
+    onChange && onChange(value);
+    needOnTypeSearch && debounceHandleSearch();
+  };
+
+  var handleClear = function handleClear(e) {
+    (0, _Common.cancelBubblingEffect)(e);
+    onChange && onChange('');
+    debounceHandleSearch();
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    isCover: false,
+    alignBox: "row",
+    align: "vertical",
+    className: "".concat(_LookupSearchModule["default"].searchStyle, " ").concat(isBoxed ? _LookupSearchModule["default"].boxStyle : '', " ").concat(isFocus ? "".concat(_LookupSearchModule["default"].active, " ").concat(activeClass ? activeClass : '', " ") : '', " ").concat(searchStr || isFocus ? _LookupSearchModule["default"].focusWidth : '')
+  }, options && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    className: "".concat(_LookupSearchModule["default"].drpSearchBox, " ").concat(isFocus ? _LookupSearchModule["default"].lineActive : ''),
+    isCover: false,
+    align: "vertical",
+    alignBox: "row",
+    "data-title": title
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-search",
+    size: "11"
+  }), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-down",
+    size: "7",
+    iconClass: _LookupSearchModule["default"].iconArrow
+  })), isSearchIconNeed && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: _LookupSearchModule["default"].searchIconBox
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-search",
+    size: "11"
+  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true
+  }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
+    customClass: {
+      customTextBox: "".concat(isBoxed ? _LookupSearchModule["default"].inputBox : '')
+    },
+    customProps: {
+      TextBoxProps: {
+        'data-a11y-autofocus': true
+      }
+    },
+    placeHolder: placeHolder,
+    value: searchStr,
+    onChange: handleChange,
+    onClick: _Common.cancelBubblingEffect,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onKeyDown: handleKeyDown,
+    onMouseDown: _Common.cancelBubblingEffect,
+    dataId: dataId,
+    size: "small",
+    inputRef: getRef,
+    onClear: handleClear,
+    onClearMouseDown: _Common.cancelBubblingEffect
+  })));
+}
+
+SearchUI.defaultProps = _defaultProps.SearchUI_defaultProps;
+SearchUI.propTypes = _defaultProps.SearchUI_propTypes;

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

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TicketHeader;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../../lookup/header/TicketHeader/props/defaultProps");
+
+var _propTypes = require("../../../../lookup/header/TicketHeader/props/propTypes");
+
+var _Title = _interopRequireDefault(require("../Title/Title"));
+
+var _Close = _interopRequireDefault(require("../Close/Close"));
+
+var _Search = _interopRequireDefault(require("../Search/Search"));
+
+var _ViewDropDown = _interopRequireDefault(require("../../../../lookup/header/ViewDropDown/ViewDropDown"));
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _lookupHeaderCommonModule = _interopRequireDefault(require("../../../../lookup/header/lookupHeaderCommon.module.css"));
+
+var _lookupHeaderCommonResponsiveModule = _interopRequireDefault(require("../../../../lookup/header/lookupHeaderCommonResponsive.module.css"));
+
+var _TicketHeaderModule = _interopRequireDefault(require("../../../../lookup/header/TicketHeader/TicketHeader.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/*** Libraries ***/
+
+/*** Components ***/
+
+/*** CSS ***/
+
+/* eslint-disable react/forbid-component-props */
+function TicketHeader(props) {
+  var needSearch = props.needSearch,
+      onLookupClose = props.onLookupClose,
+      searchStr = props.searchStr,
+      onSearchChange = props.onSearchChange,
+      searchPlaceHolder = props.searchPlaceHolder,
+      title = props.title,
+      selectedViewId = props.selectedViewId,
+      onSelectView = props.onSelectView,
+      allViews = props.allViews,
+      onSearch = props.onSearch,
+      needOnTypeSearch = props.needOnTypeSearch,
+      getSearchBoxRef = props.getSearchBoxRef,
+      needViewsList = props.needViewsList,
+      i18nKeys = props.i18nKeys,
+      palette = props.palette;
+  var _i18nKeys$menuEmptyMe = i18nKeys.menuEmptyMessage,
+      menuEmptyMessage = _i18nKeys$menuEmptyMe === void 0 ? 'No matches found' : _i18nKeys$menuEmptyMe;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    align: "vertical",
+    alignBox: "row",
+    className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)], " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
+    isCover: false,
+    wrap: "wrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _lookupHeaderCommonModule["default"].closeContainer
+  }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
+    onClose: onLookupClose,
+    dataId: "close"
+  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "column",
+    className: "".concat(_TicketHeaderModule["default"].innerContainer),
+    isCover: false,
+    wrap: "wrap",
+    dataId: "lookupView"
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: _lookupHeaderCommonModule["default"].title
+  }, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+    text: title
+  })), needViewsList ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: "".concat(_TicketHeaderModule["default"].dropdown),
+    dataId: "filterIdselected"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _TicketHeaderModule["default"].menuWrapper
+  }, /*#__PURE__*/_react["default"].createElement(_ViewDropDown["default"], {
+    dropBoxSize: "small",
+    emptyMessage: menuEmptyMessage,
+    needSearch: true,
+    onChange: onSelectView,
+    options: allViews,
+    textField: "displayLabel",
+    selectedValue: selectedViewId,
+    needCloseOnSelect: true
+  }))) : null)), needSearch ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: "".concat(_lookupHeaderCommonModule["default"].searchContainer, " ").concat(_lookupHeaderCommonResponsiveModule["default"].searchContainer, " ").concat(_TicketHeaderModule["default"].searchContainer)
+  }, /*#__PURE__*/_react["default"].createElement(_Search["default"], {
+    onSearch: onSearch,
+    searchStr: searchStr,
+    onChange: onSearchChange,
+    placeHolder: searchPlaceHolder,
+    dataId: "search",
+    needOnTypeSearch: needOnTypeSearch,
+    getRef: getSearchBoxRef
+  })) : null);
+}
+
+TicketHeader.propTypes = _propTypes.propTypes;
+TicketHeader.defaultProps = _defaultProps.defaultProps;

package/lib/v1/lookup/header/Title/Title.js

@@ -0,0 +1,44 @@
+"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 _defaultProps = require("../../../../lookup/header/Title/props/defaultProps");
+
+var _propTypes = require("../../../../lookup/header/Title/props/propTypes");
+
+var _LookupTitleModule = _interopRequireDefault(require("../../../../lookup/header/Title/LookupTitle.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; }
+
+/*** Libraries ***/
+
+/*** CSS ***/
+function Title(props) {
+  var text = props.text,
+      palette = props.palette,
+      isBold = props.isBold;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_LookupTitleModule["default"].title, " ").concat(_LookupTitleModule["default"][palette], " ").concat(isBold ? _LookupTitleModule["default"].bold : ''),
+    "data-title": text
+  }, text);
+}
+
+Title.propTypes = _propTypes.propTypes;
+Title.defaultProps = _defaultProps.defaultProps;
+var MemoizedTitle = /*#__PURE__*/(0, _react.memo)(Title);
+MemoizedTitle.propTypes = _propTypes.propTypes;
+MemoizedTitle.defaultProps = _defaultProps.defaultProps;
+MemoizedTitle.displayName = 'Close';
+var _default = MemoizedTitle;
+exports["default"] = _default;

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Table;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../../setup/table/Table/props/defaultProps");
+
+var _propTypes = require("../../../../setup/table/Table/props/propTypes");
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Table(props) {
+  var children = props.children,
+      dataId = props.dataId,
+      customClass = props.customClass;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    dataId: dataId,
+    className: customClass
+  }, children);
+}
+
+Table.propTypes = _propTypes.propTypes;
+Table.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+//   Table.docs = {
+//     componentGroup: 'Table',
+//     folderName: 'Setup'
+//   };
+// }

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TableBody;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../../setup/table/TableBody/props/defaultProps");
+
+var _propTypes = require("../../../../setup/table/TableBody/props/propTypes");
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function TableBody(props) {
+  var children = props.children,
+      eleRef = props.eleRef,
+      _props$onScroll = props.onScroll,
+      onScroll = _props$onScroll === void 0 ? function () {} : _props$onScroll,
+      customClass = props.customClass;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    eleRef: eleRef,
+    flexible: true,
+    scroll: "vertical",
+    onScroll: onScroll,
+    className: customClass
+  }, children);
+}
+
+TableBody.propTypes = _propTypes.propTypes;
+TableBody.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+//   TableBody.docs = {
+//     componentGroup: 'Table',
+//     folderName: 'Setup'
+//   };
+// }

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TableData;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../../setup/table/TableData/props/defaultProps");
+
+var _propTypes = require("../../../../setup/table/TableData/props/propTypes");
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _SetupTableDataModule = _interopRequireDefault(require("../../../../setup/table/TableData/SetupTableData.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function TableData(props) {
+  var children = props.children,
+      flexible = props.flexible,
+      shrink = props.shrink,
+      align = props.align,
+      type = props.type,
+      dataId = props.dataId,
+      customClass = props.customClass,
+      eleRef = props.eleRef;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    dataId: dataId,
+    flexible: flexible,
+    shrink: shrink,
+    eleRef: eleRef,
+    className: "".concat(customClass, " ").concat(_SetupTableDataModule["default"].container, " ").concat(type ? _SetupTableDataModule["default"][type] : '', " ").concat(align ? _SetupTableDataModule["default"][align] ? _SetupTableDataModule["default"][align] : '' : '')
+  }, children);
+}
+
+TableData.defaultProps = _defaultProps.defaultProps;
+TableData.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+//   TableData.docs = {
+//     componentGroup: 'Table',
+//     folderName: 'Setup'
+//   };
+// }

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/lib/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/lib/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'
+//   };
+// }