@ringcentral/juno 1.11.6-beta.5665-e9a0fa4a → 1.12.0

package/components/ImageView/ImageView.js

@@ -1,98 +1,14 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var cloneDeep_1 = __importDefault(require("lodash/cloneDeep"));
-var values_1 = __importDefault(require("lodash/values"));
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("../../foundation/styled-components"));
-var ImageBroken_1 = __importDefault(require("../../icon/ImageBroken"));
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
+var values_1 = tslib_1.__importDefault(require("lodash/values"));
+var styled_components_1 = tslib_1.__importDefault(require("../../foundation/styled-components"));
+var ImageBroken_1 = tslib_1.__importDefault(require("../../icon/ImageBroken"));
 var Icon_1 = require("../Icon");
-var StyledLoadingPage = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-var StyledBackground = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  overflow: hidden;\n  box-shadow: ", ";\n  visibility: ", ";\n  user-select: none;\n  height: ", "px;\n  width: ", "px;\n"], ["\n  display: block;\n  overflow: hidden;\n  box-shadow: ", ";\n  visibility: ", ";\n  user-select: none;\n  height: ", "px;\n  width: ", "px;\n"])), function (_a) {
+var StyledLoadingPage = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+var StyledBackground = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: block;\n  overflow: hidden;\n  box-shadow: ", ";\n  visibility: ", ";\n  user-select: none;\n  height: ", "px;\n  width: ", "px;\n"], ["\n  display: block;\n  overflow: hidden;\n  box-shadow: ", ";\n  visibility: ", ";\n  user-select: none;\n  height: ", "px;\n  width: ", "px;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.shadows[7];
 }, function (_a) {
@@ -105,12 +21,12 @@ var StyledBackground = styled_components_1.default.div(templateObject_2 || (temp
     var width = _a.width;
     return width;
 });
-var HiddenImage = styled_components_1.default.img(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  visibility: hidden;\n  display: none;\n"], ["\n  visibility: hidden;\n  display: none;\n"])));
+var HiddenImage = styled_components_1.default.img(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  visibility: hidden;\n  display: none;\n"], ["\n  visibility: hidden;\n  display: none;\n"])));
 function isThumbnailMode(props) {
     return props.thumbnailSrc && props.thumbnailSrc !== props.src;
 }
 var RcImageView = /** @class */ (function (_super) {
-    __extends(RcImageView, _super);
+    tslib_1.__extends(RcImageView, _super);
     function RcImageView(props) {
         var _this = _super.call(this, props) || this;
         _this._imageRef = react_1.createRef();
@@ -134,10 +50,10 @@ var RcImageView = /** @class */ (function (_super) {
                 ctx.drawImage(imgBitmap, 0, 0, naturalWidth, naturalHeight, 0, 0, naturalWidth, naturalHeight);
             }
         };
-        _this._loadHandler = function (event) { return __awaiter(_this, void 0, void 0, function () {
+        _this._loadHandler = function (event) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
             var _a, loadings, currentShow, _b, onSizeLoad, onLoad, _c, naturalWidth, naturalHeight, performanceTracerEnd, target, bitmap;
             var _d;
-            return __generator(this, function (_e) {
+            return tslib_1.__generator(this, function (_e) {
                 switch (_e.label) {
                     case 0:
                         _a = this.state, loadings = _a.loadings, currentShow = _a.currentShow;
@@ -150,7 +66,7 @@ var RcImageView = /** @class */ (function (_super) {
                             performanceTracerEnd === null || performanceTracerEnd === void 0 ? void 0 : performanceTracerEnd();
                         }
                         this.setState({
-                            loadings: __assign(__assign({}, loadings), (_d = {}, _d[currentShow] = false, _d)),
+                            loadings: tslib_1.__assign(tslib_1.__assign({}, loadings), (_d = {}, _d[currentShow] = false, _d)),
                         });
                         if (!this._canvasRef.current) {
                             return [2 /*return*/];
@@ -177,8 +93,8 @@ var RcImageView = /** @class */ (function (_super) {
                 onError === null || onError === void 0 ? void 0 : onError();
             }
             _this.setState({
-                loadings: __assign(__assign({}, loadings), (_a = {}, _a[currentShow] = false, _a)),
-                errors: __assign(__assign({}, errors), (_b = {}, _b[currentShow] = true, _b)),
+                loadings: tslib_1.__assign(tslib_1.__assign({}, loadings), (_a = {}, _a[currentShow] = false, _a)),
+                errors: tslib_1.__assign(tslib_1.__assign({}, errors), (_b = {}, _b[currentShow] = true, _b)),
             });
             onError === null || onError === void 0 ? void 0 : onError();
         };
@@ -192,14 +108,14 @@ var RcImageView = /** @class */ (function (_super) {
             var pathName = new URL(currentShowSrc).pathname;
             var isGif = /\.gif$/.test(pathName);
             if (isGif) {
-                return (react_1.default.createElement("img", __assign({ src: currentShowSrc, alt: "", onLoad: _this._loadHandler, onError: _this._errorHandler }, _this._imageAttributes)));
+                return (react_1.default.createElement("img", tslib_1.__assign({ src: currentShowSrc, alt: "", onLoad: _this._loadHandler, onError: _this._errorHandler }, _this._imageAttributes)));
             }
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 _this.canvasRenderer(),
                 react_1.default.createElement(HiddenImage, { src: currentShowSrc, onLoad: _this._loadHandler, onError: _this._errorHandler })));
         };
         _this.canvasRenderer = function () {
-            return (react_1.default.createElement(StyledBackground, __assign({}, _this._imageAttributes, { visibility: _this.error ? 'hidden' : 'visible' }),
+            return (react_1.default.createElement(StyledBackground, tslib_1.__assign({}, _this._imageAttributes, { visibility: _this.error ? 'hidden' : 'visible' }),
                 react_1.default.createElement("canvas", { ref: _this._canvasRef, style: { width: '100%' } })));
         };
         var performanceTracerStart = _this.props.performanceTracerStart;
@@ -232,13 +148,13 @@ var RcImageView = /** @class */ (function (_super) {
                 var _a = event.currentTarget, naturalWidth = _a.naturalWidth, naturalHeight = _a.naturalHeight;
                 onSizeLoad === null || onSizeLoad === void 0 ? void 0 : onSizeLoad(naturalWidth, naturalHeight);
                 _this.setState({
-                    loadings: __assign(__assign({}, loadings), { raw: false }),
+                    loadings: tslib_1.__assign(tslib_1.__assign({}, loadings), { raw: false }),
                     currentShow: 'raw',
                 });
             }, onError: function () {
                 _this.setState({
-                    loadings: __assign(__assign({}, loadings), { raw: false }),
-                    errors: __assign(__assign({}, errors), { raw: true }),
+                    loadings: tslib_1.__assign(tslib_1.__assign({}, loadings), { raw: false }),
+                    errors: tslib_1.__assign(tslib_1.__assign({}, errors), { raw: true }),
                 });
             } })));
     };
@@ -252,8 +168,8 @@ var RcImageView = /** @class */ (function (_super) {
     });
     Object.defineProperty(RcImageView.prototype, "_imageAttributes", {
         get: function () {
-            var _a = this.props, onSizeLoad = _a.onSizeLoad, onLoad = _a.onLoad, onError = _a.onError, loadingPlaceHolder = _a.loadingPlaceHolder, viewRef = _a.imageRef, thumbnailSrc = _a.thumbnailSrc, src = _a.src, performanceTracerEnd = _a.performanceTracerEnd, performanceTracerStart = _a.performanceTracerStart, rest = __rest(_a, ["onSizeLoad", "onLoad", "onError", "loadingPlaceHolder", "imageRef", "thumbnailSrc", "src", "performanceTracerEnd", "performanceTracerStart"]);
-            return __assign(__assign({}, rest), { ref: this.getImageRef() });
+            var _a = this.props, onSizeLoad = _a.onSizeLoad, onLoad = _a.onLoad, onError = _a.onError, loadingPlaceHolder = _a.loadingPlaceHolder, viewRef = _a.imageRef, thumbnailSrc = _a.thumbnailSrc, src = _a.src, performanceTracerEnd = _a.performanceTracerEnd, performanceTracerStart = _a.performanceTracerStart, rest = tslib_1.__rest(_a, ["onSizeLoad", "onLoad", "onError", "loadingPlaceHolder", "imageRef", "thumbnailSrc", "src", "performanceTracerEnd", "performanceTracerStart"]);
+            return tslib_1.__assign(tslib_1.__assign({}, rest), { ref: this.getImageRef() });
         },
         enumerable: true,
         configurable: true

package/components/ImageView/index.js

@@ -1,6 +1,4 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./ImageView"));
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ImageView"), exports);

package/components/InlineEditable/InlineEditable.d.ts

@@ -1,5 +1,5 @@
-import { InputProps } from '@material-ui/core/Input';
 import React, { CSSProperties, DOMAttributes } from 'react';
+import { InputProps } from '@material-ui/core/Input';
 import { RcBaseProps, RcClassesProps, RcPaletteKeys, RcTypographyKeys } from '../../foundation';
 import { RcTooltipProps } from '../Tooltip';
 declare type RcInlineEditableOnChangeReason = 'leave' | 'confirm';
@@ -117,7 +117,7 @@ declare const RcInlineEditable: import("styled-components").StyledComponentClass
     /** apply title on label */
     title?: string | undefined;
     /** props for pass into `RcTooltip` when is not editing */
-    TooltipProps?: Pick<RcTooltipProps, "ref" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "innerRef" | "TransitionComponent" | "TransitionProps" | "placement" | "onClose" | "open" | "disableFocusListener" | "disableHoverListener" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "interactive" | "leaveDelay" | "leaveTouchDelay" | "onOpen" | "PopperComponent" | "PopperProps" | "tooltipForceHide" | "textColor" | "ignorePointer" | "maskProps" | "injectGlobalStyle"> | undefined;
+    TooltipProps?: Pick<RcTooltipProps, "ref" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "innerRef" | "TransitionComponent" | "TransitionProps" | "placement" | "onClose" | "open" | "disableFocusListener" | "disableHoverListener" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "interactive" | "leaveDelay" | "leaveTouchDelay" | "onOpen" | "PopperComponent" | "PopperProps" | "tooltipForceHide" | "textColor" | "ignorePointer" | "maskProps" | "injectGlobalStyle"> | undefined;
     /** @deprecated not need set anymore */
     shouldRemoveNode?: boolean | undefined;
     /** @deprecated use `data-test-automation-id="your-key"` directly */
@@ -182,7 +182,7 @@ declare const RcInlineEditable: import("styled-components").StyledComponentClass
     /** apply title on label */
     title?: string | undefined;
     /** props for pass into `RcTooltip` when is not editing */
-    TooltipProps?: Pick<RcTooltipProps, "ref" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "innerRef" | "TransitionComponent" | "TransitionProps" | "placement" | "onClose" | "open" | "disableFocusListener" | "disableHoverListener" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "interactive" | "leaveDelay" | "leaveTouchDelay" | "onOpen" | "PopperComponent" | "PopperProps" | "tooltipForceHide" | "textColor" | "ignorePointer" | "maskProps" | "injectGlobalStyle"> | undefined;
+    TooltipProps?: Pick<RcTooltipProps, "ref" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "innerRef" | "TransitionComponent" | "TransitionProps" | "placement" | "onClose" | "open" | "disableFocusListener" | "disableHoverListener" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "interactive" | "leaveDelay" | "leaveTouchDelay" | "onOpen" | "PopperComponent" | "PopperProps" | "tooltipForceHide" | "textColor" | "ignorePointer" | "maskProps" | "injectGlobalStyle"> | undefined;
     /** @deprecated not need set anymore */
     shouldRemoveNode?: boolean | undefined;
     /** @deprecated use `data-test-automation-id="your-key"` directly */
@@ -202,4 +202,5 @@ declare const RcInlineEditable: import("styled-components").StyledComponentClass
 } & Pick<React.DOMAttributes<HTMLDivElement>, "onFocus" | "onBlur" | "onKeyDown" | "onMouseDown"> & RcClassesProps<"label" | "placeholder" | "textField" | "saving"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "style" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseDown" | "title" | "classes" | "placeholder" | "value" | "variant" | "disabled" | "fullWidth" | "TooltipProps" | "inputProps" | "multiline" | "maxLength" | "tooltipTitle" | "automationId" | "saving" | "shouldRemoveNode" | "onSave"> & {
     theme?: import("../../foundation").RcTheme | undefined;
 }>;
-export { RcInlineEditable, RcInlineEditableProps };
+export { RcInlineEditable };
+export type { RcInlineEditableProps };

package/components/InlineEditable/InlineEditable.js

@@ -1,98 +1,11 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-var clsx_1 = __importDefault(require("clsx"));
-var isString_1 = __importDefault(require("lodash/isString"));
-var trimEnd_1 = __importDefault(require("lodash/trimEnd"));
-var react_1 = __importStar(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var isString_1 = tslib_1.__importDefault(require("lodash/isString"));
+var trimEnd_1 = tslib_1.__importDefault(require("lodash/trimEnd"));
 var foundation_1 = require("../../foundation");
 var Tooltip_1 = require("../Tooltip");
 var styles_1 = require("./styles");
@@ -101,17 +14,17 @@ var _RcInlineEditable = react_1.forwardRef(function (inProps, ref) {
     var _a, _b;
     var _c;
     var props = foundation_1.useThemeProps({ props: inProps, name: 'RcInlineEditable' });
-    var onSave = props.onSave, automationId = props.automationId, tooltipTitle = props.tooltipTitle, _d = props.shouldRemoveNode, shouldRemoveNode = _d === void 0 ? true : _d, TooltipProps = props.TooltipProps, onChange = props.onChange, onKeyDown = props.onKeyDown, onFocus = props.onFocus, onBlur = props.onBlur, onMouseDown = props.onMouseDown, value = props.value, variant = props.variant, multiline = props.multiline, disabled = props.disabled, maxLength = props.maxLength, placeholder = props.placeholder, fullWidth = props.fullWidth, title = props.title, classesProp = props.classes, color = props.color, className = props.className, savingProp = props.saving, inputProps = props.inputProps, rest = __rest(props, ["onSave", "automationId", "tooltipTitle", "shouldRemoveNode", "TooltipProps", "onChange", "onKeyDown", "onFocus", "onBlur", "onMouseDown", "value", "variant", "multiline", "disabled", "maxLength", "placeholder", "fullWidth", "title", "classes", "color", "className", "saving", "inputProps"]);
-    var _e = __read(react_1.useState(false), 2), isEditing = _e[0], setEditing = _e[1];
-    var _f = __read(react_1.useState(false), 2), isSaving = _f[0], setSaving = _f[1];
-    var _g = __read(foundation_1.useRefState(''), 2), draftRef = _g[0], setDraft = _g[1];
+    var onSave = props.onSave, automationId = props.automationId, tooltipTitle = props.tooltipTitle, _d = props.shouldRemoveNode, shouldRemoveNode = _d === void 0 ? true : _d, TooltipProps = props.TooltipProps, onChange = props.onChange, onKeyDown = props.onKeyDown, onFocus = props.onFocus, onBlur = props.onBlur, onMouseDown = props.onMouseDown, value = props.value, variant = props.variant, multiline = props.multiline, disabled = props.disabled, maxLength = props.maxLength, placeholder = props.placeholder, fullWidth = props.fullWidth, title = props.title, classesProp = props.classes, color = props.color, className = props.className, savingProp = props.saving, inputProps = props.inputProps, rest = tslib_1.__rest(props, ["onSave", "automationId", "tooltipTitle", "shouldRemoveNode", "TooltipProps", "onChange", "onKeyDown", "onFocus", "onBlur", "onMouseDown", "value", "variant", "multiline", "disabled", "maxLength", "placeholder", "fullWidth", "title", "classes", "color", "className", "saving", "inputProps"]);
+    var _e = tslib_1.__read(react_1.useState(false), 2), isEditing = _e[0], setEditing = _e[1];
+    var _f = tslib_1.__read(react_1.useState(false), 2), isSaving = _f[0], setSaving = _f[1];
+    var _g = tslib_1.__read(foundation_1.useRefState(''), 2), draftRef = _g[0], setDraft = _g[1];
     var isNotNeedSaveWhenBlurRef = react_1.useRef(false);
     var textFieldRef = react_1.useRef();
     var labelRef = react_1.useRef(null);
     var saving = isSaving || savingProp;
-    var handleSave = function (newValue, reason) { return __awaiter(void 0, void 0, void 0, function () {
+    var handleSave = function (newValue, reason) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
         var outputValue;
-        return __generator(this, function (_a) {
+        return tslib_1.__generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     outputValue = multiline ? trimEnd_1.default(newValue) : newValue.trim();
@@ -217,10 +130,10 @@ var _RcInlineEditable = react_1.forwardRef(function (inProps, ref) {
     var draft = draftRef.current;
     var displayValue = isEditing || saving ? draft : value;
     var toTooltipTitle = (_c = (isString_1.default(TooltipProps === null || TooltipProps === void 0 ? void 0 : TooltipProps.title) ? TooltipProps === null || TooltipProps === void 0 ? void 0 : TooltipProps.title : undefined)) !== null && _c !== void 0 ? _c : tooltipTitle;
-    var children = (react_1.default.createElement("div", __assign({ ref: ref, "data-test-automation-id": automationId, onKeyDown: handleKeyDown, className: clsx_1.default(className, (_a = {},
+    var children = (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, "data-test-automation-id": automationId, onKeyDown: handleKeyDown, className: clsx_1.default(className, (_a = {},
             _a[classes.saving] = saving,
             _a)), onMouseDown: handleMouseDown }, rest),
-        disabled ? null : (react_1.default.createElement(Component, __assign({ ref: textFieldRef, value: draft, autoComplete: "off", maxLength: maxLength, placeholder: placeholder }, __assign({}, (multiline
+        disabled ? null : (react_1.default.createElement(Component, tslib_1.__assign({ ref: textFieldRef, value: draft, autoComplete: "off", maxLength: maxLength, placeholder: placeholder }, tslib_1.__assign({}, (multiline
             ? {}
             : {
                 type: 'text',
@@ -235,11 +148,11 @@ var _RcInlineEditable = react_1.forwardRef(function (inProps, ref) {
                 _b[classes.placeholder] = !displayValue,
                 _b)), tabIndex: -1, onFocusCapture: handleFocusCapture, onKeyDown: disabled || saving ? undefined : focusTextField }, displayValue || placeholder)));
     if (!disabled && toTooltipTitle && (TooltipProps || tooltipTitle)) {
-        return (react_1.default.createElement(Tooltip_1.RcTooltip, __assign({ tooltipForceHide: isEditing, disableFocusListener: true }, TooltipProps, { title: toTooltipTitle }), children));
+        return (react_1.default.createElement(Tooltip_1.RcTooltip, tslib_1.__assign({ tooltipForceHide: isEditing, disableFocusListener: true }, TooltipProps, { title: toTooltipTitle }), children));
     }
     return children;
 });
-var RcInlineEditable = foundation_1.styled(_RcInlineEditable)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.InlineEditableStyle);
+var RcInlineEditable = foundation_1.styled(_RcInlineEditable)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.InlineEditableStyle);
 exports.RcInlineEditable = RcInlineEditable;
 RcInlineEditable.defaultProps = {
     variant: 'body1',

package/components/InlineEditable/index.js

@@ -1,6 +1,4 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./InlineEditable"));
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./InlineEditable"), exports);

package/components/InlineEditable/styles/InlineEditableStyle.js

@@ -1,27 +1,24 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
 var styles_1 = require("../../Forms/TextField/styles");
 var utils_1 = require("../utils");
 var textFieldStyle_1 = require("./textFieldStyle");
 exports.InlineEditableStyle = function (_a) {
     var variant = _a.variant, multiline = _a.multiline, fullWidth = _a.fullWidth, disabled = _a.disabled, color = _a.color;
-    return foundation_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", ";\n    position: relative;\n    display: inline-block;\n    width: ", ";\n    min-width: 32px;\n    margin: -4px;\n    color: ", ";\n\n    &.", " {\n      pointer-events: none;\n    }\n\n    .", " {\n      margin: 4px;\n      position: relative;\n      outline: none;\n      box-sizing: border-box;\n      pointer-events: ", ";\n      ", ";\n      word-break: break-all;\n      white-space: ", ";\n\n      ", "\n      ::after {\n        content: ' ';\n        width: 0;\n        visibility: hidden;\n        display: inline-block;\n      }\n\n      ", "\n      user-select: ", ";\n    }\n\n    .", " {\n      ", "\n      user-select: none;\n      color: ", ";\n    }\n\n    .", " {\n      ", "\n    }\n  "], ["\n    ", ";\n    position: relative;\n    display: inline-block;\n    width: ", ";\n    min-width: 32px;\n    margin: -4px;\n    color: ", ";\n\n    &.", " {\n      pointer-events: none;\n    }\n\n    .", " {\n      margin: 4px;\n      position: relative;\n      outline: none;\n      box-sizing: border-box;\n      pointer-events: ", ";\n      ", ";\n      word-break: break-all;\n      white-space: ", ";\n\n      ",
+    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      ", ";\n      position: relative;\n      display: inline-block;\n      width: ", ";\n      min-width: 32px;\n      margin: -4px;\n      color: ", ";\n\n      &.", " {\n        pointer-events: none;\n      }\n\n      .", " {\n        margin: 4px;\n        position: relative;\n        outline: none;\n        box-sizing: border-box;\n        pointer-events: ", ";\n        ", ";\n        overflow-wrap: ", ";\n        white-space: ", ";\n\n        ", "\n        ::after {\n          content: ' ';\n          width: 0;\n          visibility: hidden;\n          display: inline-block;\n        }\n\n        ", "\n        user-select: ", ";\n      }\n\n      .", " {\n        ", "\n        user-select: none;\n        color: ", ";\n      }\n\n      .", " {\n        ", "\n      }\n    "], ["\n      ", ";\n      position: relative;\n      display: inline-block;\n      width: ", ";\n      min-width: 32px;\n      margin: -4px;\n      color: ", ";\n\n      &.", " {\n        pointer-events: none;\n      }\n\n      .", " {\n        margin: 4px;\n        position: relative;\n        outline: none;\n        box-sizing: border-box;\n        pointer-events: ", ";\n        ", ";\n        overflow-wrap: ", ";\n        white-space: ", ";\n\n        ",
         /*
-        1. the single '\n' would be ignore in the last line. so need append ' ' after '\n' when multiline.
-        2. need keep content height when placeholder is empty.
-        */
-        "\n      ::after {\n        content: ' ';\n        width: 0;\n        visibility: hidden;\n        display: inline-block;\n      }\n\n      ",
-        "\n      user-select: ", ";\n    }\n\n    .", " {\n      ",
-        "\n      user-select: none;\n      color: ", ";\n    }\n\n    .", " {\n      ", "\n    }\n  "])), foundation_1.typography(variant), multiline || fullWidth ? '100%' : 'auto', foundation_1.getParsePaletteColor(color), utils_1.RcInlineEditableClasses.saving, utils_1.RcInlineEditableClasses.label, disabled ? 'initial' : 'none', foundation_1.ellipsis(), multiline ? 'pre-wrap' : 'pre', ''
+      1. the single '\n' would be ignore in the last line. so need append ' ' after '\n' when multiline.
+      2. need keep content height when placeholder is empty.
+      */
+        "\n        ::after {\n          content: ' ';\n          width: 0;\n          visibility: hidden;\n          display: inline-block;\n        }\n\n        ",
+        "\n        user-select: ", ";\n      }\n\n      .", " {\n        ",
+        "\n        user-select: none;\n        color: ", ";\n      }\n\n      .", " {\n        ", "\n      }\n    "])), foundation_1.typography(variant), multiline || fullWidth ? '100%' : 'auto', foundation_1.getParsePaletteColor(color), utils_1.RcInlineEditableClasses.saving, utils_1.RcInlineEditableClasses.label, disabled ? 'initial' : 'none', foundation_1.ellipsis(), multiline && 'anywhere', multiline ? 'pre-wrap' : 'pre', ''
     /*
-    1. the single '\n' would be ignore in the last line. so need append ' ' after '\n' when multiline.
-    2. need keep content height when placeholder is empty.
-    */
+  1. the single '\n' would be ignore in the last line. so need append ' ' after '\n' when multiline.
+  2. need keep content height when placeholder is empty.
+  */
     , '' /* prevent select double content when the input has a value and not disabled (input would be removed when disabled) */, !disabled && 'none', utils_1.RcInlineEditableClasses.placeholder, '' /* prevent select placeholder when the input does not have a value */, styles_1.placeholderColor, utils_1.RcInlineEditableClasses.textField, multiline ? textFieldStyle_1.textareaStyle : textFieldStyle_1.inputStyle);
 };
 var templateObject_1;

package/components/InlineEditable/styles/index.js

@@ -1,6 +1,4 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./InlineEditableStyle"));
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./InlineEditableStyle"), exports);

package/components/InlineEditable/styles/textFieldStyle.js

@@ -1,13 +1,10 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
 var utils_1 = require("../utils");
-var interactionStyle = foundation_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), foundation_1.palette2('neutral', 'b01'));
-var baseInputStyles = foundation_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  border: 1px solid transparent;\n  padding: 2px;\n  background-color: transparent;\n  color: transparent;\n  line-height: inherit;\n  white-space: pre-wrap;\n  word-break: break-all;\n  box-sizing: border-box;\n  font: inherit;\n  outline: none;\n  border-radius: ", ";\n\n  ::placeholder {\n    font: inherit;\n    opacity: 0;\n    color: ", ";\n  }\n\n  &:hover {\n    ", ";\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    ", ";\n    border: 2px solid ", ";\n    color: inherit;\n\n    ::placeholder {\n      opacity: 1;\n    }\n\n    & ~ .", " {\n      visibility: hidden;\n    }\n  }\n"], ["\n  position: absolute;\n  width: 100%;\n  border: 1px solid transparent;\n  padding: 2px;\n  background-color: transparent;\n  color: transparent;\n  line-height: inherit;\n  white-space: pre-wrap;\n  word-break: break-all;\n  box-sizing: border-box;\n  font: inherit;\n  outline: none;\n  border-radius: ", ";\n\n  ::placeholder {\n    font: inherit;\n    opacity: 0;\n    color: ", ";\n  }\n\n  &:hover {\n    ", ";\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    ", ";\n    border: 2px solid ", ";\n    color: inherit;\n\n    ::placeholder {\n      opacity: 1;\n    }\n\n    & ~ .", " {\n      visibility: hidden;\n    }\n  }\n"])), foundation_1.radius('lg'), foundation_1.palette2('neutral', 'f03'), interactionStyle, foundation_1.palette2('neutral', 'l02'), interactionStyle, foundation_1.palette2('interactive', 'f01'), utils_1.RcInlineEditableClasses.label);
-exports.inputStyle = foundation_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n"], ["\n  ", "\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n"])), baseInputStyles);
-exports.textareaStyle = foundation_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  height: 100%;\n  overflow: hidden;\n  resize: none;\n"], ["\n  ", ";\n  height: 100%;\n  overflow: hidden;\n  resize: none;\n"])), baseInputStyles);
+var interactionStyle = foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), foundation_1.palette2('neutral', 'b01'));
+var baseInputStyles = foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  border: 1px solid transparent;\n  padding: 2px;\n  background-color: transparent;\n  color: transparent;\n  line-height: inherit;\n  white-space: pre-wrap;\n  box-sizing: border-box;\n  font: inherit;\n  outline: none;\n  border-radius: ", ";\n\n  ::placeholder {\n    font: inherit;\n    opacity: 0;\n    color: ", ";\n  }\n\n  &:hover {\n    ", ";\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    ", ";\n    border: 2px solid ", ";\n    color: inherit;\n\n    ::placeholder {\n      opacity: 1;\n    }\n\n    & ~ .", " {\n      visibility: hidden;\n    }\n  }\n"], ["\n  position: absolute;\n  width: 100%;\n  border: 1px solid transparent;\n  padding: 2px;\n  background-color: transparent;\n  color: transparent;\n  line-height: inherit;\n  white-space: pre-wrap;\n  box-sizing: border-box;\n  font: inherit;\n  outline: none;\n  border-radius: ", ";\n\n  ::placeholder {\n    font: inherit;\n    opacity: 0;\n    color: ", ";\n  }\n\n  &:hover {\n    ", ";\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    ", ";\n    border: 2px solid ", ";\n    color: inherit;\n\n    ::placeholder {\n      opacity: 1;\n    }\n\n    & ~ .", " {\n      visibility: hidden;\n    }\n  }\n"])), foundation_1.radius('lg'), foundation_1.palette2('neutral', 'f03'), interactionStyle, foundation_1.palette2('neutral', 'l02'), interactionStyle, foundation_1.palette2('interactive', 'f01'), utils_1.RcInlineEditableClasses.label);
+exports.inputStyle = foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  ", "\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n"], ["\n  ", "\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n"])), baseInputStyles);
+exports.textareaStyle = foundation_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  ", ";\n  height: 100%;\n  overflow: hidden;\n  resize: none;\n"], ["\n  ", ";\n  height: 100%;\n  overflow: hidden;\n  resize: none;\n"])), baseInputStyles);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/components/InlineEditable/utils/index.js

@@ -1,6 +1,4 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./InlineEditableUtils"));
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./InlineEditableUtils"), exports);