@zohodesk/components 1.0.0-temp-207 → 1.0.0-temp-208
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/.cli/propValidation_report.html +1 -1
- package/es/Accordion/Accordion.js +2 -2
- package/es/Accordion/AccordionItem.js +4 -4
- package/es/Accordion/__tests__/Accordion.spec.js +1 -1
- package/es/Accordion/__tests__/AccordionItem.spec.js +1 -1
- package/es/Accordion/index.js +2 -2
- package/es/Animation/Animation.js +3 -3
- package/es/Animation/__tests__/Animation.spec.js +1 -1
- package/es/Animation/utils.js +1 -1
- package/es/AppContainer/AppContainer.js +9 -9
- package/es/AppContainer/__tests__/AppContainer.spec.js +1 -1
- package/es/Avatar/Avatar.js +5 -5
- package/es/Avatar/__tests__/Avatar.spec.js +1 -1
- package/es/AvatarTeam/AvatarTeam.js +4 -4
- package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +1 -1
- package/es/Button/Button.js +4 -4
- package/es/Button/__tests__/Button.spec.js +1 -1
- package/es/Button/index.js +2 -2
- package/es/Button/props/defaultProps.js +1 -1
- package/es/Buttongroup/Buttongroup.js +3 -3
- package/es/Buttongroup/__tests__/Buttongroup.spec.js +1 -1
- package/es/Card/Card.js +5 -5
- package/es/Card/__tests__/Card.spec.js +1 -1
- package/es/Card/index.js +4 -4
- package/es/CheckBox/CheckBox.js +6 -6
- package/es/CheckBox/__tests__/CheckBox.spec.js +1 -1
- package/es/DateTime/CalendarView.js +6 -6
- package/es/DateTime/DateTime.js +15 -15
- package/es/DateTime/DateTimePopupFooter.js +5 -5
- package/es/DateTime/DateTimePopupHeader.js +4 -4
- package/es/DateTime/DateWidget.js +17 -17
- package/es/DateTime/DaysRow.js +3 -3
- package/es/DateTime/Time.js +5 -5
- package/es/DateTime/YearView.js +6 -6
- package/es/DateTime/__tests__/CalendarView.spec.js +1 -1
- package/es/DateTime/__tests__/DateTime.spec.js +1 -1
- package/es/DateTime/__tests__/DateTimePopupFooter.spec.js +1 -1
- package/es/DateTime/__tests__/DateTimePopupHeader.spec.js +1 -1
- package/es/DateTime/__tests__/DateWidget.spec.js +1 -1
- package/es/DateTime/__tests__/DaysRow.spec.js +1 -1
- package/es/DateTime/__tests__/Time.spec.js +1 -1
- package/es/DateTime/__tests__/YearView.spec.js +1 -1
- package/es/DateTime/dateFormatUtils/dateFormat.js +4 -4
- package/es/DateTime/dateFormatUtils/dayChange.js +2 -2
- package/es/DateTime/dateFormatUtils/index.js +3 -3
- package/es/DateTime/dateFormatUtils/monthChange.js +2 -2
- package/es/DateTime/dateFormatUtils/timeChange.js +2 -2
- package/es/DateTime/dateFormatUtils/yearChange.js +2 -2
- package/es/DateTime/index.js +1 -1
- package/es/DateTime/props/propTypes.js +1 -1
- package/es/DateTime/validator.js +2 -2
- package/es/DropBox/DropBox.js +9 -9
- package/es/DropBox/DropBoxElement/DropBoxElement.js +6 -6
- package/es/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +1 -1
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +1 -1
- package/es/DropBox/__tests__/DropBox.spec.js +1 -1
- package/es/DropBox/css/cssJSLogic.js +1 -1
- package/es/DropBox/props/defaultProps.js +1 -1
- package/es/DropBox/props/propTypes.js +1 -1
- package/es/DropBox/utils/isMobilePopover.js +1 -1
- package/es/DropDown/DropDown.js +4 -4
- package/es/DropDown/DropDownHeading.js +3 -3
- package/es/DropDown/DropDownItem.js +3 -3
- package/es/DropDown/DropDownSearch.js +4 -4
- package/es/DropDown/DropDownSeparator.js +2 -2
- package/es/DropDown/__tests__/DropDown.spec.js +1 -1
- package/es/DropDown/__tests__/DropDownHeading.spec.js +1 -1
- package/es/DropDown/__tests__/DropDownItem.spec.js +1 -1
- package/es/DropDown/__tests__/DropDownSearch.spec.js +1 -1
- package/es/DropDown/__tests__/DropDownSeparator.spec.js +1 -1
- package/es/DropDown/index.js +7 -7
- package/es/DropDown/props/propTypes.js +1 -1
- package/es/Heading/Heading.js +4 -4
- package/es/Heading/__tests__/Heading.spec.js +1 -1
- package/es/Label/Label.js +4 -4
- package/es/Label/__tests__/Label.spec.js +1 -1
- package/es/Layout/Box.js +4 -4
- package/es/Layout/Container.js +4 -4
- package/es/Layout/__tests__/Box.spec.js +1 -1
- package/es/Layout/__tests__/Container.spec.js +1 -1
- package/es/Layout/index.js +2 -2
- package/es/ListItem/ListContainer.js +6 -6
- package/es/ListItem/ListItem.js +5 -5
- package/es/ListItem/ListItemWithAvatar.js +7 -7
- package/es/ListItem/ListItemWithCheckBox.js +6 -6
- package/es/ListItem/ListItemWithIcon.js +5 -5
- package/es/ListItem/ListItemWithRadio.js +6 -6
- package/es/ListItem/__tests__/ListContainer.spec.js +1 -1
- package/es/ListItem/__tests__/ListItem.spec.js +1 -1
- package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +1 -1
- package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +1 -1
- package/es/ListItem/__tests__/ListItemWithIcon.spec.js +1 -1
- package/es/ListItem/__tests__/ListItemWithRadio.spec.js +1 -1
- package/es/ListItem/index.js +6 -6
- package/es/Modal/Modal.js +3 -3
- package/es/Modal/__tests__/Modal.spec.js +1 -1
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +17 -17
- package/es/MultiSelect/AdvancedMultiSelect.js +26 -18
- package/es/MultiSelect/EmptyState.js +3 -3
- package/es/MultiSelect/MobileHeader/MobileHeader.js +5 -5
- package/es/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +1 -1
- package/es/MultiSelect/MultiSelect.js +20 -20
- package/es/MultiSelect/MultiSelectHeader.js +4 -4
- package/es/MultiSelect/MultiSelectWithAvatar.js +16 -16
- package/es/MultiSelect/SelectedOptions.js +5 -5
- package/es/MultiSelect/Suggestions.js +6 -6
- package/es/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +1 -1
- package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +1 -1
- package/es/MultiSelect/__tests__/EmptyState.spec.js +1 -1
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +1 -1
- package/es/MultiSelect/__tests__/MultiSelectHeader.spec.js +1 -1
- package/es/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +1 -1
- package/es/MultiSelect/__tests__/SelectedOptions.spec.js +1 -1
- package/es/MultiSelect/__tests__/Suggestions.spec.js +1 -1
- package/es/MultiSelect/index.js +4 -4
- package/es/MultiSelect/props/defaultProps.js +3 -2
- package/es/MultiSelect/props/propTypes.js +5 -1
- package/es/PopOver/PopOver.js +6 -6
- package/es/PopOver/__tests__/PopOver.spec.js +1 -1
- package/es/PopOver/index.js +3 -3
- package/es/Popup/Popup.js +3 -3
- package/es/Provider/AvatarSize.js +1 -1
- package/es/Provider/CssProvider.js +1 -1
- package/es/Provider/IdProvider.js +2 -2
- package/es/Provider/LibraryContext.js +2 -2
- package/es/Provider/ZindexProvider.js +2 -2
- package/es/Provider/index.js +4 -4
- package/es/Radio/Radio.js +5 -5
- package/es/Radio/__tests__/Radio.spec.js +1 -1
- package/es/Responsive/CustomResponsive.js +7 -7
- package/es/Responsive/ResizeComponent.js +2 -2
- package/es/Responsive/Responsive.js +6 -6
- package/es/Responsive/index.js +3 -3
- package/es/Responsive/utils/index.js +1 -1
- package/es/Responsive/windowResizeObserver.js +1 -1
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +6 -6
- package/es/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +1 -1
- package/es/ResponsiveDropBox/props/propTypes.js +1 -1
- package/es/Ribbon/Ribbon.js +3 -3
- package/es/Ribbon/__tests__/Ribbon.spec.js +1 -1
- package/es/RippleEffect/RippleEffect.js +4 -4
- package/es/RippleEffect/__tests__/RippleEffect.spec.js +1 -1
- package/es/Select/GroupSelect.js +16 -16
- package/es/Select/Select.js +15 -15
- package/es/Select/SelectWithAvatar.js +17 -17
- package/es/Select/SelectWithIcon.js +13 -13
- package/es/Select/__tests__/GroupSelect.spec.js +1 -1
- package/es/Select/__tests__/Select.spec.js +1 -1
- package/es/Select/__tests__/SelectWithAvatar.spec.js +1 -1
- package/es/Select/__tests__/SelectWithIcon.spec.js +1 -1
- package/es/Select/index.js +4 -4
- package/es/Select/props/defaultProps.js +1 -1
- package/es/Stencils/Stencils.js +3 -3
- package/es/Stencils/__tests__/Stencils.spec.js +1 -1
- package/es/Switch/Switch.js +5 -5
- package/es/Switch/__tests__/Switch.spec.js +1 -1
- package/es/Tab/Tab.js +5 -5
- package/es/Tab/TabContent.js +4 -4
- package/es/Tab/TabContentWrapper.js +3 -3
- package/es/Tab/TabWrapper.js +3 -3
- package/es/Tab/Tabs.js +13 -13
- package/es/Tab/__tests__/Tab.spec.js +1 -1
- package/es/Tab/__tests__/TabContent.spec.js +1 -1
- package/es/Tab/__tests__/TabContentWrapper.spec.js +1 -1
- package/es/Tab/__tests__/TabWrapper.spec.js +1 -1
- package/es/Tab/__tests__/Tabs.spec.js +1 -1
- package/es/Tab/index.js +5 -5
- package/es/Tag/Tag.js +7 -7
- package/es/Tag/__tests__/Tag.spec.js +1 -1
- package/es/TextBox/TextBox.js +3 -3
- package/es/TextBox/__tests__/TextBox.spec.js +1 -1
- package/es/TextBoxIcon/TextBoxIcon.js +6 -6
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +1 -1
- package/es/TextBoxIcon/props/propTypes.js +1 -1
- package/es/Textarea/Textarea.js +27 -154
- package/es/Textarea/Textarea.module.css +4 -55
- package/es/Textarea/__tests__/Textarea.spec.js +1 -1
- package/es/Textarea/props/propTypes.js +1 -4
- package/es/Tooltip/Tooltip.js +6 -6
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -3
- package/es/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +1 -1
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
- package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +1 -1
- package/es/VelocityAnimation/index.js +2 -2
- package/es/css.js +37 -37
- package/es/deprecated/PortalLayer/PortalLayer.js +3 -3
- package/es/index.js +39 -39
- package/es/semantic/Button/Button.js +3 -3
- package/es/semantic/Button/__tests__/Button.spec.js +1 -1
- package/es/semantic/index.js +1 -1
- package/es/utils/Common.js +1 -1
- package/es/utils/ContextOptimizer.js +1 -1
- package/es/utils/cssUtils.js +1 -1
- package/es/utils/datetime/common.js +1 -1
- package/es/utils/dropDownUtils.js +1 -1
- package/es/utils/index.js +1 -1
- package/es/v1/Accordion/Accordion.js +2 -2
- package/es/v1/Accordion/AccordionItem.js +4 -4
- package/es/v1/Accordion/index.js +2 -2
- package/es/v1/Animation/Animation.js +3 -3
- package/es/v1/Animation/utils.js +1 -1
- package/es/v1/AppContainer/AppContainer.js +9 -9
- package/es/v1/Avatar/Avatar.js +5 -5
- package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
- package/es/v1/Button/Button.js +4 -4
- package/es/v1/Button/props/defaultProps.js +1 -1
- package/es/v1/Buttongroup/Buttongroup.js +3 -3
- package/es/v1/Card/Card.js +5 -5
- package/es/v1/Card/index.js +4 -4
- package/es/v1/CheckBox/CheckBox.js +6 -6
- package/es/v1/DateTime/CalendarView.js +7 -7
- package/es/v1/DateTime/DateTime.js +15 -15
- package/es/v1/DateTime/DateTimePopupFooter.js +5 -5
- package/es/v1/DateTime/DateTimePopupHeader.js +4 -4
- package/es/v1/DateTime/DateWidget.js +17 -17
- package/es/v1/DateTime/DaysRow.js +3 -3
- package/es/v1/DateTime/Time.js +5 -5
- package/es/v1/DateTime/YearView.js +6 -6
- package/es/v1/DateTime/index.js +1 -1
- package/es/v1/DateTime/props/propTypes.js +1 -1
- package/es/v1/DropBox/DropBox.js +9 -9
- package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +6 -6
- package/es/v1/DropBox/props/defaultProps.js +1 -1
- package/es/v1/DropBox/props/propTypes.js +1 -1
- package/es/v1/DropBox/utils/isMobilePopover.js +1 -1
- package/es/v1/DropDown/DropDown.js +4 -4
- package/es/v1/DropDown/DropDownHeading.js +3 -3
- package/es/v1/DropDown/DropDownItem.js +3 -3
- package/es/v1/DropDown/DropDownSearch.js +4 -4
- package/es/v1/DropDown/DropDownSeparator.js +2 -2
- package/es/v1/DropDown/props/propTypes.js +1 -1
- package/es/v1/Heading/Heading.js +4 -4
- package/es/v1/Label/Label.js +4 -4
- package/es/v1/Layout/Box.js +4 -4
- package/es/v1/Layout/Container.js +4 -4
- package/es/v1/Layout/index.js +2 -2
- package/es/v1/ListItem/ListContainer.js +6 -6
- package/es/v1/ListItem/ListItem.js +5 -5
- package/es/v1/ListItem/ListItemWithAvatar.js +7 -7
- package/es/v1/ListItem/ListItemWithCheckBox.js +6 -6
- package/es/v1/ListItem/ListItemWithIcon.js +5 -5
- package/es/v1/ListItem/ListItemWithRadio.js +6 -6
- package/es/v1/ListItem/index.js +6 -6
- package/es/v1/Modal/Modal.js +3 -3
- package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +17 -17
- package/es/v1/MultiSelect/AdvancedMultiSelect.js +17 -17
- package/es/v1/MultiSelect/EmptyState.js +3 -3
- package/es/v1/MultiSelect/MobileHeader/MobileHeader.js +5 -5
- package/es/v1/MultiSelect/MultiSelect.js +19 -19
- package/es/v1/MultiSelect/MultiSelectHeader.js +4 -4
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +16 -16
- package/es/v1/MultiSelect/SelectedOptions.js +5 -5
- package/es/v1/MultiSelect/Suggestions.js +6 -6
- package/es/v1/MultiSelect/index.js +4 -4
- package/es/v1/MultiSelect/props/defaultProps.js +1 -1
- package/es/v1/PopOver/PopOver.js +6 -6
- package/es/v1/Popup/Popup.js +3 -3
- package/es/v1/Radio/Radio.js +5 -5
- package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +6 -6
- package/es/v1/ResponsiveDropBox/props/propTypes.js +1 -1
- package/es/v1/Ribbon/Ribbon.js +3 -3
- package/es/v1/RippleEffect/RippleEffect.js +4 -4
- package/es/v1/Select/GroupSelect.js +16 -16
- package/es/v1/Select/Select.js +15 -15
- package/es/v1/Select/SelectWithAvatar.js +17 -17
- package/es/v1/Select/SelectWithIcon.js +13 -13
- package/es/v1/Select/index.js +4 -4
- package/es/v1/Select/props/defaultProps.js +1 -1
- package/es/v1/Stencils/Stencils.js +3 -3
- package/es/v1/Switch/Switch.js +5 -5
- package/es/v1/Tab/Tab.js +5 -5
- package/es/v1/Tab/TabContent.js +4 -4
- package/es/v1/Tab/TabContentWrapper.js +3 -3
- package/es/v1/Tab/TabWrapper.js +3 -3
- package/es/v1/Tab/Tabs.js +13 -13
- package/es/v1/Tab/index.js +5 -5
- package/es/v1/Tag/Tag.js +7 -7
- package/es/v1/TextBox/TextBox.js +3 -3
- package/es/v1/TextBoxIcon/TextBoxIcon.js +6 -6
- package/es/v1/TextBoxIcon/props/propTypes.js +1 -1
- package/es/v1/Textarea/Textarea.js +3 -3
- package/es/v1/Tooltip/Tooltip.js +6 -6
- package/es/v1/Typography/Typography.js +4 -4
- package/es/v1/Typography/css/cssJSLogic.js +1 -1
- package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -3
- package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
- package/es/v1/semantic/Button/Button.js +3 -3
- package/es/v1/semantic/index.js +1 -1
- package/lib/MultiSelect/AdvancedMultiSelect.js +10 -2
- package/lib/MultiSelect/props/defaultProps.js +2 -1
- package/lib/MultiSelect/props/propTypes.js +5 -1
- package/lib/Textarea/Textarea.js +43 -188
- package/lib/Textarea/Textarea.module.css +4 -55
- package/lib/Textarea/props/propTypes.js +1 -4
- package/package.json +4 -4
- package/result.json +1 -1
- package/es/Textarea/TextareaOne.js +0 -349
- package/es/Textarea/utils/calculateNodeHeight.js +0 -58
- package/es/Textarea/utils/calculateNodeHeightOne.js +0 -66
- package/es/Textarea/utils/debounce.js +0 -24
- package/es/Textarea/utils/getSizingData.js +0 -27
- package/es/Textarea/utils/ownerDocument.js +0 -5
- package/es/Textarea/utils/ownerWindow.js +0 -8
- package/es/Textarea/utils/updateState.js +0 -30
- package/lib/Textarea/TextareaOne.js +0 -422
- package/lib/Textarea/utils/calculateNodeHeight.js +0 -69
- package/lib/Textarea/utils/calculateNodeHeightOne.js +0 -74
- package/lib/Textarea/utils/debounce.js +0 -33
- package/lib/Textarea/utils/getSizingData.js +0 -37
- package/lib/Textarea/utils/ownerDocument.js +0 -13
- package/lib/Textarea/utils/ownerWindow.js +0 -18
- package/lib/Textarea/utils/updateState.js +0 -36
|
@@ -1,422 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
13
|
-
|
|
14
|
-
var _defaultProps = require("./props/defaultProps");
|
|
15
|
-
|
|
16
|
-
var _propTypes = require("./props/propTypes");
|
|
17
|
-
|
|
18
|
-
var _TextareaModule = _interopRequireDefault(require("./Textarea.module.css"));
|
|
19
|
-
|
|
20
|
-
var _ownerWindow = _interopRequireDefault(require("./ownerWindow"));
|
|
21
|
-
|
|
22
|
-
var _debounce = _interopRequireDefault(require("./debounce"));
|
|
23
|
-
|
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
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); }
|
|
27
|
-
|
|
28
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
-
|
|
30
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
|
-
|
|
32
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
33
|
-
|
|
34
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
35
|
-
|
|
36
|
-
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); } }
|
|
37
|
-
|
|
38
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
39
|
-
|
|
40
|
-
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); }
|
|
41
|
-
|
|
42
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
43
|
-
|
|
44
|
-
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); }; }
|
|
45
|
-
|
|
46
|
-
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); }
|
|
47
|
-
|
|
48
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
49
|
-
|
|
50
|
-
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; } }
|
|
51
|
-
|
|
52
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
53
|
-
|
|
54
|
-
var styles = {
|
|
55
|
-
shadow: {
|
|
56
|
-
// Visibility needed to hide the extra text area on iPads
|
|
57
|
-
visibility: "hidden",
|
|
58
|
-
// Remove from the content flow
|
|
59
|
-
position: "absolute",
|
|
60
|
-
// Ignore the scrollbar width
|
|
61
|
-
overflow: "hidden",
|
|
62
|
-
height: 0,
|
|
63
|
-
top: 0,
|
|
64
|
-
left: 0,
|
|
65
|
-
// Create a new layer, increase the isolation of the computed values
|
|
66
|
-
transform: "translateZ(0)"
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
var Textarea = /*#__PURE__*/function (_React$Component) {
|
|
71
|
-
_inherits(Textarea, _React$Component);
|
|
72
|
-
|
|
73
|
-
var _super = _createSuper(Textarea);
|
|
74
|
-
|
|
75
|
-
function Textarea(props) {
|
|
76
|
-
var _this;
|
|
77
|
-
|
|
78
|
-
_classCallCheck(this, Textarea);
|
|
79
|
-
|
|
80
|
-
_this = _super.call(this, props);
|
|
81
|
-
_this.onChange = _this.onChange.bind(_assertThisInitialized(_this));
|
|
82
|
-
_this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this));
|
|
83
|
-
_this.onBlur = _this.onBlur.bind(_assertThisInitialized(_this));
|
|
84
|
-
_this.inputRef = _this.inputRef.bind(_assertThisInitialized(_this));
|
|
85
|
-
_this.getUpdatedState = _this.getUpdatedState.bind(_assertThisInitialized(_this));
|
|
86
|
-
_this.isEmpty = _this.isEmpty.bind(_assertThisInitialized(_this));
|
|
87
|
-
_this.getStyleValue = _this.getStyleValue.bind(_assertThisInitialized(_this));
|
|
88
|
-
_this.updateState = _this.updateState.bind(_assertThisInitialized(_this));
|
|
89
|
-
_this.syncHeight = _this.syncHeight.bind(_assertThisInitialized(_this));
|
|
90
|
-
_this.syncHeightWithFlushSync = _this.syncHeightWithFlushSync.bind(_assertThisInitialized(_this));
|
|
91
|
-
_this.handleResize = _this.handleResize.bind(_assertThisInitialized(_this));
|
|
92
|
-
_this.rAFHandleResize = _this.rAFHandleResize.bind(_assertThisInitialized(_this));
|
|
93
|
-
_this.rAF = null;
|
|
94
|
-
_this.resizeObserver = null;
|
|
95
|
-
_this.debounceHandleResize = null;
|
|
96
|
-
_this.shadowRef = /*#__PURE__*/_react["default"].createRef();
|
|
97
|
-
_this.rendersRef = /*#__PURE__*/_react["default"].createRef();
|
|
98
|
-
_this.state = {
|
|
99
|
-
outerHeightStyle: 0,
|
|
100
|
-
overflow: false
|
|
101
|
-
};
|
|
102
|
-
return _this;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
_createClass(Textarea, [{
|
|
106
|
-
key: "onBlur",
|
|
107
|
-
value: function onBlur(e) {
|
|
108
|
-
e && e.preventDefault();
|
|
109
|
-
var onBlur = this.props.onBlur;
|
|
110
|
-
onBlur && onBlur(e.target.value, e);
|
|
111
|
-
this.syncHeight();
|
|
112
|
-
}
|
|
113
|
-
}, {
|
|
114
|
-
key: "onKeyDown",
|
|
115
|
-
value: function onKeyDown(e) {
|
|
116
|
-
var onKeyDown = this.props.onKeyDown;
|
|
117
|
-
onKeyDown && onKeyDown(e);
|
|
118
|
-
}
|
|
119
|
-
}, {
|
|
120
|
-
key: "inputRef",
|
|
121
|
-
value: function inputRef(e) {
|
|
122
|
-
var getRef = this.props.getRef;
|
|
123
|
-
this.textareaRef = e;
|
|
124
|
-
getRef && getRef(e);
|
|
125
|
-
}
|
|
126
|
-
}, {
|
|
127
|
-
key: "isEmpty",
|
|
128
|
-
value: function isEmpty(obj) {
|
|
129
|
-
return obj === undefined || obj === null || Object.keys(obj).length === 0 || obj.outerHeightStyle === 0 && !obj.overflow;
|
|
130
|
-
}
|
|
131
|
-
}, {
|
|
132
|
-
key: "getStyleValue",
|
|
133
|
-
value: function getStyleValue(value) {
|
|
134
|
-
return parseInt(value, 10) || 0;
|
|
135
|
-
}
|
|
136
|
-
}, {
|
|
137
|
-
key: "getUpdatedState",
|
|
138
|
-
value: function getUpdatedState() {
|
|
139
|
-
var _this$props = this.props,
|
|
140
|
-
_this$props$minRows = _this$props.minRows,
|
|
141
|
-
minRows = _this$props$minRows === void 0 ? 1 : _this$props$minRows,
|
|
142
|
-
_this$props$maxRows = _this$props.maxRows,
|
|
143
|
-
maxRows = _this$props$maxRows === void 0 ? 5 : _this$props$maxRows,
|
|
144
|
-
placeHolder = _this$props.placeHolder;
|
|
145
|
-
var input = this.textareaRef;
|
|
146
|
-
var containerWindow = (0, _ownerWindow["default"])(input);
|
|
147
|
-
var computedStyle = containerWindow.getComputedStyle(input); // If input's width is shrunk and it's not visible, don't sync height.
|
|
148
|
-
|
|
149
|
-
if (computedStyle.width === "0px") {
|
|
150
|
-
return {
|
|
151
|
-
outerHeightStyle: 0
|
|
152
|
-
};
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
var inputShallow = this.shadowRef.current;
|
|
156
|
-
inputShallow.style.width = computedStyle.width;
|
|
157
|
-
inputShallow.value = input.value || placeHolder || "x"; // if (inputShallow.value.slice(-1) === "\n") {
|
|
158
|
-
// Certain fonts which overflow the line height will cause the textarea
|
|
159
|
-
// to report a different scrollHeight depending on whether the last line
|
|
160
|
-
// is empty. Make it non-empty to avoid this issue.
|
|
161
|
-
// inputShallow.value += " ";
|
|
162
|
-
// }
|
|
163
|
-
|
|
164
|
-
var boxSizing = computedStyle.boxSizing;
|
|
165
|
-
var padding = this.getStyleValue(computedStyle.paddingBottom) + this.getStyleValue(computedStyle.paddingTop);
|
|
166
|
-
var border = this.getStyleValue(computedStyle.borderBottomWidth) + this.getStyleValue(computedStyle.borderTopWidth); // The height of the inner content
|
|
167
|
-
|
|
168
|
-
var innerHeight = inputShallow.scrollHeight; // Measure height of a textarea with a single row
|
|
169
|
-
|
|
170
|
-
inputShallow.value = "x";
|
|
171
|
-
var singleRowHeight = inputShallow.scrollHeight; // The height of the outer content
|
|
172
|
-
|
|
173
|
-
var outerHeight = innerHeight;
|
|
174
|
-
|
|
175
|
-
if (minRows) {
|
|
176
|
-
outerHeight = Math.max(Number(minRows) * singleRowHeight, outerHeight);
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
if (maxRows) {
|
|
180
|
-
outerHeight = Math.min(Number(maxRows) * singleRowHeight, outerHeight);
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
outerHeight = Math.max(outerHeight, singleRowHeight); // Take the box sizing into account for applying this value as a style.
|
|
184
|
-
|
|
185
|
-
var outerHeightStyle = outerHeight + (boxSizing === "border-box" ? padding + border : 0);
|
|
186
|
-
var overflow = Math.abs(outerHeight - innerHeight) <= 1;
|
|
187
|
-
console.log("outerHeightStyle-->", outerHeightStyle);
|
|
188
|
-
return {
|
|
189
|
-
outerHeightStyle: outerHeightStyle,
|
|
190
|
-
overflow: overflow
|
|
191
|
-
};
|
|
192
|
-
}
|
|
193
|
-
}, {
|
|
194
|
-
key: "updateState",
|
|
195
|
-
value: function updateState(prevState, newState) {
|
|
196
|
-
var outerHeightStyle = newState.outerHeightStyle,
|
|
197
|
-
overflow = newState.overflow;
|
|
198
|
-
var renders = this.rendersRef; // Need a large enough difference to update the height.
|
|
199
|
-
// This prevents infinite rendering loop.
|
|
200
|
-
|
|
201
|
-
if (renders.current < 20 && (outerHeightStyle > 0 && Math.abs((prevState.outerHeightStyle || 0) - outerHeightStyle) > 1 || prevState.overflow !== overflow)) {
|
|
202
|
-
renders.current += 1;
|
|
203
|
-
return {
|
|
204
|
-
overflow: overflow,
|
|
205
|
-
outerHeightStyle: outerHeightStyle
|
|
206
|
-
};
|
|
207
|
-
} // if (process.env.NODE_ENV !== "production") {
|
|
208
|
-
// if (renders.current === 20) {
|
|
209
|
-
// console.error(
|
|
210
|
-
// [
|
|
211
|
-
// "MUI: Too many re-renders. The layout is unstable.",
|
|
212
|
-
// "TextareaAutosize limits the number of renders to prevent an infinite loop."
|
|
213
|
-
// ].join("\n")
|
|
214
|
-
// )
|
|
215
|
-
// }
|
|
216
|
-
// }
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
return prevState;
|
|
220
|
-
}
|
|
221
|
-
}, {
|
|
222
|
-
key: "syncHeight",
|
|
223
|
-
value: function syncHeight() {
|
|
224
|
-
var _this2 = this;
|
|
225
|
-
|
|
226
|
-
var newState = this.getUpdatedState();
|
|
227
|
-
|
|
228
|
-
if (this.isEmpty(newState)) {
|
|
229
|
-
return;
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
this.setState(function (prevState) {
|
|
233
|
-
return _this2.updateState(prevState, newState);
|
|
234
|
-
});
|
|
235
|
-
}
|
|
236
|
-
}, {
|
|
237
|
-
key: "onChange",
|
|
238
|
-
value: function onChange(e) {
|
|
239
|
-
e && e.preventDefault();
|
|
240
|
-
var _this$props2 = this.props,
|
|
241
|
-
onChange = _this$props2.onChange,
|
|
242
|
-
text = _this$props2.text;
|
|
243
|
-
this.rendersRef.current = 0;
|
|
244
|
-
var isControlled = text !== undefined;
|
|
245
|
-
|
|
246
|
-
if (!isControlled) {
|
|
247
|
-
this.syncHeight();
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
onChange && onChange(e.target.value, e);
|
|
251
|
-
}
|
|
252
|
-
}, {
|
|
253
|
-
key: "syncHeightWithFlushSync",
|
|
254
|
-
value: function syncHeightWithFlushSync() {
|
|
255
|
-
var _this3 = this;
|
|
256
|
-
|
|
257
|
-
var newState = this.getUpdatedState();
|
|
258
|
-
|
|
259
|
-
if (this.isEmpty(newState)) {
|
|
260
|
-
return;
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
_reactDom["default"].flushSync(function () {
|
|
264
|
-
_this3.setState(function (prevState) {
|
|
265
|
-
return _this3.updateState(prevState, newState);
|
|
266
|
-
});
|
|
267
|
-
});
|
|
268
|
-
}
|
|
269
|
-
}, {
|
|
270
|
-
key: "handleResize",
|
|
271
|
-
value: function handleResize() {
|
|
272
|
-
this.rendersRef.current = 0;
|
|
273
|
-
this.syncHeightWithFlushSync();
|
|
274
|
-
}
|
|
275
|
-
}, {
|
|
276
|
-
key: "rAFHandleResize",
|
|
277
|
-
value: function rAFHandleResize() {
|
|
278
|
-
var _this4 = this;
|
|
279
|
-
|
|
280
|
-
cancelAnimationFrame(this.rAF);
|
|
281
|
-
this.rAF = requestAnimationFrame(function () {
|
|
282
|
-
_this4.handleResize();
|
|
283
|
-
});
|
|
284
|
-
}
|
|
285
|
-
}, {
|
|
286
|
-
key: "componentDidMount",
|
|
287
|
-
value: function componentDidMount() {
|
|
288
|
-
var input = this.textareaRef;
|
|
289
|
-
var containerWindow = (0, _ownerWindow["default"])(input);
|
|
290
|
-
this.debounceHandleResize = (0, _debounce["default"])(this.handleResize);
|
|
291
|
-
containerWindow.addEventListener("resize", this.debounceHandleResize);
|
|
292
|
-
|
|
293
|
-
if (typeof ResizeObserver !== "undefined") {
|
|
294
|
-
this.resizeObserver = new ResizeObserver(this.rAFHandleResize);
|
|
295
|
-
this.resizeObserver.observe(input);
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
}, {
|
|
299
|
-
key: "componentWillUnmount",
|
|
300
|
-
value: function componentWillUnmount() {
|
|
301
|
-
var input = this.textareaRef;
|
|
302
|
-
var containerWindow = (0, _ownerWindow["default"])(input);
|
|
303
|
-
this.debounceHandleResize.clear();
|
|
304
|
-
cancelAnimationFrame(this.rAF);
|
|
305
|
-
containerWindow.removeEventListener("resize", this.debounceHandleResize);
|
|
306
|
-
|
|
307
|
-
if (this.resizeObserver) {
|
|
308
|
-
this.resizeObserver.disconnect();
|
|
309
|
-
}
|
|
310
|
-
}
|
|
311
|
-
}, {
|
|
312
|
-
key: "componentDidUpdate",
|
|
313
|
-
value: function componentDidUpdate(prevProps) {
|
|
314
|
-
if (prevProps.text !== this.props.text) {
|
|
315
|
-
this.rendersRef.current = 0;
|
|
316
|
-
this.syncHeight();
|
|
317
|
-
}
|
|
318
|
-
}
|
|
319
|
-
}, {
|
|
320
|
-
key: "render",
|
|
321
|
-
value: function render() {
|
|
322
|
-
var _this$props3 = this.props,
|
|
323
|
-
size = _this$props3.size,
|
|
324
|
-
placeHolder = _this$props3.placeHolder,
|
|
325
|
-
needBorder = _this$props3.needBorder,
|
|
326
|
-
text = _this$props3.text,
|
|
327
|
-
isDisabled = _this$props3.isDisabled,
|
|
328
|
-
resize = _this$props3.resize,
|
|
329
|
-
maxLength = _this$props3.maxLength,
|
|
330
|
-
animated = _this$props3.animated,
|
|
331
|
-
variant = _this$props3.variant,
|
|
332
|
-
getRef = _this$props3.getRef,
|
|
333
|
-
onFocus = _this$props3.onFocus,
|
|
334
|
-
dataId = _this$props3.dataId,
|
|
335
|
-
dataSelectorId = _this$props3.dataSelectorId,
|
|
336
|
-
isReadOnly = _this$props3.isReadOnly,
|
|
337
|
-
needAppearance = _this$props3.needAppearance,
|
|
338
|
-
needReadOnlyStyle = _this$props3.needReadOnlyStyle,
|
|
339
|
-
borderColor = _this$props3.borderColor,
|
|
340
|
-
needEffect = _this$props3.needEffect,
|
|
341
|
-
autoFocus = _this$props3.autoFocus,
|
|
342
|
-
htmlId = _this$props3.htmlId,
|
|
343
|
-
a11y = _this$props3.a11y,
|
|
344
|
-
customClass = _this$props3.customClass,
|
|
345
|
-
maxRows = _this$props3.maxRows,
|
|
346
|
-
_this$props3$minRows = _this$props3.minRows,
|
|
347
|
-
minRows = _this$props3$minRows === void 0 ? 3 : _this$props3$minRows,
|
|
348
|
-
inlineStyle = _this$props3.inlineStyle;
|
|
349
|
-
var ariaLabel = a11y.ariaLabel,
|
|
350
|
-
ariaLabelledby = a11y.ariaLabelledby;
|
|
351
|
-
var resizes = {
|
|
352
|
-
horizontal: "resizeX",
|
|
353
|
-
vertical: "resizeY",
|
|
354
|
-
both: "resizeboth",
|
|
355
|
-
none: "noresize"
|
|
356
|
-
};
|
|
357
|
-
var options = {};
|
|
358
|
-
|
|
359
|
-
if (isReadOnly) {
|
|
360
|
-
options.readOnly = "readOnly";
|
|
361
|
-
}
|
|
362
|
-
|
|
363
|
-
if (isDisabled) {
|
|
364
|
-
options.disabled = "disabled";
|
|
365
|
-
}
|
|
366
|
-
|
|
367
|
-
if (autoFocus) {
|
|
368
|
-
options.autoFocus = true;
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
var classList = needAppearance ? "".concat(_TextareaModule["default"].container, " ").concat(_TextareaModule["default"][size], " ").concat(_TextareaModule["default"][variant], " ").concat(needBorder ? _TextareaModule["default"].needBorder : _TextareaModule["default"].noBorder, " ").concat(resize ? _TextareaModule["default"][resizes[resize]] : _TextareaModule["default"][resizes.none], " ").concat(animated ? "".concat(_TextareaModule["default"]["".concat(size, "animated")]) : "", " ").concat(isDisabled && !needEffect || isReadOnly && !needEffect ? "" : _TextareaModule["default"].effect) : "".concat(_TextareaModule["default"].basic);
|
|
372
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("textarea", _extends({
|
|
373
|
-
"aria-label": ariaLabel,
|
|
374
|
-
"aria-labelledby": ariaLabelledby,
|
|
375
|
-
className: "".concat(customClass, " ").concat(isReadOnly && needReadOnlyStyle ? _TextareaModule["default"].readonly : "", " ").concat(classList, " ").concat(_TextareaModule["default"]["borderColor_".concat(borderColor)]),
|
|
376
|
-
placeholder: placeHolder
|
|
377
|
-
}, options, {
|
|
378
|
-
"data-id": dataId,
|
|
379
|
-
"data-test-id": dataId,
|
|
380
|
-
maxLength: maxLength,
|
|
381
|
-
onChange: this.onChange,
|
|
382
|
-
onKeyDown: this.onKeyDown,
|
|
383
|
-
onFocus: onFocus,
|
|
384
|
-
onBlur: this.onBlur,
|
|
385
|
-
ref: this.inputRef,
|
|
386
|
-
value: text,
|
|
387
|
-
id: htmlId,
|
|
388
|
-
"data-selector-id": dataSelectorId,
|
|
389
|
-
rows: minRows,
|
|
390
|
-
style: _objectSpread({
|
|
391
|
-
height: this.state.outerHeightStyle,
|
|
392
|
-
// Need a large enough difference to allow scrolling.
|
|
393
|
-
// This prevents infinite rendering loop.
|
|
394
|
-
overflow: this.state.overflow ? "hidden" : undefined
|
|
395
|
-
}, inlineStyle)
|
|
396
|
-
})), /*#__PURE__*/_react["default"].createElement("textarea", {
|
|
397
|
-
"aria-hidden": true,
|
|
398
|
-
readOnly: true,
|
|
399
|
-
ref: this.shadowRef,
|
|
400
|
-
tabIndex: -1,
|
|
401
|
-
className: "".concat(customClass, " ").concat(classList, " ").concat(_TextareaModule["default"]["borderColor_".concat(borderColor)]),
|
|
402
|
-
style: _objectSpread(_objectSpread(_objectSpread({}, styles.shadow), inlineStyle), {}, {
|
|
403
|
-
paddingTop: 0,
|
|
404
|
-
paddingBottom: 0
|
|
405
|
-
})
|
|
406
|
-
}));
|
|
407
|
-
}
|
|
408
|
-
}]);
|
|
409
|
-
|
|
410
|
-
return Textarea;
|
|
411
|
-
}(_react["default"].Component);
|
|
412
|
-
|
|
413
|
-
exports["default"] = Textarea;
|
|
414
|
-
Textarea.defaultProps = _defaultProps.defaultProps;
|
|
415
|
-
Textarea.propTypes = _propTypes.propTypes; // if (__DOCS__) {
|
|
416
|
-
// Textarea.docs = {
|
|
417
|
-
// componentGroup: 'Form Elements',
|
|
418
|
-
// folderName: 'Style Guide',
|
|
419
|
-
// external: true,
|
|
420
|
-
// description: ' '
|
|
421
|
-
// };
|
|
422
|
-
// }
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = calculateNodeHeight;
|
|
7
|
-
|
|
8
|
-
var _getSizingData2 = _interopRequireDefault(require("./getSizingData"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
function calculateNodeHeight(_ref) {
|
|
13
|
-
var _ref$minRows = _ref.minRows,
|
|
14
|
-
minRows = _ref$minRows === void 0 ? 1 : _ref$minRows,
|
|
15
|
-
_ref$maxRows = _ref.maxRows,
|
|
16
|
-
maxRows = _ref$maxRows === void 0 ? 5 : _ref$maxRows,
|
|
17
|
-
textareaEle = _ref.textareaEle,
|
|
18
|
-
hiddenTextareaEle = _ref.hiddenTextareaEle;
|
|
19
|
-
|
|
20
|
-
var _getSizingData = (0, _getSizingData2["default"])(textareaEle),
|
|
21
|
-
computedStyle = _getSizingData.computedStyle,
|
|
22
|
-
paddingSize = _getSizingData.paddingSize,
|
|
23
|
-
borderSize = _getSizingData.borderSize,
|
|
24
|
-
boxSizing = _getSizingData.boxSizing;
|
|
25
|
-
|
|
26
|
-
var isBorderBox = boxSizing === "border-box"; // If input's width is shrunk and it's not visible, don't sync height.
|
|
27
|
-
|
|
28
|
-
if (computedStyle.width === '0px') {
|
|
29
|
-
return {
|
|
30
|
-
height: 0
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
var hiddenTextarea = hiddenTextareaEle;
|
|
35
|
-
hiddenTextarea.style.width = computedStyle.width;
|
|
36
|
-
hiddenTextarea.value = textareaEle.value || textareaEle.placeholder || "x";
|
|
37
|
-
|
|
38
|
-
if (hiddenTextarea.value.slice(-1) === "\n") {
|
|
39
|
-
// // Certain fonts which overflow the line height will cause the textarea
|
|
40
|
-
// // to report a different scrollHeight depending on whether the last line
|
|
41
|
-
// // is empty. Make it non-empty to avoid this issue.
|
|
42
|
-
hiddenTextarea.value += " ";
|
|
43
|
-
} // The height of the inner content
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
var innerHeight = hiddenTextarea.scrollHeight; // Measure height of a textarea with a single row
|
|
47
|
-
|
|
48
|
-
hiddenTextarea.value = "x";
|
|
49
|
-
var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize || parseInt(computedStyle.lineHeight); // The height of the outer content
|
|
50
|
-
|
|
51
|
-
var outerHeight = innerHeight;
|
|
52
|
-
|
|
53
|
-
if (minRows) {
|
|
54
|
-
outerHeight = Math.max(Number(minRows) * singleRowHeight, outerHeight);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
if (maxRows) {
|
|
58
|
-
outerHeight = Math.min(Number(maxRows) * singleRowHeight, outerHeight);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
outerHeight = Math.max(outerHeight, singleRowHeight); // Take the box sizing into account for applying this value as a style.
|
|
62
|
-
|
|
63
|
-
var height = outerHeight + (isBorderBox ? paddingSize + borderSize : 0);
|
|
64
|
-
var overflow = Math.abs(outerHeight - innerHeight) <= 1;
|
|
65
|
-
return {
|
|
66
|
-
height: height,
|
|
67
|
-
overflow: overflow
|
|
68
|
-
};
|
|
69
|
-
}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = calculateNodeHeightOne;
|
|
7
|
-
|
|
8
|
-
var _getSizingData2 = _interopRequireDefault(require("./getSizingData"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
var getHeight = function getHeight(node, _ref) {
|
|
13
|
-
var borderSize = _ref.borderSize,
|
|
14
|
-
paddingSize = _ref.paddingSize,
|
|
15
|
-
isBorderBox = _ref.isBorderBox;
|
|
16
|
-
var height = node.scrollHeight;
|
|
17
|
-
|
|
18
|
-
if (isBorderBox) {
|
|
19
|
-
// border-box: add border, since height = content + padding + border
|
|
20
|
-
return height + borderSize;
|
|
21
|
-
} // remove padding, since height = content
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
return height - paddingSize;
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
function calculateNodeHeightOne(_ref2) {
|
|
28
|
-
var _ref2$minRows = _ref2.minRows,
|
|
29
|
-
minRows = _ref2$minRows === void 0 ? 1 : _ref2$minRows,
|
|
30
|
-
_ref2$maxRows = _ref2.maxRows,
|
|
31
|
-
maxRows = _ref2$maxRows === void 0 ? 5 : _ref2$maxRows,
|
|
32
|
-
textareaEle = _ref2.textareaEle,
|
|
33
|
-
hiddenTextareaEle = _ref2.hiddenTextareaEle;
|
|
34
|
-
|
|
35
|
-
var _getSizingData = (0, _getSizingData2["default"])(hiddenTextareaEle),
|
|
36
|
-
computedStyle = _getSizingData.computedStyle,
|
|
37
|
-
paddingSize = _getSizingData.paddingSize,
|
|
38
|
-
borderSize = _getSizingData.borderSize,
|
|
39
|
-
boxSizing = _getSizingData.boxSizing;
|
|
40
|
-
|
|
41
|
-
var isBorderBox = boxSizing === "border-box"; // If input's width is shrunk and it's not visible, don't sync height.
|
|
42
|
-
|
|
43
|
-
if (computedStyle.width === '0px') {
|
|
44
|
-
return {
|
|
45
|
-
height: 0
|
|
46
|
-
};
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
var hiddenTextarea = hiddenTextareaEle; // The height of the inner content
|
|
50
|
-
|
|
51
|
-
var height = getHeight(hiddenTextarea, {
|
|
52
|
-
paddingSize: paddingSize,
|
|
53
|
-
borderSize: borderSize,
|
|
54
|
-
isBorderBox: isBorderBox
|
|
55
|
-
});
|
|
56
|
-
var innerHeight = getHeight(hiddenTextarea, {
|
|
57
|
-
paddingSize: paddingSize,
|
|
58
|
-
borderSize: borderSize,
|
|
59
|
-
isBorderBox: isBorderBox
|
|
60
|
-
}); // measure height of a textarea with a single row
|
|
61
|
-
|
|
62
|
-
hiddenTextarea.value = textareaEle.value || textareaEle.placeholder || "x";
|
|
63
|
-
hiddenTextarea.style.width = computedStyle.width;
|
|
64
|
-
var rowHeight = hiddenTextarea.scrollHeight - paddingSize;
|
|
65
|
-
var minHeight = rowHeight * minRows + (isBorderBox ? paddingSize + borderSize : 0);
|
|
66
|
-
var maxHeight = rowHeight * maxRows + (isBorderBox ? paddingSize + borderSize : 0);
|
|
67
|
-
height = Math.min(maxHeight, Math.max(minHeight, height)); // Take the box sizing into account for applying this value as a style.
|
|
68
|
-
|
|
69
|
-
var overflow = Math.abs(height - innerHeight) <= 1;
|
|
70
|
-
return {
|
|
71
|
-
height: height,
|
|
72
|
-
overflow: overflow
|
|
73
|
-
};
|
|
74
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = debounce;
|
|
7
|
-
|
|
8
|
-
// Corresponds to 10 frames at 60 Hz.
|
|
9
|
-
function debounce(func) {
|
|
10
|
-
var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 166;
|
|
11
|
-
var timeout;
|
|
12
|
-
|
|
13
|
-
function debounced() {
|
|
14
|
-
var _this = this;
|
|
15
|
-
|
|
16
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
17
|
-
args[_key] = arguments[_key];
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
var later = function later() {
|
|
21
|
-
func.apply(_this, args);
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
clearTimeout(timeout);
|
|
25
|
-
timeout = setTimeout(later, wait);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
debounced.clear = function () {
|
|
29
|
-
clearTimeout(timeout);
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
return debounced;
|
|
33
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _ownerWindow = _interopRequireDefault(require("./ownerWindow"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
var getStyleValue = function getStyleValue(value) {
|
|
13
|
-
return parseInt(value, 10) || 0;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
var getSizingData = function getSizingData(node) {
|
|
17
|
-
var containerWindow = (0, _ownerWindow["default"])(node);
|
|
18
|
-
var computedStyle = containerWindow.getComputedStyle(node);
|
|
19
|
-
|
|
20
|
-
if (computedStyle === null) {
|
|
21
|
-
return null;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
var boxSizing = computedStyle.boxSizing;
|
|
25
|
-
var paddingSize = getStyleValue(computedStyle.paddingBottom) + getStyleValue(computedStyle.paddingTop);
|
|
26
|
-
var borderSize = getStyleValue(computedStyle.borderBottomWidth) + getStyleValue(computedStyle.borderTopWidth);
|
|
27
|
-
return {
|
|
28
|
-
boxSizing: boxSizing,
|
|
29
|
-
paddingSize: paddingSize,
|
|
30
|
-
borderSize: borderSize,
|
|
31
|
-
containerWindow: containerWindow,
|
|
32
|
-
computedStyle: computedStyle
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
var _default = getSizingData;
|
|
37
|
-
exports["default"] = _default;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var ownerDocument = function ownerDocument(node) {
|
|
9
|
-
return node && node.ownerDocument || document;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
var _default = ownerDocument;
|
|
13
|
-
exports["default"] = _default;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _ownerDocument = _interopRequireDefault(require("./ownerDocument"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
var ownerWindow = function ownerWindow(node) {
|
|
13
|
-
var document = (0, _ownerDocument["default"])(node);
|
|
14
|
-
return document.defaultView || window;
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var _default = ownerWindow;
|
|
18
|
-
exports["default"] = _default;
|