@instructure/ui-editable 8.12.1-snapshot.7 → 8.13.1-snapshot.9

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.13.0](https://github.com/instructure/instructure-ui/compare/v8.12.0...v8.13.0) (2021-12-01)
+
+**Note:** Version bump only for package @instructure/ui-editable
+
 # [8.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
 
 **Note:** Version bump only for package @instructure/ui-editable

package/es/Editable/index.js

@@ -35,7 +35,10 @@ experimental: true
 **/
 class Editable extends Component {
   constructor(_props) {
+    var _this;
+
     super(_props);
+    _this = this;
     this.state = {
       showModeToggle: false,
       valueOnEdit: null // the value when mode flips from view -> edit
@@ -108,25 +111,27 @@ class Editable extends Component {
       }
     };
 
-    this.getContainerProps = (props = {}) => {
-      const _this$props = this.props,
+    this.getContainerProps = function () {
+      let props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      const _this$props = _this.props,
             mode = _this$props.mode,
             readOnly = _this$props.readOnly;
       return {
-        onMouseOver: this.handleViewMouseOver,
-        onMouseOut: this.handleViewMouseOut,
-        onMouseDown: mode !== 'edit' ? this.handleViewClick : null,
-        onKeyUp: mode === 'edit' ? this.handleEditESC : null,
+        onMouseOver: _this.handleViewMouseOver,
+        onMouseOut: _this.handleViewMouseOut,
+        onMouseDown: mode !== 'edit' ? _this.handleViewClick : null,
+        onKeyUp: mode === 'edit' ? _this.handleEditESC : null,
         readOnly,
         ...props,
-        ref: this.handleContainerRef
+        ref: _this.handleContainerRef
       };
     };
 
-    this.getViewerProps = (props = {}) => {
+    this.getViewerProps = function () {
+      let props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       return {
-        mode: this.props.mode,
-        readOnly: this.props.readOnly,
+        mode: _this.props.mode,
+        readOnly: _this.props.readOnly,
         ...props
       };
     };
@@ -143,16 +148,17 @@ class Editable extends Component {
       };
     };
 
-    this.getEditButtonProps = (props = {}) => {
+    this.getEditButtonProps = function () {
+      let props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       return {
-        onClick: this.handleEditButtonClick,
-        onFocus: this.handleEditButtonFocus,
-        onBlur: this.handleEditButtonBlur,
-        isVisible: this.state.showModeToggle,
+        onClick: _this.handleEditButtonClick,
+        onFocus: _this.handleEditButtonFocus,
+        onBlur: _this.handleEditButtonBlur,
+        isVisible: _this.state.showModeToggle,
         buttonRef: el => {
-          this._editButtonRef = el;
+          _this._editButtonRef = el;
         },
-        readOnly: this.props.readOnly,
+        readOnly: _this.props.readOnly,
         ...props
       };
     };

package/es/InPlaceEdit/index.js

@@ -1,3 +1,7 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["buttonRef"],
+      _excluded2 = ["isVisible", "readOnly", "label"];
+
 var _dec, _class, _class2, _temp;
 
 /*
@@ -55,12 +59,11 @@ let InPlaceEdit = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp =
       this._editButtonRef = el;
     };
 
-    this.renderAll = ({
-      getContainerProps,
-      getViewerProps,
-      getEditorProps,
-      getEditButtonProps
-    }) => {
+    this.renderAll = _ref => {
+      let getContainerProps = _ref.getContainerProps,
+          getViewerProps = _ref.getViewerProps,
+          getEditorProps = _ref.getEditorProps,
+          getEditButtonProps = _ref.getEditButtonProps;
       const flexDir = this.props.editButtonPlacement === 'start' ? 'row-reverse' : 'row';
       const justifyItems = flexDir === 'row-reverse' ? 'end' : 'start';
       const buttonMargin = this.props.editButtonPlacement === 'start' ? '0 xx-small 0 0' : '0 0 0 xx-small';
@@ -87,14 +90,13 @@ let InPlaceEdit = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp =
     this.props.makeStyles();
   }
 
-  renderEditor({
-    mode,
-    onBlur,
-    editorRef,
-    readOnly
-  }) {
+  renderEditor(_ref2) {
     var _this$props$styles;
 
+    let mode = _ref2.mode,
+        onBlur = _ref2.onBlur,
+        editorRef = _ref2.editorRef,
+        readOnly = _ref2.readOnly;
     const _this$props = this.props,
           showFocusRing = _this$props.showFocusRing,
           renderEditor = _this$props.renderEditor;
@@ -113,17 +115,16 @@ let InPlaceEdit = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp =
     })) : null;
   }
 
-  renderViewer({
-    readOnly,
-    mode
-  }) {
+  renderViewer(_ref3) {
+    let readOnly = _ref3.readOnly,
+        mode = _ref3.mode;
     return readOnly || mode === 'view' ? this.props.renderViewer() : null;
   }
 
-  renderEditButton({
-    buttonRef,
-    ...rest
-  }) {
+  renderEditButton(_ref4) {
+    let buttonRef = _ref4.buttonRef,
+        rest = _objectWithoutProperties(_ref4, _excluded);
+
     return this.props.renderEditButton({
       elementRef: createChainedFunction(this.handleEditButtonRef, buttonRef),
       ...rest
@@ -155,12 +156,12 @@ let InPlaceEdit = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp =
   showFocusRing: true,
   inline: true,
   editButtonPlacement: 'end'
-}, _class2.renderDefaultEditButton = ({
-  isVisible,
-  readOnly,
-  label,
-  ...buttonProps
-}) => {
+}, _class2.renderDefaultEditButton = _ref5 => {
+  let isVisible = _ref5.isVisible,
+      readOnly = _ref5.readOnly,
+      label = _ref5.label,
+      buttonProps = _objectWithoutProperties(_ref5, _excluded2);
+
   if (readOnly) {
     return null;
   }

package/lib/Editable/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Editable = exports.default = void 0;
+exports.default = exports.Editable = void 0;
 
 var _react = require("react");
 
@@ -47,7 +47,10 @@ experimental: true
 **/
 class Editable extends _react.Component {
   constructor(_props) {
+    var _this;
+
     super(_props);
+    _this = this;
     this.state = {
       showModeToggle: false,
       valueOnEdit: null // the value when mode flips from view -> edit
@@ -120,25 +123,27 @@ class Editable extends _react.Component {
       }
     };
 
-    this.getContainerProps = (props = {}) => {
-      const _this$props = this.props,
+    this.getContainerProps = function () {
+      let props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      const _this$props = _this.props,
             mode = _this$props.mode,
             readOnly = _this$props.readOnly;
       return {
-        onMouseOver: this.handleViewMouseOver,
-        onMouseOut: this.handleViewMouseOut,
-        onMouseDown: mode !== 'edit' ? this.handleViewClick : null,
-        onKeyUp: mode === 'edit' ? this.handleEditESC : null,
+        onMouseOver: _this.handleViewMouseOver,
+        onMouseOut: _this.handleViewMouseOut,
+        onMouseDown: mode !== 'edit' ? _this.handleViewClick : null,
+        onKeyUp: mode === 'edit' ? _this.handleEditESC : null,
         readOnly,
         ...props,
-        ref: this.handleContainerRef
+        ref: _this.handleContainerRef
       };
     };
 
-    this.getViewerProps = (props = {}) => {
+    this.getViewerProps = function () {
+      let props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       return {
-        mode: this.props.mode,
-        readOnly: this.props.readOnly,
+        mode: _this.props.mode,
+        readOnly: _this.props.readOnly,
         ...props
       };
     };
@@ -155,16 +160,17 @@ class Editable extends _react.Component {
       };
     };
 
-    this.getEditButtonProps = (props = {}) => {
+    this.getEditButtonProps = function () {
+      let props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       return {
-        onClick: this.handleEditButtonClick,
-        onFocus: this.handleEditButtonFocus,
-        onBlur: this.handleEditButtonBlur,
-        isVisible: this.state.showModeToggle,
+        onClick: _this.handleEditButtonClick,
+        onFocus: _this.handleEditButtonFocus,
+        onBlur: _this.handleEditButtonBlur,
+        isVisible: _this.state.showModeToggle,
         buttonRef: el => {
-          this._editButtonRef = el;
+          _this._editButtonRef = el;
         },
-        readOnly: this.props.readOnly,
+        readOnly: _this.props.readOnly,
         ...props
       };
     };

package/lib/Editable/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 

package/lib/InPlaceEdit/index.js

@@ -5,7 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InPlaceEdit = exports.default = void 0;
+exports.default = exports.InPlaceEdit = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = require("react");
 
@@ -29,6 +31,9 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _props = require("./props");
 
+const _excluded = ["buttonRef"],
+      _excluded2 = ["isVisible", "readOnly", "label"];
+
 var _dec, _class, _class2, _temp;
 
 /**
@@ -49,12 +54,11 @@ let InPlaceEdit = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_
       this._editButtonRef = el;
     };
 
-    this.renderAll = ({
-      getContainerProps,
-      getViewerProps,
-      getEditorProps,
-      getEditButtonProps
-    }) => {
+    this.renderAll = _ref => {
+      let getContainerProps = _ref.getContainerProps,
+          getViewerProps = _ref.getViewerProps,
+          getEditorProps = _ref.getEditorProps,
+          getEditButtonProps = _ref.getEditButtonProps;
       const flexDir = this.props.editButtonPlacement === 'start' ? 'row-reverse' : 'row';
       const justifyItems = flexDir === 'row-reverse' ? 'end' : 'start';
       const buttonMargin = this.props.editButtonPlacement === 'start' ? '0 xx-small 0 0' : '0 0 0 xx-small';
@@ -81,14 +85,13 @@ let InPlaceEdit = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_
     this.props.makeStyles();
   }
 
-  renderEditor({
-    mode,
-    onBlur,
-    editorRef,
-    readOnly
-  }) {
+  renderEditor(_ref2) {
     var _this$props$styles;
 
+    let mode = _ref2.mode,
+        onBlur = _ref2.onBlur,
+        editorRef = _ref2.editorRef,
+        readOnly = _ref2.readOnly;
     const _this$props = this.props,
           showFocusRing = _this$props.showFocusRing,
           renderEditor = _this$props.renderEditor;
@@ -107,17 +110,15 @@ let InPlaceEdit = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_
     })) : null;
   }
 
-  renderViewer({
-    readOnly,
-    mode
-  }) {
+  renderViewer(_ref3) {
+    let readOnly = _ref3.readOnly,
+        mode = _ref3.mode;
     return readOnly || mode === 'view' ? this.props.renderViewer() : null;
   }
 
-  renderEditButton({
-    buttonRef,
-    ...rest
-  }) {
+  renderEditButton(_ref4) {
+    let buttonRef = _ref4.buttonRef,
+        rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
     return this.props.renderEditButton({
       elementRef: (0, _createChainedFunction.createChainedFunction)(this.handleEditButtonRef, buttonRef),
       ...rest
@@ -149,12 +150,12 @@ let InPlaceEdit = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_
   showFocusRing: true,
   inline: true,
   editButtonPlacement: 'end'
-}, _class2.renderDefaultEditButton = ({
-  isVisible,
-  readOnly,
-  label,
-  ...buttonProps
-}) => {
+}, _class2.renderDefaultEditButton = _ref5 => {
+  let isVisible = _ref5.isVisible,
+      readOnly = _ref5.readOnly,
+      label = _ref5.label,
+      buttonProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded2);
+
   if (readOnly) {
     return null;
   }

package/lib/InPlaceEdit/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-editable",
-  "version": "8.12.1-snapshot.7+1e7ac8219",
+  "version": "8.13.1-snapshot.9+f32ba918e",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,21 +24,21 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-test-utils": "8.12.1-snapshot.7+1e7ac8219"
+    "@instructure/ui-babel-preset": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-test-utils": "8.13.1-snapshot.9+f32ba918e"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/emotion": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-a11y-content": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-buttons": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-dom-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-flex": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-focusable": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-icons": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-view": "8.12.1-snapshot.7+1e7ac8219",
+    "@instructure/console": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/emotion": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-a11y-content": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-buttons": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-dom-utils": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-flex": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-focusable": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-icons": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-utils": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-view": "8.13.1-snapshot.9+f32ba918e",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -49,5 +49,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "1e7ac821932a91fe9ef761c96f747c7ea1f3925a"
+  "gitHead": "f32ba918e4d3ce76c6ee95c856584d00a9d80958"
 }