@zohodesk/dot 1.0.0 → 1.2.0

package/lib/v1/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CommonEmptyState;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../emptystate/CommonEmptyState/props/defaultProps");
+
+var _propTypes = require("../../../emptystate/CommonEmptyState/props/propTypes");
+
+var _Link = _interopRequireDefault(require("../../Link/Link"));
+
+var _CommonEmptyStateModule = _interopRequireDefault(require("../../../emptystate/CommonEmptyState/CommonEmptyState.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function CommonEmptyState(props) {
+  var title = props.title,
+      description = props.description,
+      linkDescription = props.linkDescription,
+      linkUrl = props.linkUrl,
+      linkText = props.linkText,
+      linkTarget = props.linkTarget,
+      onUrlClick = props.onUrlClick,
+      getEmptyState = props.getEmptyState,
+      className = props.className,
+      dataId = props.dataId,
+      isFluid = props.isFluid,
+      children = props.children,
+      size = props.size,
+      palette = props.palette,
+      customClass = props.customClass;
+  var _customClass$titleCla = customClass.titleClass,
+      titleClass = _customClass$titleCla === void 0 ? '' : _customClass$titleCla,
+      _customClass$descript = customClass.descriptionClass,
+      descriptionClass = _customClass$descript === void 0 ? '' : _customClass$descript;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_CommonEmptyStateModule["default"].container, " ").concat(_CommonEmptyStateModule["default"][size], " ").concat(className, " ").concat(!isFluid ? _CommonEmptyStateModule["default"].fluid : '', " ").concat(_CommonEmptyStateModule["default"][palette]),
+    "data-id": dataId,
+    "data-test-id": dataId
+  }, getEmptyState ? getEmptyState() : null, title ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_CommonEmptyStateModule["default"].title, " ").concat(titleClass)
+  }, title) : null, description ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: _CommonEmptyStateModule["default"].linkWrapper
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_CommonEmptyStateModule["default"].desc, " ").concat(descriptionClass)
+  }, description), !linkDescription && linkText ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    href: linkUrl,
+    className: _CommonEmptyStateModule["default"].link,
+    target: linkTarget,
+    onClick: onUrlClick,
+    dataId: "".concat(dataId, "_primarylink")
+  }, linkText) : null) : null, linkDescription || !description && !linkDescription && linkText ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: _CommonEmptyStateModule["default"].linkDescWrapper
+  }, linkDescription ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_CommonEmptyStateModule["default"].linkDesc)
+  }, linkDescription) : null, linkText ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    href: linkUrl,
+    className: _CommonEmptyStateModule["default"].link,
+    target: linkTarget,
+    onClick: onUrlClick,
+    dataId: "".concat(dataId, "_secondarylink")
+  }, linkText) : null) : null, children ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: _CommonEmptyStateModule["default"].children
+  }, children) : null);
+}
+
+CommonEmptyState.propTypes = _propTypes.propTypes;
+CommonEmptyState.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+//   CommonEmptyState.docs = {
+//     componentGroup: 'EmptyState'
+//   };
+// }

package/lib/v1/emptystate/EditionPage/EditionPage.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = EditionPage;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../emptystate/EditionPage/props/defaultProps");
+
+var _propTypes = require("../../../emptystate/EditionPage/props/propTypes");
+
+var _EmptyCrmPotential = _interopRequireDefault(require("@zohodesk/svg/lib/v1/emptystate/version3/EmptyCrmPotential"));
+
+var _EditionPage = _interopRequireDefault(require("../../../emptystate/EditionPage/EditionPage.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function EditionPage(props) {
+  var title = props.title,
+      subtitle = props.subtitle,
+      information = props.information,
+      dataId = props.dataId,
+      footerText = props.footerText,
+      onButtonClick = props.onButtonClick,
+      butttonText = props.butttonText,
+      children = props.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _EditionPage["default"].editionContainer,
+    "data-id": dataId,
+    "data-test-id": dataId
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _EditionPage["default"].svg
+  }, /*#__PURE__*/_react["default"].createElement(_EmptyCrmPotential["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: _EditionPage["default"].header
+  }, title), subtitle ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: _EditionPage["default"].description
+  }, subtitle) : null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _EditionPage["default"].description
+  }, information ? "".concat(information, " ") : null, butttonText ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: _EditionPage["default"].button,
+    "data-id": "".concat(dataId, "_button"),
+    "data-test-id": "".concat(dataId, "_button"),
+    onClick: onButtonClick
+  }, butttonText) : null), children ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: _EditionPage["default"].content
+  }, children) : null, footerText ? /*#__PURE__*/_react["default"].createElement("div", {
+    "data-id": "".concat(dataId, "_footerText"),
+    "data-test-id": "".concat(dataId, "_footerText"),
+    className: _EditionPage["default"].footer
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: footerText
+    }
+  })) : null);
+}
+
+EditionPage.defaultProps = _defaultProps.defaultProps;
+EditionPage.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+//   EditionPage.docs = {
+//     componentGroup: 'EmptyState'
+//   };
+// }

package/lib/v1/lookup/Lookup/Lookup.js

@@ -0,0 +1,130 @@
+"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"] = Lookup;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _defaultProps = require("../../../lookup/Lookup/props/defaultProps");
+
+var _propTypes = require("../../../lookup/Lookup/props/propTypes");
+
+var _FreezeLayer = _interopRequireDefault(require("../../../FreezeLayer/FreezeLayer"));
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _FocusScope = _interopRequireDefault(require("@zohodesk/a11y/es/FocusScope/FocusScope"));
+
+var _LookupModule = _interopRequireDefault(require("../../../lookup/Lookup/Lookup.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 ***/
+
+/*** Components ***/
+
+/*** CSS ***/
+
+/*eslint-disable react/forbid-component-props */
+function Lookup(props) {
+  var isActive = props.isActive,
+      children = props.children,
+      size = props.size,
+      dataId = props.dataId,
+      forwardRef = props.forwardRef,
+      onClick = props.onClick,
+      customClass = props.customClass,
+      htmlId = props.htmlId,
+      a11y = props.a11y,
+      childAnimationName = props.childAnimationName,
+      onClose = props.onClose,
+      needFocusScope = props.needFocusScope,
+      customProps = props.customProps,
+      onKeyDown = props.onKeyDown;
+  var _a11y$role = a11y.role,
+      role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
+      ariaLabelledby = a11y.ariaLabelledby,
+      ariaDescribedby = a11y.ariaDescribedby,
+      _a11y$ariaModal = a11y.ariaModal,
+      ariaModal = _a11y$ariaModal === void 0 ? isActive ? true : undefined : _a11y$ariaModal;
+  var _customProps$focusSco = customProps.focusScopeProps,
+      focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
+  var _focusScopeProps$auto = focusScopeProps.autoFocus,
+      autoFocus = _focusScopeProps$auto === void 0 ? true : _focusScopeProps$auto,
+      _focusScopeProps$rest = focusScopeProps.restoreFocus,
+      restoreFocus = _focusScopeProps$rest === void 0 ? true : _focusScopeProps$rest,
+      _focusScopeProps$need = focusScopeProps.needArrowLoop,
+      needArrowLoop = _focusScopeProps$need === void 0 ? false : _focusScopeProps$need,
+      _focusScopeProps$need2 = focusScopeProps.needTabLoop,
+      needTabLoop = _focusScopeProps$need2 === void 0 ? true : _focusScopeProps$need2,
+      _focusScopeProps$enab = focusScopeProps.enableEnterAction,
+      enableEnterAction = _focusScopeProps$enab === void 0 ? false : _focusScopeProps$enab;
+  var createRef = (0, _react.useRef)(null);
+  var handleKeyDown = (0, _react.useCallback)(function (e) {
+    onKeyDown && onKeyDown(e);
+  }, [onKeyDown]);
+  useEffect(function () {
+    if (isActive) {
+      document.addEventListener('keydown', handleKeyDown);
+    } else {
+      document.removeEventListener('keydown', handleKeyDown);
+    }
+  }, [isActive]);
+  useEffect(function () {
+    return function () {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, []);
+
+  var content = /*#__PURE__*/_react["default"].createElement("div", {
+    ref: createRef,
+    tabIndex: "-1",
+    "data-a11y-need-focus-style": "false",
+    role: role,
+    "aria-labelledby": ariaLabelledby,
+    "aria-describedby": ariaDescribedby,
+    "aria-modal": ariaModal,
+    id: htmlId,
+    className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
+    "data-id": dataId,
+    "data-test-id": dataId
+  }, children);
+
+  return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
+    align: "horizontal",
+    animationName: "fade",
+    childAnimationName: childAnimationName,
+    isActive: isActive,
+    palette: "snow",
+    forwardRef: forwardRef,
+    onClick: onClick,
+    customClass: customClass
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    className: _LookupModule["default"].container,
+    dataId: "fldValue"
+  }, needFocusScope ? /*#__PURE__*/_react["default"].createElement(_FocusScope["default"], {
+    needTabLoop: needTabLoop,
+    needArrowLoop: needArrowLoop,
+    elementRef: createRef,
+    autoFocus: autoFocus,
+    restoreFocus: restoreFocus,
+    onClose: onClose,
+    enableEnterAction: enableEnterAction
+  }, content) : content));
+}
+
+Lookup.propTypes = _propTypes.propTypes;
+Lookup.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+//   Lookup.docs = {
+//     componentGroup: 'Lookup'
+//   };
+// }

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

package/lib/v1/version2/AlertClose/AlertClose.js

@@ -0,0 +1,62 @@
+"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("../../../version2/AlertClose/props/propTypes");
+
+var _icons = require("@zohodesk/icons");
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _AlertCloseModule = _interopRequireDefault(require("../../../version2/AlertClose/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; }
+
+/*** Libraries ***/
+function AlertClose(props) {
+  var onClose = props.onClose,
+      dataId = props.dataId,
+      dataTitle = props.dataTitle,
+      type = props.type,
+      customClass = 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,
+    onClick: onClose,
+    dataId: dataId,
+    align: "both",
+    isInline: true,
+    alignBox: "row",
+    isCover: false,
+    tabIndex: "0"
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "GC-cross",
+    isBold: true,
+    size: "12",
+    iconClass: _AlertCloseModule["default"].closeIcon
+  })));
+}
+
+AlertClose.propTypes = _propTypes.propTypes;
+var MemoizedAlertClose = /*#__PURE__*/(0, _react.memo)(AlertClose);
+MemoizedAlertClose.propTypes = _propTypes.propTypes;
+MemoizedAlertClose.displayName = 'AlertClose';
+var _default = MemoizedAlertClose; // if (__DOCS__) {
+//   AlertClose.docs = {
+//     componentGroup: 'AlertClose',
+//     folderName: 'Alert'
+//   };
+// }
+
+exports["default"] = _default;