@zohodesk/components 1.0.0-temp-158 → 1.0.0-temp-160
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Accordion/Accordion.js +3 -7
- package/es/Accordion/AccordionItem.js +2 -4
- package/es/Animation/Animation.js +3 -3
- package/es/AppContainer/AppContainer.js +5 -13
- package/es/Avatar/Avatar.js +11 -23
- package/es/AvatarTeam/AvatarTeam.js +3 -3
- package/es/Button/Button.js +3 -4
- package/es/Buttongroup/Buttongroup.js +3 -3
- package/es/Card/Card.js +10 -21
- package/es/CheckBox/CheckBox.js +3 -5
- package/es/DateTime/CalendarView.js +20 -32
- package/es/DateTime/DateTime.js +6 -67
- package/es/DateTime/DateTimePopupFooter.js +2 -4
- package/es/DateTime/DateTimePopupHeader.js +2 -8
- package/es/DateTime/DateWidget.js +35 -98
- package/es/DateTime/DaysRow.js +2 -4
- package/es/DateTime/Time.js +2 -10
- package/es/DateTime/YearView.js +4 -28
- package/es/DateTime/__tests__/CalendarView.spec.js +0 -1
- package/es/DateTime/__tests__/DateTime.spec.js +0 -1
- package/es/DateTime/__tests__/DateWidget.spec.js +3 -2
- package/es/DateTime/common.js +0 -3
- package/es/DateTime/constants.js +0 -1
- package/es/DateTime/dateFormatUtils/dateFormat.js +30 -63
- package/es/DateTime/dateFormatUtils/dateFormats.js +1 -0
- package/es/DateTime/dateFormatUtils/dayChange.js +4 -13
- package/es/DateTime/dateFormatUtils/index.js +2 -32
- package/es/DateTime/dateFormatUtils/monthChange.js +0 -8
- package/es/DateTime/dateFormatUtils/timeChange.js +6 -22
- package/es/DateTime/dateFormatUtils/yearChange.js +2 -11
- package/es/DateTime/objectUtils.js +20 -14
- package/es/DateTime/typeChecker.js +0 -3
- package/es/DateTime/validator.js +6 -58
- package/es/DropBox/DropBox.js +2 -6
- package/es/DropBox/DropBoxElement/DropBoxElement.js +0 -7
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +3 -5
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +0 -3
- package/es/DropBox/props/defaultProps.js +2 -1
- package/es/DropBox/props/propTypes.js +2 -1
- package/es/DropDown/DropDown.js +4 -8
- package/es/DropDown/DropDownHeading.js +5 -4
- package/es/DropDown/DropDownItem.js +0 -6
- package/es/DropDown/DropDownSearch.js +0 -4
- package/es/DropDown/DropDownSeparator.js +0 -1
- package/es/DropDown/__tests__/DropDown.spec.js +2 -1
- package/es/Heading/Heading.js +3 -2
- package/es/Label/Label.js +3 -2
- package/es/Layout/Box.js +0 -13
- package/es/Layout/Container.js +1 -12
- package/es/Layout/index.js +2 -1
- package/es/ListItem/ListContainer.js +3 -8
- package/es/ListItem/ListItem.js +3 -9
- package/es/ListItem/ListItemWithAvatar.js +3 -9
- package/es/ListItem/ListItemWithCheckBox.js +2 -7
- package/es/ListItem/ListItemWithIcon.js +3 -8
- package/es/ListItem/ListItemWithRadio.js +3 -7
- package/es/Modal/Modal.js +11 -28
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +13 -89
- package/es/MultiSelect/AdvancedMultiSelect.js +9 -32
- package/es/MultiSelect/EmptyState.js +0 -2
- package/es/MultiSelect/MultiSelect.js +32 -99
- package/es/MultiSelect/MultiSelectHeader.js +0 -3
- package/es/MultiSelect/MultiSelectWithAvatar.js +6 -12
- package/es/MultiSelect/SelectedOptions.js +3 -6
- package/es/MultiSelect/Suggestions.js +3 -7
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +6 -4
- package/es/MultiSelect/props/propTypes.js +0 -2
- package/es/PopOver/PopOver.js +2 -18
- package/es/PopOver/__tests__/PopOver.spec.js +1 -2
- package/es/Popup/Popup.js +24 -77
- package/es/Popup/__tests__/Popup.spec.js +5 -17
- package/es/Popup/viewPort.js +4 -16
- package/es/Provider/IdProvider.js +5 -10
- package/es/Provider/LibraryContext.js +4 -6
- package/es/Provider/NumberGenerator/NumberGenerator.js +7 -21
- package/es/Provider/ZindexProvider.js +2 -9
- package/es/Radio/Radio.js +2 -4
- package/es/Responsive/CustomResponsive.js +18 -30
- package/es/Responsive/RefWrapper.js +7 -6
- package/es/Responsive/ResizeComponent.js +25 -35
- package/es/Responsive/ResizeObserver.js +6 -26
- package/es/Responsive/Responsive.js +20 -34
- package/es/Responsive/index.js +3 -1
- package/es/Responsive/sizeObservers.js +7 -28
- package/es/Responsive/utils/index.js +5 -7
- package/es/Responsive/utils/shallowCompare.js +2 -7
- package/es/Responsive/windowResizeObserver.js +0 -7
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +0 -4
- package/es/Ribbon/Ribbon.js +2 -3
- package/es/RippleEffect/RippleEffect.js +3 -1
- package/es/Select/GroupSelect.js +14 -58
- package/es/Select/Select.js +33 -79
- package/es/Select/SelectWithAvatar.js +4 -17
- package/es/Select/SelectWithIcon.js +5 -46
- package/es/Select/__tests__/Select.spec.js +8 -6
- package/es/Select/props/propTypes.js +0 -1
- package/es/Stencils/Stencils.js +3 -3
- package/es/Switch/Switch.js +3 -5
- package/es/Tab/Tab.js +4 -4
- package/es/Tab/TabContent.js +0 -1
- package/es/Tab/TabContentWrapper.js +0 -2
- package/es/Tab/TabWrapper.js +2 -5
- package/es/Tab/Tabs.js +7 -54
- package/es/Tab/__tests__/Tab.spec.js +3 -1
- package/es/Tab/__tests__/TabWrapper.spec.js +0 -1
- package/es/Tag/Tag.js +3 -6
- package/es/TextBox/TextBox.js +3 -15
- package/es/TextBox/__tests__/TextBox.spec.js +4 -1
- package/es/TextBoxIcon/TextBoxIcon.js +2 -9
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +7 -2
- package/es/Textarea/Textarea.js +3 -12
- package/es/Textarea/__tests__/Textarea.spec.js +2 -2
- package/es/Tooltip/Tooltip.js +14 -58
- package/es/Tooltip/__tests__/Tooltip.spec.js +0 -5
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -3
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -7
- package/es/deprecated/PortalLayer/PortalLayer.js +20 -25
- package/es/semantic/Button/Button.js +2 -3
- package/es/utils/Common.js +9 -54
- package/es/utils/ContextOptimizer.js +5 -4
- package/es/utils/__tests__/debounce.spec.js +2 -2
- package/es/utils/constructFullName.js +0 -2
- package/es/utils/css/compileClassNames.js +0 -5
- package/es/utils/css/mergeStyle.js +6 -7
- package/es/utils/css/utils.js +0 -1
- package/es/utils/datetime/common.js +5 -16
- package/es/utils/debounce.js +1 -5
- package/es/utils/dropDownUtils.js +11 -68
- package/es/utils/getInitial.js +0 -4
- package/es/utils/shallowEqual.js +0 -6
- package/lib/Accordion/Accordion.js +18 -42
- package/lib/Accordion/AccordionItem.js +18 -40
- package/lib/Accordion/__tests__/Accordion.spec.js +0 -3
- package/lib/Accordion/index.js +0 -3
- package/lib/Accordion/props/propTypes.js +0 -3
- package/lib/Animation/Animation.js +18 -38
- package/lib/Animation/__tests__/Animation.spec.js +7 -11
- package/lib/Animation/props/propTypes.js +0 -3
- package/lib/AppContainer/AppContainer.js +21 -56
- package/lib/AppContainer/props/propTypes.js +0 -3
- package/lib/Avatar/Avatar.js +38 -78
- package/lib/Avatar/__tests__/Avatar.spec.js +0 -44
- package/lib/Avatar/props/propTypes.js +0 -3
- package/lib/AvatarTeam/AvatarTeam.js +30 -52
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -13
- package/lib/AvatarTeam/props/propTypes.js +0 -3
- package/lib/Button/Button.js +20 -31
- package/lib/Button/css/cssJSLogic.js +17 -18
- package/lib/Button/index.js +0 -3
- package/lib/Button/props/defaultProps.js +0 -2
- package/lib/Button/props/propTypes.js +0 -3
- package/lib/Buttongroup/Buttongroup.js +12 -32
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -10
- package/lib/Buttongroup/props/propTypes.js +0 -3
- package/lib/Card/Card.js +46 -102
- package/lib/Card/__tests__/Card.spec.js +1 -10
- package/lib/Card/index.js +0 -4
- package/lib/Card/props/propTypes.js +0 -3
- package/lib/CheckBox/CheckBox.js +47 -71
- package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -3
- package/lib/CheckBox/props/propTypes.js +0 -3
- package/lib/DateTime/CalendarView.js +42 -82
- package/lib/DateTime/DateTime.js +156 -240
- package/lib/DateTime/DateTimePopupFooter.js +8 -31
- package/lib/DateTime/DateTimePopupHeader.js +17 -48
- package/lib/DateTime/DateWidget.js +250 -352
- package/lib/DateTime/DaysRow.js +5 -27
- package/lib/DateTime/Time.js +32 -73
- package/lib/DateTime/YearView.js +28 -77
- package/lib/DateTime/__tests__/CalendarView.spec.js +5 -13
- package/lib/DateTime/__tests__/DateTime.spec.js +37 -51
- package/lib/DateTime/__tests__/DateWidget.spec.js +8 -10
- package/lib/DateTime/common.js +0 -6
- package/lib/DateTime/constants.js +0 -1
- package/lib/DateTime/dateFormatUtils/dateFormat.js +122 -184
- package/lib/DateTime/dateFormatUtils/dateFormats.js +1 -0
- package/lib/DateTime/dateFormatUtils/dayChange.js +7 -14
- package/lib/DateTime/dateFormatUtils/index.js +16 -74
- package/lib/DateTime/dateFormatUtils/monthChange.js +9 -19
- package/lib/DateTime/dateFormatUtils/timeChange.js +22 -54
- package/lib/DateTime/dateFormatUtils/yearChange.js +11 -22
- package/lib/DateTime/index.js +0 -2
- package/lib/DateTime/objectUtils.js +20 -24
- package/lib/DateTime/props/propTypes.js +1 -11
- package/lib/DateTime/typeChecker.js +0 -4
- package/lib/DateTime/validator.js +10 -73
- package/lib/DropBox/DropBox.js +10 -34
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +37 -58
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +33 -41
- package/lib/DropBox/DropBoxElement/props/propTypes.js +0 -3
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +9 -14
- package/lib/DropBox/__tests__/DropBox.spec.js +2 -6
- package/lib/DropBox/css/cssJSLogic.js +1 -3
- package/lib/DropBox/props/defaultProps.js +4 -8
- package/lib/DropBox/props/propTypes.js +4 -10
- package/lib/DropDown/DropDown.js +8 -52
- package/lib/DropDown/DropDownHeading.js +20 -39
- package/lib/DropDown/DropDownItem.js +20 -42
- package/lib/DropDown/DropDownSearch.js +17 -40
- package/lib/DropDown/DropDownSeparator.js +4 -24
- package/lib/DropDown/__tests__/DropDown.spec.js +9 -15
- package/lib/DropDown/__tests__/DropDownItem.spec.js +4 -9
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -3
- package/lib/DropDown/index.js +0 -9
- package/lib/DropDown/props/propTypes.js +4 -6
- package/lib/Heading/Heading.js +15 -37
- package/lib/Heading/props/propTypes.js +0 -3
- package/lib/Label/Label.js +19 -39
- package/lib/Label/__tests__/Label.spec.js +1 -14
- package/lib/Label/props/propTypes.js +0 -3
- package/lib/Layout/Box.js +11 -31
- package/lib/Layout/Container.js +10 -29
- package/lib/Layout/__tests__/Box.spec.js +49 -65
- package/lib/Layout/__tests__/Container.spec.js +50 -67
- package/lib/Layout/index.js +0 -3
- package/lib/Layout/props/propTypes.js +0 -3
- package/lib/Layout/utils.js +0 -10
- package/lib/ListItem/ListContainer.js +27 -48
- package/lib/ListItem/ListItem.js +45 -69
- package/lib/ListItem/ListItemWithAvatar.js +48 -75
- package/lib/ListItem/ListItemWithCheckBox.js +39 -64
- package/lib/ListItem/ListItemWithIcon.js +44 -68
- package/lib/ListItem/ListItemWithRadio.js +41 -65
- package/lib/ListItem/index.js +0 -7
- package/lib/ListItem/props/propTypes.js +4 -6
- package/lib/Modal/Modal.js +10 -45
- package/lib/Modal/props/propTypes.js +0 -3
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +166 -294
- package/lib/MultiSelect/AdvancedMultiSelect.js +125 -202
- package/lib/MultiSelect/EmptyState.js +24 -45
- package/lib/MultiSelect/MultiSelect.js +206 -323
- package/lib/MultiSelect/MultiSelectHeader.js +8 -30
- package/lib/MultiSelect/MultiSelectWithAvatar.js +63 -105
- package/lib/MultiSelect/SelectedOptions.js +17 -43
- package/lib/MultiSelect/Suggestions.js +32 -64
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +75 -86
- package/lib/MultiSelect/index.js +0 -5
- package/lib/MultiSelect/props/defaultProps.js +0 -2
- package/lib/MultiSelect/props/propTypes.js +0 -5
- package/lib/PopOver/PopOver.js +49 -95
- package/lib/PopOver/__tests__/PopOver.spec.js +1 -4
- package/lib/PopOver/index.js +0 -4
- package/lib/PopOver/props/propTypes.js +0 -3
- package/lib/Popup/Popup.js +81 -158
- package/lib/Popup/__tests__/Popup.spec.js +8 -43
- package/lib/Popup/viewPort.js +14 -28
- package/lib/Provider/AvatarSize.js +0 -4
- package/lib/Provider/Config.js +0 -2
- package/lib/Provider/CssProvider.js +0 -4
- package/lib/Provider/IdProvider.js +6 -17
- package/lib/Provider/LibraryContext.js +15 -35
- package/lib/Provider/LibraryContextInit.js +0 -4
- package/lib/Provider/NumberGenerator/NumberGenerator.js +15 -44
- package/lib/Provider/ZindexProvider.js +3 -15
- package/lib/Provider/index.js +0 -5
- package/lib/Radio/Radio.js +38 -61
- package/lib/Radio/__tests__/Radiospec.js +5 -9
- package/lib/Radio/props/propTypes.js +0 -3
- package/lib/Responsive/CustomResponsive.js +29 -73
- package/lib/Responsive/RefWrapper.js +11 -17
- package/lib/Responsive/ResizeComponent.js +36 -62
- package/lib/Responsive/ResizeObserver.js +10 -24
- package/lib/Responsive/Responsive.js +30 -80
- package/lib/Responsive/index.js +0 -4
- package/lib/Responsive/props/propTypes.js +0 -3
- package/lib/Responsive/sizeObservers.js +17 -53
- package/lib/Responsive/utils/index.js +3 -11
- package/lib/Responsive/utils/shallowCompare.js +2 -11
- package/lib/Responsive/windowResizeObserver.js +0 -8
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +17 -45
- package/lib/ResponsiveDropBox/props/propTypes.js +0 -3
- package/lib/Ribbon/Ribbon.js +13 -33
- package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -22
- package/lib/Ribbon/props/propTypes.js +0 -3
- package/lib/RippleEffect/RippleEffect.js +10 -18
- package/lib/RippleEffect/props/propTypes.js +0 -3
- package/lib/Select/GroupSelect.js +130 -229
- package/lib/Select/Select.js +209 -290
- package/lib/Select/SelectWithAvatar.js +56 -102
- package/lib/Select/SelectWithIcon.js +76 -132
- package/lib/Select/__tests__/Select.spec.js +91 -133
- package/lib/Select/index.js +0 -5
- package/lib/Select/props/defaultProps.js +4 -5
- package/lib/Select/props/propTypes.js +0 -4
- package/lib/Stencils/Stencils.js +10 -29
- package/lib/Stencils/__tests__/Stencils.spec.js +0 -12
- package/lib/Stencils/props/propTypes.js +0 -3
- package/lib/Switch/Switch.js +34 -57
- package/lib/Switch/props/propTypes.js +0 -3
- package/lib/Tab/Tab.js +27 -40
- package/lib/Tab/TabContent.js +5 -12
- package/lib/Tab/TabContentWrapper.js +6 -13
- package/lib/Tab/TabWrapper.js +19 -37
- package/lib/Tab/Tabs.js +91 -171
- package/lib/Tab/__tests__/Tab.spec.js +58 -67
- package/lib/Tab/__tests__/TabContent.spec.js +6 -10
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +20 -28
- package/lib/Tab/__tests__/TabWrapper.spec.js +0 -12
- package/lib/Tab/__tests__/Tabs.spec.js +39 -53
- package/lib/Tab/index.js +0 -6
- package/lib/Tab/props/propTypes.js +0 -3
- package/lib/Tag/Tag.js +43 -72
- package/lib/Tag/__tests__/Tag.spec.js +8 -14
- package/lib/Tag/props/propTypes.js +0 -3
- package/lib/TextBox/TextBox.js +59 -85
- package/lib/TextBox/__tests__/TextBox.spec.js +4 -14
- package/lib/TextBox/props/propTypes.js +4 -6
- package/lib/TextBoxIcon/TextBoxIcon.js +52 -79
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +5 -14
- package/lib/TextBoxIcon/props/propTypes.js +0 -3
- package/lib/Textarea/Textarea.js +29 -54
- package/lib/Textarea/__tests__/Textarea.spec.js +2 -14
- package/lib/Textarea/props/propTypes.js +0 -3
- package/lib/Tooltip/Tooltip.js +31 -94
- package/lib/Tooltip/__tests__/Tooltip.spec.js +3 -24
- package/lib/Tooltip/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +16 -40
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +25 -53
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/index.js +0 -3
- package/lib/css.js +0 -40
- package/lib/deprecated/PortalLayer/PortalLayer.js +23 -46
- package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
- package/lib/index.js +0 -57
- package/lib/semantic/Button/Button.js +22 -42
- package/lib/semantic/Button/props/propTypes.js +0 -3
- package/lib/semantic/index.js +0 -2
- package/lib/utils/Common.js +18 -108
- package/lib/utils/ContextOptimizer.js +10 -16
- package/lib/utils/__tests__/constructFullName.spec.js +0 -1
- package/lib/utils/__tests__/debounce.spec.js +2 -3
- package/lib/utils/__tests__/getInitial.spec.js +0 -1
- package/lib/utils/constructFullName.js +4 -13
- package/lib/utils/css/compileClassNames.js +0 -6
- package/lib/utils/css/mergeStyle.js +7 -10
- package/lib/utils/css/utils.js +0 -8
- package/lib/utils/datetime/common.js +5 -34
- package/lib/utils/debounce.js +1 -6
- package/lib/utils/dropDownUtils.js +59 -175
- package/lib/utils/dummyFunction.js +0 -2
- package/lib/utils/getHTMLFontSize.js +0 -1
- package/lib/utils/getInitial.js +0 -6
- package/lib/utils/index.js +0 -4
- package/lib/utils/scrollTo.js +0 -2
- package/lib/utils/shallowEqual.js +0 -8
- package/package.json +2 -2
|
@@ -1,71 +1,51 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
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); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
-
|
|
14
10
|
var _propTypes = require("./props/propTypes");
|
|
15
|
-
|
|
16
11
|
var _reactTransitionGroup = require("react-transition-group");
|
|
17
|
-
|
|
18
12
|
var _transitionModule = _interopRequireDefault(require("../common/transition.module.css"));
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
14
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
23
|
-
|
|
24
|
-
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); } }
|
|
25
|
-
|
|
15
|
+
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, _toPropertyKey(descriptor.key), descriptor); } }
|
|
26
16
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
27
|
-
|
|
17
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
28
19
|
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); }
|
|
29
|
-
|
|
30
20
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
31
|
-
|
|
32
21
|
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); }; }
|
|
33
|
-
|
|
34
22
|
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); }
|
|
35
|
-
|
|
36
23
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
37
|
-
|
|
38
24
|
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; } }
|
|
39
|
-
|
|
40
25
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
41
|
-
|
|
42
26
|
var Animation = /*#__PURE__*/function (_React$Component) {
|
|
43
27
|
_inherits(Animation, _React$Component);
|
|
44
|
-
|
|
45
28
|
var _super = _createSuper(Animation);
|
|
46
|
-
|
|
47
29
|
function Animation(props) {
|
|
48
30
|
_classCallCheck(this, Animation);
|
|
49
|
-
|
|
50
31
|
return _super.call(this, props);
|
|
51
32
|
}
|
|
52
|
-
|
|
53
33
|
_createClass(Animation, [{
|
|
54
34
|
key: "render",
|
|
55
35
|
value: function render() {
|
|
56
36
|
var _this$props = this.props,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
37
|
+
name = _this$props.name,
|
|
38
|
+
enterDuration = _this$props.enterDuration,
|
|
39
|
+
exitDuration = _this$props.exitDuration,
|
|
40
|
+
children = _this$props.children,
|
|
41
|
+
isActive = _this$props.isActive,
|
|
42
|
+
unmountOnExit = _this$props.unmountOnExit,
|
|
43
|
+
_this$props$onEntered = _this$props.onEntered,
|
|
44
|
+
onEntered = _this$props$onEntered === void 0 ? function () {} : _this$props$onEntered,
|
|
45
|
+
_this$props$onExit = _this$props.onExit,
|
|
46
|
+
onExit = _this$props$onExit === void 0 ? function () {} : _this$props$onExit,
|
|
47
|
+
_this$props$delayClas = _this$props.delayClassName,
|
|
48
|
+
delayClassName = _this$props$delayClas === void 0 ? null : _this$props$delayClas;
|
|
69
49
|
var animation = {
|
|
70
50
|
zoomIn: {
|
|
71
51
|
enter: _transitionModule["default"].zoomInEnter,
|
|
@@ -168,13 +148,13 @@ var Animation = /*#__PURE__*/function (_React$Component) {
|
|
|
168
148
|
}, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children));
|
|
169
149
|
}
|
|
170
150
|
}]);
|
|
171
|
-
|
|
172
151
|
return Animation;
|
|
173
152
|
}(_react["default"].Component);
|
|
174
|
-
|
|
175
153
|
exports["default"] = Animation;
|
|
176
154
|
Animation.propTypes = _propTypes.propTypes;
|
|
177
|
-
Animation.defaultProps = _defaultProps.defaultProps;
|
|
155
|
+
Animation.defaultProps = _defaultProps.defaultProps;
|
|
156
|
+
|
|
157
|
+
// if (__DOCS__) {
|
|
178
158
|
// Animation.docs = {
|
|
179
159
|
// componentGroup: 'Animation',
|
|
180
160
|
// folderName: 'Style Guide',
|
|
@@ -1,22 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _Animation = _interopRequireDefault(require("../Animation"));
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
8
|
-
|
|
9
6
|
describe('Animation Component Test Cases', function () {
|
|
10
7
|
it('Animation component mount testcases', function () {
|
|
11
8
|
var _setup = setup(_Animation["default"], {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
9
|
+
children: /*#__PURE__*/_react["default"].createElement("div", {
|
|
10
|
+
"data-id": "animation"
|
|
11
|
+
}, "Hi all"),
|
|
12
|
+
isActive: true
|
|
13
|
+
}),
|
|
14
|
+
props = _setup.props,
|
|
15
|
+
renderedDOM = _setup.renderedDOM;
|
|
20
16
|
var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'animation');
|
|
21
17
|
expect(component.getAttribute('data-id')).toBe('animation');
|
|
22
18
|
});
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var propTypes = {
|
|
13
10
|
children: _propTypes["default"].node,
|
|
14
11
|
delayClassName: _propTypes["default"].string,
|
|
@@ -1,80 +1,47 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
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); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
-
|
|
14
10
|
var _propTypes = require("./props/propTypes");
|
|
15
|
-
|
|
16
11
|
var _Layout = require("../Layout");
|
|
17
|
-
|
|
18
12
|
var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
|
|
19
|
-
|
|
20
13
|
require("../common/basic.module.css");
|
|
21
|
-
|
|
22
14
|
require("@zohodesk/variables/assets/colorVariables.module.css");
|
|
23
|
-
|
|
24
15
|
require("@zohodesk/variables/assets/dotVariables.module.css");
|
|
25
|
-
|
|
26
16
|
require("@zohodesk/variables/assets/sizeVariables.module.css");
|
|
27
|
-
|
|
28
17
|
require("@zohodesk/variables/assets/fontsizeVariables.module.css");
|
|
29
|
-
|
|
30
18
|
require("@zohodesk/variables/lib/fontFamilyVariables.module.css");
|
|
31
|
-
|
|
32
19
|
require("@zohodesk/variables/assets/transitionVariables.module.css");
|
|
33
|
-
|
|
34
20
|
require("@zohodesk/variables/assets/no_transitionVariables.module.css");
|
|
35
|
-
|
|
36
21
|
require("../common/a11y.module.css");
|
|
37
|
-
|
|
38
22
|
require("../common/boxShadow.module.css");
|
|
39
|
-
|
|
40
23
|
var _AppContainerModule = _interopRequireDefault(require("./AppContainer.module.css"));
|
|
41
|
-
|
|
42
24
|
var _Config = require("../Provider/Config");
|
|
43
|
-
|
|
44
25
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
45
|
-
|
|
46
26
|
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); }
|
|
47
|
-
|
|
48
27
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
49
|
-
|
|
50
|
-
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); } }
|
|
51
|
-
|
|
28
|
+
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, _toPropertyKey(descriptor.key), descriptor); } }
|
|
52
29
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
53
|
-
|
|
30
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
31
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
54
32
|
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); }
|
|
55
|
-
|
|
56
33
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
57
|
-
|
|
58
34
|
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); }; }
|
|
59
|
-
|
|
60
35
|
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); }
|
|
61
|
-
|
|
62
36
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
63
|
-
|
|
64
37
|
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; } }
|
|
65
|
-
|
|
66
38
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
67
|
-
|
|
68
39
|
var AppContainer = /*#__PURE__*/function (_React$Component) {
|
|
69
40
|
_inherits(AppContainer, _React$Component);
|
|
70
|
-
|
|
71
41
|
var _super = _createSuper(AppContainer);
|
|
72
|
-
|
|
73
42
|
function AppContainer(props) {
|
|
74
43
|
var _this;
|
|
75
|
-
|
|
76
44
|
_classCallCheck(this, AppContainer);
|
|
77
|
-
|
|
78
45
|
_this = _super.call(this, props);
|
|
79
46
|
_this.setTooltipRef = _this.setTooltipRef.bind(_assertThisInitialized(_this));
|
|
80
47
|
_this.handleOver = _this.handleOver.bind(_assertThisInitialized(_this));
|
|
@@ -90,7 +57,6 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
90
57
|
});
|
|
91
58
|
return _this;
|
|
92
59
|
}
|
|
93
|
-
|
|
94
60
|
_createClass(AppContainer, [{
|
|
95
61
|
key: "mouseOverDispatch",
|
|
96
62
|
value: function mouseOverDispatch(e) {
|
|
@@ -109,11 +75,9 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
109
75
|
key: "handleOver",
|
|
110
76
|
value: function handleOver(e) {
|
|
111
77
|
var _this2 = this;
|
|
112
|
-
|
|
113
78
|
if (this.timer) {
|
|
114
79
|
this.timer = clearTimeout(this.timer);
|
|
115
80
|
}
|
|
116
|
-
|
|
117
81
|
this.timer = setTimeout(function () {
|
|
118
82
|
return _this2.mouseOverDispatch(e);
|
|
119
83
|
}, this.tooltipDebounce);
|
|
@@ -152,22 +116,23 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
152
116
|
key: "render",
|
|
153
117
|
value: function render() {
|
|
154
118
|
var _this$props = this.props,
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
119
|
+
className = _this$props.className,
|
|
120
|
+
children = _this$props.children,
|
|
121
|
+
tagName = _this$props.tagName,
|
|
122
|
+
dataId = _this$props.dataId,
|
|
123
|
+
dataSelectorId = _this$props.dataSelectorId,
|
|
124
|
+
tooltipClass = _this$props.tooltipClass,
|
|
125
|
+
tooltipParentClass = _this$props.tooltipParentClass,
|
|
126
|
+
customProps = _this$props.customProps;
|
|
163
127
|
var _customProps$Containe = customProps.ContainerProps,
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
128
|
+
ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe,
|
|
129
|
+
_customProps$TooltipP = customProps.TooltipProps,
|
|
130
|
+
TooltipProps = _customProps$TooltipP === void 0 ? {} : _customProps$TooltipP,
|
|
131
|
+
_customProps$ExtraPro = customProps.ExtraProps,
|
|
132
|
+
ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
|
|
169
133
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
|
|
170
|
-
className: "".concat(_AppContainerModule["default"].container, " ").concat(className)
|
|
134
|
+
className: "".concat(_AppContainerModule["default"].container, " ").concat(className)
|
|
135
|
+
//onMouseOver={this.handleOver}
|
|
171
136
|
,
|
|
172
137
|
dataId: dataId,
|
|
173
138
|
dataSelectorId: dataSelectorId,
|
|
@@ -185,13 +150,13 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
185
150
|
}, TooltipProps))));
|
|
186
151
|
}
|
|
187
152
|
}]);
|
|
188
|
-
|
|
189
153
|
return AppContainer;
|
|
190
154
|
}(_react["default"].Component);
|
|
191
|
-
|
|
192
155
|
exports["default"] = AppContainer;
|
|
193
156
|
AppContainer.propTypes = _propTypes.propTypes;
|
|
194
|
-
AppContainer.defaultProps = _defaultProps.defaultProps;
|
|
157
|
+
AppContainer.defaultProps = _defaultProps.defaultProps;
|
|
158
|
+
|
|
159
|
+
// if (__DOCS__) {
|
|
195
160
|
// AppContainer.docs = {
|
|
196
161
|
// componentGroup: 'Template',
|
|
197
162
|
// folderName: 'Style Guide'
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var propTypes = {
|
|
13
10
|
children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].arrayOf(_propTypes["default"].element)]),
|
|
14
11
|
dataId: _propTypes["default"].string,
|
package/lib/Avatar/Avatar.js
CHANGED
|
@@ -1,67 +1,42 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
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); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
-
|
|
14
10
|
var _propTypes = require("./props/propTypes");
|
|
15
|
-
|
|
16
11
|
var _getInitial = require("../utils/getInitial");
|
|
17
|
-
|
|
18
12
|
var _AvatarSize = _interopRequireDefault(require("../Provider/AvatarSize"));
|
|
19
|
-
|
|
20
13
|
var _AvatarModule = _interopRequireDefault(require("./Avatar.module.css"));
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
15
|
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); }
|
|
25
|
-
|
|
26
16
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
27
|
-
|
|
28
17
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
29
|
-
|
|
30
18
|
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); }
|
|
31
|
-
|
|
32
19
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
33
|
-
|
|
34
20
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
35
|
-
|
|
36
|
-
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; }
|
|
37
|
-
|
|
21
|
+
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; }
|
|
38
22
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
39
|
-
|
|
40
|
-
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); } }
|
|
41
|
-
|
|
23
|
+
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, _toPropertyKey(descriptor.key), descriptor); } }
|
|
42
24
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
43
|
-
|
|
25
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
26
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
44
27
|
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); }
|
|
45
|
-
|
|
46
28
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
47
|
-
|
|
48
29
|
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); }; }
|
|
49
|
-
|
|
50
30
|
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); }
|
|
51
|
-
|
|
52
31
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
53
|
-
|
|
54
32
|
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; } }
|
|
55
|
-
|
|
56
33
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
57
|
-
|
|
58
34
|
/*
|
|
59
35
|
1. need to change name into firstName lastName
|
|
60
36
|
2. pattern support via context as well as props
|
|
61
37
|
3. prop high priority to arrange firstName lastName
|
|
62
38
|
4. team pass name as lastName and pass pattern via prop
|
|
63
39
|
*/
|
|
64
|
-
|
|
65
40
|
/*
|
|
66
41
|
eslint css-modules/no-unused-class: [2, { markAsUsed: ['circle', 'square',
|
|
67
42
|
'small','medium','xmedium',"xsmall", "large", "xlarge", "primary", "secondary",
|
|
@@ -69,14 +44,10 @@ eslint css-modules/no-unused-class: [2, { markAsUsed: ['circle', 'square',
|
|
|
69
44
|
*/
|
|
70
45
|
var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
71
46
|
_inherits(Avatar, _React$Component);
|
|
72
|
-
|
|
73
47
|
var _super = _createSuper(Avatar);
|
|
74
|
-
|
|
75
48
|
function Avatar(props) {
|
|
76
49
|
var _this;
|
|
77
|
-
|
|
78
50
|
_classCallCheck(this, Avatar);
|
|
79
|
-
|
|
80
51
|
_this = _super.call(this, props);
|
|
81
52
|
_this.state = {
|
|
82
53
|
isLoaded: false
|
|
@@ -86,13 +57,11 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
|
86
57
|
_this.getInitialByFullName = _this.getInitialByFullName.bind(_assertThisInitialized(_this));
|
|
87
58
|
return _this;
|
|
88
59
|
}
|
|
89
|
-
|
|
90
60
|
_createClass(Avatar, [{
|
|
91
61
|
key: "componentDidUpdate",
|
|
92
62
|
value: function componentDidUpdate(prevProps, prevState) {
|
|
93
63
|
var src = this.props.src;
|
|
94
64
|
var isLoaded = this.state.isLoaded;
|
|
95
|
-
|
|
96
65
|
if (prevProps.src !== src) {
|
|
97
66
|
this.setState({
|
|
98
67
|
isLoaded: !isLoaded
|
|
@@ -103,25 +72,21 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
|
103
72
|
key: "putInvalidImageURLJSON",
|
|
104
73
|
value: function putInvalidImageURLJSON() {
|
|
105
74
|
var _this$props = this.props,
|
|
106
|
-
|
|
107
|
-
|
|
75
|
+
src = _this$props.src,
|
|
76
|
+
alternateSrc = _this$props.alternateSrc;
|
|
108
77
|
var isLoaded = this.state.isLoaded;
|
|
109
|
-
|
|
110
78
|
var _validImgArr = _toConsumableArray(Avatar.validImageURLs);
|
|
79
|
+
var _invalidImgArr = _toConsumableArray(Avatar.invalidImageURLs);
|
|
111
80
|
|
|
112
|
-
|
|
81
|
+
// if (alternateSrc) {
|
|
113
82
|
// _validImgArr.push(alternateSrc);
|
|
114
83
|
// }
|
|
115
84
|
|
|
116
|
-
|
|
117
85
|
var validIndex = _validImgArr.indexOf(src);
|
|
118
|
-
|
|
119
86
|
if (validIndex !== -1) {
|
|
120
87
|
_validImgArr.splice(validIndex, 1);
|
|
121
88
|
}
|
|
122
|
-
|
|
123
89
|
_invalidImgArr.push(src);
|
|
124
|
-
|
|
125
90
|
Avatar.invalidImageURLs = _invalidImgArr;
|
|
126
91
|
Avatar.validImageURLs = _validImgArr;
|
|
127
92
|
this.setState({
|
|
@@ -135,33 +100,30 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
|
135
100
|
var isLoaded = this.state.isLoaded;
|
|
136
101
|
var validImgArr = Avatar.validImageURLs;
|
|
137
102
|
var invalidImgArr = Avatar.invalidImageURLs;
|
|
138
|
-
|
|
139
103
|
if (src && validImgArr.indexOf(src) === -1 && invalidImgArr.indexOf(src) === -1) {
|
|
140
104
|
var _validImgArr = _toConsumableArray(validImgArr);
|
|
141
|
-
|
|
142
105
|
_validImgArr.push(src);
|
|
143
|
-
|
|
144
106
|
Avatar.validImageURLs = _validImgArr;
|
|
145
107
|
this.setState({
|
|
146
108
|
isLoaded: !isLoaded
|
|
147
109
|
});
|
|
148
110
|
}
|
|
149
111
|
}
|
|
150
|
-
/* this will cause error if user name already have some space need to move firstName lastName user preference pattern*/
|
|
151
112
|
|
|
113
|
+
/* this will cause error if user name already have some space need to move firstName lastName user preference pattern*/
|
|
152
114
|
}, {
|
|
153
115
|
key: "getInitialByFullName",
|
|
154
116
|
value: function getInitialByFullName() {
|
|
155
117
|
var fullName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
156
118
|
fullName = (fullName || '').trim();
|
|
157
119
|
var nameList = fullName.split(' ');
|
|
158
|
-
|
|
159
120
|
if (nameList.length === 1) {
|
|
160
121
|
return (0, _getInitial.getInitial)('', nameList[0]);
|
|
161
122
|
}
|
|
162
|
-
|
|
163
123
|
return (0, _getInitial.getInitial)(nameList[0], nameList[1]);
|
|
164
|
-
}
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
// componentDidMount() {
|
|
165
127
|
// const { src } = this.props;
|
|
166
128
|
// const validImgArr = Avatar.validImageURLs;
|
|
167
129
|
// if (validImgArr.indexOf(src) === -1) {
|
|
@@ -169,39 +131,38 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
|
169
131
|
// _validImgArr.push(src);
|
|
170
132
|
// }
|
|
171
133
|
// }
|
|
172
|
-
|
|
173
134
|
}, {
|
|
174
135
|
key: "render",
|
|
175
136
|
value: function render() {
|
|
176
137
|
var _this$props2 = this.props,
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
138
|
+
src = _this$props2.src,
|
|
139
|
+
name = _this$props2.name,
|
|
140
|
+
size = _this$props2.size,
|
|
141
|
+
palette = _this$props2.palette,
|
|
142
|
+
onClick = _this$props2.onClick,
|
|
143
|
+
title = _this$props2.title,
|
|
144
|
+
shape = _this$props2.shape,
|
|
145
|
+
needTitle = _this$props2.needTitle,
|
|
146
|
+
dataId = _this$props2.dataId,
|
|
147
|
+
initial = _this$props2.initial,
|
|
148
|
+
needBorder = _this$props2.needBorder,
|
|
149
|
+
borderOnActive = _this$props2.borderOnActive,
|
|
150
|
+
borderOnHover = _this$props2.borderOnHover,
|
|
151
|
+
textPalette = _this$props2.textPalette,
|
|
152
|
+
customClass = _this$props2.customClass,
|
|
153
|
+
alternateSrc = _this$props2.alternateSrc,
|
|
154
|
+
isAnimate = _this$props2.isAnimate,
|
|
155
|
+
dataSelectorId = _this$props2.dataSelectorId,
|
|
156
|
+
customProps = _this$props2.customProps,
|
|
157
|
+
needInnerBorder = _this$props2.needInnerBorder,
|
|
158
|
+
needDefaultBorder = _this$props2.needDefaultBorder;
|
|
198
159
|
var _customProps$AvatarPr = customProps.AvatarProps,
|
|
199
|
-
|
|
160
|
+
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
200
161
|
var textStyle = textPalette ? _AvatarModule["default"][textPalette] : palette === 'secondary' ? _AvatarModule["default"].white : _AvatarModule["default"].black;
|
|
201
162
|
var shapeStyle = shape === 'circle' ? 'circle' : "square_".concat(size);
|
|
202
163
|
initial = initial || this.getInitialByFullName(name);
|
|
203
|
-
var isInvalidImageList = Avatar.invalidImageURLs.indexOf(src) !== -1;
|
|
204
|
-
|
|
164
|
+
var isInvalidImageList = Avatar.invalidImageURLs.indexOf(src) !== -1;
|
|
165
|
+
//let isValidImageList = Avatar.validImageURLs.indexOf(src) !== -1;
|
|
205
166
|
var showAvatar = src && !isInvalidImageList;
|
|
206
167
|
var showInitial = !showAvatar || showAvatar && isInvalidImageList;
|
|
207
168
|
var showAlternateAvatar = alternateSrc ? showInitial : false;
|
|
@@ -233,15 +194,14 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
|
233
194
|
})));
|
|
234
195
|
}
|
|
235
196
|
}]);
|
|
236
|
-
|
|
237
197
|
return Avatar;
|
|
238
198
|
}(_react["default"].Component);
|
|
239
|
-
|
|
240
199
|
exports["default"] = Avatar;
|
|
241
200
|
Avatar.defaultProps = _defaultProps.defaultProps;
|
|
242
201
|
Avatar.propTypes = _propTypes.propTypes;
|
|
243
202
|
Avatar.invalidImageURLs = [];
|
|
244
|
-
Avatar.validImageURLs = [];
|
|
203
|
+
Avatar.validImageURLs = [];
|
|
204
|
+
// if (__DOCS__) {
|
|
245
205
|
// Avatar.docs = {
|
|
246
206
|
// componentGroup: 'Avatar Group',
|
|
247
207
|
// folderName: 'Style Guide'
|