@zohodesk/dot 1.9.1 → 1.9.3

package/lib/v1/ExternalLink/ExternalLink.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
-
-var _ExternalLinkModule = _interopRequireDefault(require("../../ExternalLink/ExternalLink.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); }
-
-var ExternalLink = function ExternalLink(props) {
-  var href = props.href,
-      title = props.title,
-      target = props.target,
-      className = props.className,
-      children = props.children,
-      rel = props.rel,
-      dataId = props.dataId,
-      onClick = props.onClick,
-      customProps = props.customProps;
-
-  var addHttp = function addHttp(url) {
-    var regEx = new RegExp(/(^(ftp|https|mailto|tel|http|simplehelp|dynamicsnav?):)/i);
-
-    if (!regEx.test(url)) {
-      return "http://".concat(url);
-    }
-
-    return url;
-  };
-
-  var urlOutput = href && typeof href !== 'boolean' ? addHttp(String(href)) : 'javascript:void(0);';
-  return /*#__PURE__*/_react["default"].createElement("a", _extends({
-    href: urlOutput,
-    target: target,
-    className: "".concat(_ExternalLinkModule["default"].link, " ").concat(className ? className : ''),
-    "data-title": title,
-    rel: rel,
-    "data-id": dataId,
-    "data-test-id": dataId,
-    onClick: onClick
-  }, customProps), children);
-};
-
-ExternalLink.defaultProps = _defaultProps.defaultProps;
-ExternalLink.propTypes = _propTypes.propTypes;
-var _default = ExternalLink;
-exports["default"] = _default;

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

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultProps = void 0;
-var defaultProps = {
-  rel: 'noopener noreferrer',
-  target: '_blank',
-  customProps: {}
-};
-exports.defaultProps = defaultProps;

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

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var propTypes = {
-  children: _propTypes["default"].node,
-  className: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  href: _propTypes["default"].string,
-  rel: _propTypes["default"].string,
-  target: _propTypes["default"].oneOf(['_blank', '_self']),
-  title: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  customProps: _propTypes["default"].object
-};
-exports.propTypes = propTypes;

package/lib/v1/FlipCard/FlipCard.js

@@ -1,149 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = FlipCard;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
-
-var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/v1/CheckBox/CheckBox"));
-
-var _Layout = require("@zohodesk/components/es/v1/Layout");
-
-var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/Provider/AvatarSize"));
-
-var _ChannelIcon = _interopRequireDefault(require("../ChannelIcon/ChannelIcon"));
-
-var _AvatarIcon = _interopRequireDefault(require("../avatar/AvatarIcon/AvatarIcon"));
-
-var _AvatarUser = _interopRequireDefault(require("../avatar/AvatarUser/AvatarUser"));
-
-var _General = require("../../utils/General");
-
-var _FlipCardModule = _interopRequireDefault(require("../../FlipCard/FlipCard.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 FlipCard(props) {
-  var id = props.id,
-      action = props.action,
-      name = props.name,
-      initial = props.initial,
-      isChecked = props.isChecked,
-      noNeedFlip = props.noNeedFlip,
-      size = props.size,
-      channel = props.channel,
-      isPaidUser = props.isPaidUser,
-      isPortalUser = props.isPortalUser,
-      src = props.src,
-      icon = props.icon,
-      iconSize = props.iconSize,
-      iconClass = props.iconClass,
-      ticListContainer = props.ticListContainer,
-      ticList = props.ticList,
-      dataId = props.dataId,
-      className = props.className,
-      palette = props.palette,
-      textPalette = props.textPalette,
-      customTextClass = props.customTextClass,
-      frontClass = props.frontClass,
-      needTitle = props.needTitle,
-      iconColor = props.iconColor,
-      tourId = props.tourId,
-      isFilledCheckbox = props.isFilledCheckbox,
-      channelTitle = props.channelTitle,
-      customProps = props.customProps;
-  var _customProps$CheckBox = customProps.CheckBoxProps,
-      CheckBoxProps = _customProps$CheckBox === void 0 ? {} : _customProps$CheckBox,
-      _customProps$ChannelI = customProps.ChannelIconProps,
-      ChannelIconProps = _customProps$ChannelI === void 0 ? {} : _customProps$ChannelI,
-      _customProps$AvatarIc = customProps.AvatarIconProps,
-      AvatarIconProps = _customProps$AvatarIc === void 0 ? {} : _customProps$AvatarIc,
-      _customProps$AvatarUs = customProps.AvatarUserProps,
-      AvatarUserProps = _customProps$AvatarUs === void 0 ? {} : _customProps$AvatarUs;
-
-  var onClick = function onClick(e) {
-    if (!noNeedFlip) {
-      (0, _General.stopBubbling)(e);
-    }
-  };
-
-  var onChange = function onChange(isChecked, e) {
-    var onChange = props.onChange;
-    (0, _General.stopBubbling)(e);
-    onChange(id, isChecked, e);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat((0, _AvatarSize["default"])(size), "  ").concat(noNeedFlip ? _FlipCardModule["default"].flipNone : isChecked ? _FlipCardModule["default"].notFlip : _FlipCardModule["default"].flip),
-    onClick: onClick,
-    "data-id": ticListContainer,
-    "data-test-id": ticListContainer,
-    "data-tour": tourId
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _FlipCardModule["default"].container,
-    "data-id": ticList,
-    "data-test-id": ticList
-  }, !noNeedFlip ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    align: "both",
-    className: "".concat(_FlipCardModule["default"].front, " ").concat(frontClass ? frontClass : '')
-  }, /*#__PURE__*/_react["default"].createElement(_CheckBox["default"], _extends({
-    isFilled: isFilledCheckbox,
-    checked: isChecked,
-    onChange: onChange,
-    id: "checkbox_".concat(id),
-    dataId: "listViewCheckBox_".concat(id)
-  }, CheckBoxProps))) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    align: "both",
-    className: _FlipCardModule["default"].back
-  }, channel && action ? /*#__PURE__*/_react["default"].createElement(_ChannelIcon["default"], _extends({
-    name: channel,
-    action: action,
-    size: size,
-    iconSize: iconSize,
-    iconClass: iconClass,
-    dataId: channel,
-    className: className,
-    palette: palette,
-    textPalette: textPalette,
-    customTextClass: customTextClass,
-    iconColor: iconColor,
-    title: channelTitle,
-    iconTitle: channelTitle
-  }, ChannelIconProps)) : icon ? /*#__PURE__*/_react["default"].createElement(_AvatarIcon["default"], _extends({
-    name: icon,
-    iconSize: iconSize,
-    size: size,
-    iconClass: iconClass,
-    dataId: icon,
-    className: className,
-    iconColor: iconColor,
-    title: needTitle ? name : ''
-  }, AvatarIconProps)) : /*#__PURE__*/_react["default"].createElement(_AvatarUser["default"], _extends({
-    name: name,
-    initial: initial,
-    size: size,
-    isPaid: isPaidUser,
-    isPortal: isPortalUser,
-    src: src,
-    dataId: dataId,
-    needTitle: needTitle,
-    palette: palette,
-    textPalette: textPalette,
-    customTextClass: customTextClass
-  }, AvatarUserProps)))));
-}
-
-FlipCard.propTypes = _propTypes.propTypes;
-FlipCard.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
-//   FlipCard.docs = {
-//     componentGroup: 'Molecule'
-//   };
-// }

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

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultProps = void 0;
-var defaultProps = {
-  size: 'medium',
-  needTitle: true,
-  customProps: {}
-};
-exports.defaultProps = defaultProps;

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

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var propTypes = {
-  action: _propTypes["default"].string,
-  channel: _propTypes["default"].string,
-  channelTitle: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].bool]),
-  className: _propTypes["default"].string,
-  customTextClass: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  frontClass: _propTypes["default"].string,
-  icon: _propTypes["default"].string,
-  iconClass: _propTypes["default"].string,
-  iconColor: _propTypes["default"].string,
-  iconSize: _propTypes["default"].string,
-  id: _propTypes["default"].string.isRequired,
-  initial: _propTypes["default"].string,
-  isChecked: _propTypes["default"].bool,
-  isFilledCheckbox: _propTypes["default"].bool,
-  isPaidUser: _propTypes["default"].bool,
-  isPortalUser: _propTypes["default"].bool,
-  name: _propTypes["default"].string,
-  needTitle: _propTypes["default"].bool,
-  noNeedFlip: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  palette: _propTypes["default"].oneOf(['primary', 'secondary', 'info', 'default']),
-  size: _propTypes["default"].string,
-  src: _propTypes["default"].string,
-  textPalette: _propTypes["default"].oneOf(['white', 'black']),
-  ticList: _propTypes["default"].string,
-  ticListContainer: _propTypes["default"].string,
-  tourId: _propTypes["default"].string,
-  customProps: _propTypes["default"].shape({
-    CheckBoxProps: _propTypes["default"].object,
-    ChannelIconProps: _propTypes["default"].object,
-    AvatarIconProps: _propTypes["default"].object,
-    AvatarUserProps: _propTypes["default"].object
-  })
-};
-exports.propTypes = propTypes;

package/lib/v1/FormAction/FormAction.js

@@ -1,102 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RightSide = exports.LeftSide = exports.Center = void 0;
-exports["default"] = FormAction;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
-
-var _Layout = require("@zohodesk/components/es/v1/Layout");
-
-var _FormActionModule = _interopRequireDefault(require("../../FormAction/FormAction.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var LeftSide = function LeftSide(props) {
-  props.children;
-};
-
-exports.LeftSide = LeftSide;
-
-var RightSide = function RightSide(props) {
-  props.children;
-};
-
-exports.RightSide = RightSide;
-
-var Center = function Center(props) {
-  props.children;
-};
-
-exports.Center = Center;
-
-function FormAction(props) {
-  var size = props.size,
-      children = props.children,
-      paddingLeftSize = props.paddingLeftSize,
-      paddingRightClass = props.paddingRightClass,
-      dataSelectorId = props.dataSelectorId;
-  var leftbuttonGroup = [],
-      rightbuttonGroup = [],
-      centerbuttonGroup = [];
-
-  _react["default"].Children.map(children, function (child) {
-    if (!child) {
-      return child;
-    } else if (child.type === LeftSide) {
-      leftbuttonGroup = leftbuttonGroup.concat(child.props.children);
-    } else if (child.type === RightSide) {
-      rightbuttonGroup = rightbuttonGroup.concat(child.props.children);
-    } else if (child.type === Center) {
-      centerbuttonGroup = centerbuttonGroup.concat(child.props.children);
-    } else {
-      leftbuttonGroup.push(child);
-    }
-  });
-
-  var hasLeftChild = leftbuttonGroup.length > 0;
-  var hasRightChild = rightbuttonGroup.length > 0;
-  var hasCenterChild = centerbuttonGroup.length > 0;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _FormActionModule["default"].wrapperDiv,
-    "data-selector-id": dataSelectorId
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    alignBox: "row",
-    isCover: false,
-    align: hasCenterChild ? 'around' : hasRightChild && !hasLeftChild ? 'right' : null,
-    className: "\n                        ".concat("".concat(_FormActionModule["default"].footerParent, " ").concat(hasCenterChild ? '' : _FormActionModule["default"]["".concat(paddingLeftSize ? paddingLeftSize : size, "Padding")], " ").concat(paddingRightClass), "\n\n                        ", _FormActionModule["default"]["".concat(size, "Footer")], "\n                    ")
-  }, hasLeftChild ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: hasRightChild ? true : false,
-    shrink: !hasRightChild && hasLeftChild ? true : false
-  }, leftbuttonGroup.length > 1 ? leftbuttonGroup.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: _FormActionModule["default"].marginRight,
-      key: index
-    }, item);
-  }) : leftbuttonGroup[0]) : null, hasRightChild ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    shrink: hasRightChild && !hasLeftChild ? true : false
-  }, rightbuttonGroup.length > 1 ? rightbuttonGroup.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: _FormActionModule["default"].marginRight,
-      key: index
-    }, item);
-  }) : rightbuttonGroup[0]) : null, hasCenterChild ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, centerbuttonGroup.length > 1 ? centerbuttonGroup.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: _FormActionModule["default"].marginRight,
-      key: index
-    }, item);
-  }) : centerbuttonGroup[0]) : null));
-}
-
-FormAction.propTypes = _propTypes.propTypes;
-FormAction.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
-//   FormAction.docs = {
-//     componentGroup: 'Atom'
-//   };
-// }

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

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultProps = void 0;
-var defaultProps = {
-  size: 'medium',
-  paddingRightClass: '',
-  dataSelectorId: 'formAction'
-};
-exports.defaultProps = defaultProps;

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

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var propTypes = {
-  children: _propTypes["default"].node,
-  paddingLeftSize: _propTypes["default"].oneOf(['large', 'medium', 'xmedium', 'small', 'xsmall']),
-  paddingRightClass: _propTypes["default"].string,
-  size: _propTypes["default"].oneOf(['large', 'medium', 'small']),
-  dataSelectorId: _propTypes["default"].string
-};
-exports.propTypes = propTypes;

package/lib/v1/FreezeLayer/FreezeLayer.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = FreezeLayer;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
-
-var _Layout = require("@zohodesk/components/es/v1/Layout");
-
-var _utils = require("@zohodesk/utils");
-
-var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
-
-var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
-
-var _cssJSLogic2 = _interopRequireDefault(require("../../FreezeLayer/css/cssJSLogic"));
-
-var _useFreezeLayer2 = _interopRequireDefault(require("../../Hooks/useFreezeLayer"));
-
-var _FreezeLayerModule = _interopRequireDefault(require("../../FreezeLayer/css/FreezeLayer.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function FreezeLayer(props) {
-  var propsActive = props.isActive,
-      children = props.children,
-      align = props.align,
-      childAnimationName = props.childAnimationName,
-      palette = props.palette,
-      onClick = props.onClick,
-      animationName = props.animationName,
-      runOnMount = props.runOnMount,
-      forwardRef = props.forwardRef,
-      isSvgMask = props.isSvgMask,
-      needAutoZindex = props.needAutoZindex,
-      customStyle = props.customStyle;
-  var finalStyle = (0, _utils.mergeStyle)(_FreezeLayerModule["default"], customStyle);
-
-  var _cssJSLogic = (0, _cssJSLogic2["default"])({
-    props: props,
-    style: finalStyle
-  }),
-      freezeClass = _cssJSLogic.freezeClass;
-
-  var getNextIndex = (0, _ZindexProvider.useZIndex)();
-
-  var _useFreezeLayer = (0, _useFreezeLayer2["default"])({
-    isActive: propsActive,
-    onClick: onClick
-  }),
-      isActive = _useFreezeLayer.isActive,
-      isChildActive = _useFreezeLayer.isChildActive,
-      handleClick = _useFreezeLayer.handleClick;
-
-  return /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
-    name: animationName && animationName,
-    isActive: isActive,
-    runOnMount: runOnMount
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: isActive && needAutoZindex ? {
-      zIndex: "".concat(getNextIndex())
-    } : {},
-    className: freezeClass,
-    onClick: handleClick,
-    "data-drag-parent": true,
-    ref: forwardRef
-  }, children && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, childAnimationName ? /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
-    name: childAnimationName,
-    isActive: isChildActive,
-    enterDelay: palette === 'plain' ? 0 : 300,
-    component: _Layout.Container,
-    alignBox: "row",
-    align: align,
-    dataId: "reactFreezeLayer"
-  }, children) : isSvgMask ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children) : /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    alignBox: "row",
-    align: align,
-    dataId: "reactFreezeLayer"
-  }, children))));
-}
-
-FreezeLayer.propTypes = _propTypes.propTypes;
-FreezeLayer.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
-//   FreezeLayer.docs = {
-//     componentGroup: 'Atom',
-//     folderName: 'General'
-//   };
-// }

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

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultProps = void 0;
-var defaultProps = {
-  isActive: false,
-  palette: 'default',
-  zIndex: '5',
-  isSvgMask: false,
-  customClass: '',
-  customStyle: {},
-  needAutoZindex: true
-};
-exports.defaultProps = defaultProps;

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

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports["default"] = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var animationValues = ['fade', 'shrink', 'expand', 'slideRight', 'slideDown', 'flyDown'];
-var propTypes = {
-  align: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both']),
-  animationName: _propTypes["default"].oneOf(animationValues),
-  childAnimationName: _propTypes["default"].oneOf(animationValues),
-  children: _propTypes["default"].node,
-  customClass: _propTypes["default"].string,
-  forwardRef: _propTypes["default"].object,
-  isActive: _propTypes["default"].bool,
-  isSvgMask: _propTypes["default"].bool,
-  needAutoZindex: _propTypes["default"].bool,
-  onClick: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].bool]),
-  palette: _propTypes["default"].oneOf(['dark', 'default', 'darkLight', 'plain', 'snow']),
-  runOnMount: _propTypes["default"].bool,
-  customStyle: _propTypes["default"].object,
-  zIndex: _propTypes["default"].oneOf(['3', '5', '7', '10'])
-};
-exports.propTypes = propTypes;
-var _default = propTypes;
-exports["default"] = _default;