@zohodesk/components 1.0.0-temp-107 → 1.0.0-test-252

package/lib/index.js

@@ -0,0 +1,404 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  AppContainer: true,
+  Accordion: true,
+  Animation: true,
+  Card: true,
+  Avatar: true,
+  AvatarTeam: true,
+  Button: true,
+  Buttongroup: true,
+  Switch: true,
+  Radio: true,
+  Textarea: true,
+  Label: true,
+  DropDownHeading: true,
+  CheckBox: true,
+  Ribbon: true,
+  Tag: true,
+  TextBox: true,
+  TextBoxIcon: true,
+  Tooltip: true,
+  Select: true,
+  SelectWithIcon: true,
+  GroupSelect: true,
+  SelectWithAvatar: true,
+  MultiSelect: true,
+  AdvancedMultiSelect: true,
+  AdvancedGroupMultiSelect: true,
+  MultiSelectWithAvatar: true,
+  DateWidget: true,
+  ListItem: true,
+  ListItemWithIcon: true,
+  ListItemWithCheckBox: true,
+  ListItemWithRadio: true,
+  ListItemWithAvatar: true,
+  DropBox: true,
+  PopOver: true,
+  Stencils: true,
+  Modal: true,
+  RippleEffect: true,
+  PortalLayer: true,
+  VelocityAnimation: true,
+  VelocityAnimationGroup: true,
+  Provider: true,
+  SemanticButton: true,
+  ResponsiveDropBox: true,
+  Heading: true
+};
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function get() {
+    return _Accordion["default"];
+  }
+});
+Object.defineProperty(exports, "AdvancedGroupMultiSelect", {
+  enumerable: true,
+  get: function get() {
+    return _AdvancedGroupMultiSelect["default"];
+  }
+});
+Object.defineProperty(exports, "AdvancedMultiSelect", {
+  enumerable: true,
+  get: function get() {
+    return _AdvancedMultiSelect["default"];
+  }
+});
+Object.defineProperty(exports, "Animation", {
+  enumerable: true,
+  get: function get() {
+    return _Animation["default"];
+  }
+});
+Object.defineProperty(exports, "AppContainer", {
+  enumerable: true,
+  get: function get() {
+    return _AppContainer["default"];
+  }
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function get() {
+    return _Avatar["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarTeam", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarTeam["default"];
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button["default"];
+  }
+});
+Object.defineProperty(exports, "Buttongroup", {
+  enumerable: true,
+  get: function get() {
+    return _Buttongroup["default"];
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _Card["default"];
+  }
+});
+Object.defineProperty(exports, "CheckBox", {
+  enumerable: true,
+  get: function get() {
+    return _CheckBox["default"];
+  }
+});
+Object.defineProperty(exports, "DateWidget", {
+  enumerable: true,
+  get: function get() {
+    return _DateWidget["default"];
+  }
+});
+Object.defineProperty(exports, "DropBox", {
+  enumerable: true,
+  get: function get() {
+    return _DropBox["default"];
+  }
+});
+Object.defineProperty(exports, "DropDownHeading", {
+  enumerable: true,
+  get: function get() {
+    return _DropDownHeading["default"];
+  }
+});
+Object.defineProperty(exports, "GroupSelect", {
+  enumerable: true,
+  get: function get() {
+    return _GroupSelect["default"];
+  }
+});
+Object.defineProperty(exports, "Heading", {
+  enumerable: true,
+  get: function get() {
+    return _Heading["default"];
+  }
+});
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function get() {
+    return _Label["default"];
+  }
+});
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: function get() {
+    return _ListItem["default"];
+  }
+});
+Object.defineProperty(exports, "ListItemWithAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _ListItemWithAvatar["default"];
+  }
+});
+Object.defineProperty(exports, "ListItemWithCheckBox", {
+  enumerable: true,
+  get: function get() {
+    return _ListItemWithCheckBox["default"];
+  }
+});
+Object.defineProperty(exports, "ListItemWithIcon", {
+  enumerable: true,
+  get: function get() {
+    return _ListItemWithIcon["default"];
+  }
+});
+Object.defineProperty(exports, "ListItemWithRadio", {
+  enumerable: true,
+  get: function get() {
+    return _ListItemWithRadio["default"];
+  }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function get() {
+    return _Modal["default"];
+  }
+});
+Object.defineProperty(exports, "MultiSelect", {
+  enumerable: true,
+  get: function get() {
+    return _MultiSelect["default"];
+  }
+});
+Object.defineProperty(exports, "MultiSelectWithAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _MultiSelectWithAvatar["default"];
+  }
+});
+Object.defineProperty(exports, "PopOver", {
+  enumerable: true,
+  get: function get() {
+    return _PopOver["default"];
+  }
+});
+Object.defineProperty(exports, "PortalLayer", {
+  enumerable: true,
+  get: function get() {
+    return _PortalLayer["default"];
+  }
+});
+Object.defineProperty(exports, "Provider", {
+  enumerable: true,
+  get: function get() {
+    return _IdProvider.Provider;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _Radio["default"];
+  }
+});
+Object.defineProperty(exports, "ResponsiveDropBox", {
+  enumerable: true,
+  get: function get() {
+    return _ResponsiveDropBox["default"];
+  }
+});
+Object.defineProperty(exports, "Ribbon", {
+  enumerable: true,
+  get: function get() {
+    return _Ribbon["default"];
+  }
+});
+Object.defineProperty(exports, "RippleEffect", {
+  enumerable: true,
+  get: function get() {
+    return _RippleEffect["default"];
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _Select["default"];
+  }
+});
+Object.defineProperty(exports, "SelectWithAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _SelectWithAvatar["default"];
+  }
+});
+Object.defineProperty(exports, "SelectWithIcon", {
+  enumerable: true,
+  get: function get() {
+    return _SelectWithIcon["default"];
+  }
+});
+Object.defineProperty(exports, "SemanticButton", {
+  enumerable: true,
+  get: function get() {
+    return _Button2["default"];
+  }
+});
+Object.defineProperty(exports, "Stencils", {
+  enumerable: true,
+  get: function get() {
+    return _Stencils["default"];
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function get() {
+    return _Switch["default"];
+  }
+});
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function get() {
+    return _Tag["default"];
+  }
+});
+Object.defineProperty(exports, "TextBox", {
+  enumerable: true,
+  get: function get() {
+    return _TextBox["default"];
+  }
+});
+Object.defineProperty(exports, "TextBoxIcon", {
+  enumerable: true,
+  get: function get() {
+    return _TextBoxIcon["default"];
+  }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function get() {
+    return _Textarea["default"];
+  }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltip["default"];
+  }
+});
+Object.defineProperty(exports, "VelocityAnimation", {
+  enumerable: true,
+  get: function get() {
+    return _VelocityAnimation["default"];
+  }
+});
+Object.defineProperty(exports, "VelocityAnimationGroup", {
+  enumerable: true,
+  get: function get() {
+    return _VelocityAnimationGroup["default"];
+  }
+});
+var _Layout = require("./Layout");
+Object.keys(_Layout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Layout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Layout[key];
+    }
+  });
+});
+var _AppContainer = _interopRequireDefault(require("./AppContainer/AppContainer"));
+var _Accordion = _interopRequireDefault(require("./Accordion/Accordion"));
+var _Animation = _interopRequireDefault(require("./Animation/Animation"));
+var _Card = _interopRequireDefault(require("./Card/Card"));
+var _Avatar = _interopRequireDefault(require("./Avatar/Avatar"));
+var _AvatarTeam = _interopRequireDefault(require("./AvatarTeam/AvatarTeam"));
+var _Button = _interopRequireDefault(require("./Button/Button"));
+var _Buttongroup = _interopRequireDefault(require("./Buttongroup/Buttongroup"));
+var _Switch = _interopRequireDefault(require("./Switch/Switch"));
+var _Radio = _interopRequireDefault(require("./Radio/Radio"));
+var _Textarea = _interopRequireDefault(require("./Textarea/Textarea"));
+var _Label = _interopRequireDefault(require("./Label/Label"));
+var _DropDownHeading = _interopRequireDefault(require("./DropDown/DropDownHeading"));
+var _CheckBox = _interopRequireDefault(require("./CheckBox/CheckBox"));
+var _Ribbon = _interopRequireDefault(require("./Ribbon/Ribbon"));
+var _Tag = _interopRequireDefault(require("./Tag/Tag"));
+var _Tab = require("./Tab");
+Object.keys(_Tab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Tab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tab[key];
+    }
+  });
+});
+var _TextBox = _interopRequireDefault(require("./TextBox/TextBox"));
+var _TextBoxIcon = _interopRequireDefault(require("./TextBoxIcon/TextBoxIcon"));
+var _Tooltip = _interopRequireDefault(require("./Tooltip/Tooltip"));
+var _Select = _interopRequireDefault(require("./Select/Select"));
+var _SelectWithIcon = _interopRequireDefault(require("./Select/SelectWithIcon"));
+var _GroupSelect = _interopRequireDefault(require("./Select/GroupSelect"));
+var _SelectWithAvatar = _interopRequireDefault(require("./Select/SelectWithAvatar"));
+var _MultiSelect = _interopRequireDefault(require("./MultiSelect/MultiSelect"));
+var _AdvancedMultiSelect = _interopRequireDefault(require("./MultiSelect/AdvancedMultiSelect"));
+var _AdvancedGroupMultiSelect = _interopRequireDefault(require("./MultiSelect/AdvancedGroupMultiSelect"));
+var _MultiSelectWithAvatar = _interopRequireDefault(require("./MultiSelect/MultiSelectWithAvatar"));
+var _DateWidget = _interopRequireDefault(require("./DateTime/DateWidget"));
+var _ListItem = _interopRequireDefault(require("./ListItem/ListItem"));
+var _ListItemWithIcon = _interopRequireDefault(require("./ListItem/ListItemWithIcon"));
+var _ListItemWithCheckBox = _interopRequireDefault(require("./ListItem/ListItemWithCheckBox"));
+var _ListItemWithRadio = _interopRequireDefault(require("./ListItem/ListItemWithRadio"));
+var _ListItemWithAvatar = _interopRequireDefault(require("./ListItem/ListItemWithAvatar"));
+var _DropBox = _interopRequireDefault(require("./DropBox/DropBox"));
+var _PopOver = _interopRequireDefault(require("./PopOver/PopOver"));
+var _Stencils = _interopRequireDefault(require("./Stencils/Stencils"));
+var _Modal = _interopRequireDefault(require("./Modal/Modal"));
+var _Responsive = require("./Responsive");
+Object.keys(_Responsive).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Responsive[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Responsive[key];
+    }
+  });
+});
+var _RippleEffect = _interopRequireDefault(require("./RippleEffect/RippleEffect"));
+var _PortalLayer = _interopRequireDefault(require("./deprecated/PortalLayer/PortalLayer"));
+var _VelocityAnimation = _interopRequireDefault(require("./VelocityAnimation/VelocityAnimation/VelocityAnimation"));
+var _VelocityAnimationGroup = _interopRequireDefault(require("./VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
+var _IdProvider = require("./Provider/IdProvider");
+var _Button2 = _interopRequireDefault(require("./semantic/Button/Button"));
+var _ResponsiveDropBox = _interopRequireDefault(require("./ResponsiveDropBox/ResponsiveDropBox"));
+var _Heading = _interopRequireDefault(require("./Heading/Heading"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/semantic/Button/Button.js

@@ -0,0 +1,81 @@
+"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 = _interopRequireDefault(require("react"));
+var _defaultProps = require("./props/defaultProps");
+var _propTypes = require("./props/propTypes");
+var _semanticButtonModule = _interopRequireDefault(require("./semanticButton.module.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var Button = /*#__PURE__*/function (_React$Component) {
+  _inherits(Button, _React$Component);
+  var _super = _createSuper(Button);
+  function Button(props) {
+    _classCallCheck(this, Button);
+    return _super.call(this, props);
+  }
+  _createClass(Button, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        value = _this$props.value,
+        type = _this$props.type,
+        text = _this$props.text,
+        title = _this$props.title,
+        name = _this$props.name,
+        autoFocus = _this$props.autoFocus,
+        disabled = _this$props.disabled,
+        ref = _this$props.ref,
+        dataId = _this$props.dataId,
+        onClick = _this$props.onClick,
+        children = _this$props.children,
+        customClass = _this$props.customClass,
+        a11y = _this$props.a11y;
+      var ariaLabel = a11y.ariaLabel,
+        ariaHaspopup = a11y.ariaHaspopup,
+        ariaExpanded = a11y.ariaExpanded,
+        ariaControls = a11y.ariaControls,
+        ariaLabelledby = a11y.ariaLabelledby;
+      return /*#__PURE__*/_react["default"].createElement("button", {
+        className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(customClass),
+        "aria-label": ariaLabel,
+        "aria-haspopup": ariaHaspopup,
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-labelledby": ariaLabelledby,
+        type: type,
+        value: value,
+        name: name,
+        autoFocus: autoFocus,
+        disabled: disabled,
+        ref: ref,
+        "data-id": dataId,
+        onClick: onClick,
+        "data-title": title
+      }, children ? children : text);
+    }
+  }]);
+  return Button;
+}(_react["default"].Component);
+exports["default"] = Button;
+Button.defaultProps = _defaultProps.defaultProps;
+Button.propTypes = _propTypes.propTypes;
+if (false) {
+  Button.docs = {
+    componentGroup: 'semantic',
+    folderName: 'DefaultComponents'
+  };
+}

package/lib/semantic/Button/props/defaultProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  children: null,
+  autoFocus: false,
+  dataId: 'semanticButton',
+  disabled: false,
+  palette: 'primary',
+  text: 'Button',
+  type: 'button',
+  value: 'text',
+  customClass: '',
+  a11y: {}
+};
+exports.defaultProps = defaultProps;

package/lib/semantic/Button/props/propTypes.js

@@ -0,0 +1,34 @@
+"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 = {
+  ariaControls: _propTypes["default"].bool,
+  ariaExpanded: _propTypes["default"].bool,
+  ariaHaspopup: _propTypes["default"].bool,
+  ariaLabel: _propTypes["default"].string,
+  autofocus: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  name: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  ref: _propTypes["default"].func,
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['submit', 'reset', 'button']),
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    ariaLabel: _propTypes["default"].string,
+    ariaHaspopup: _propTypes["default"].bool,
+    ariaExpanded: _propTypes["default"].bool,
+    ariaControls: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string
+  })
+};
+exports.propTypes = propTypes;

package/lib/semantic/Button/semanticButton.module.css

@@ -0,0 +1,9 @@
+.buttonReset {
+  outline: 0;
+  font: inherit;
+  color: inherit;
+  border: inherit;
+  background-color: inherit;
+  padding: 0;
+  text-align: inherit;
+}