@instructure/ui-editable 8.33.2-snapshot-0 → 8.33.2-snapshot-5

package/lib/InPlaceEdit/index.js

@@ -1,41 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.InPlaceEdit = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _Flex = require("@instructure/ui-flex/lib/Flex");
-
 var _IconButton = require("@instructure/ui-buttons/lib/IconButton");
-
 var _IconEditLine = require("@instructure/ui-icons/lib/IconEditLine.js");
-
 var _console = require("@instructure/console");
-
 var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _View = require("@instructure/ui-view/lib/View");
-
 var _Editable = require("../Editable");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _props = require("./props");
-
 const _excluded = ["buttonRef"],
-      _excluded2 = ["isVisible", "readOnly", "label"];
-
+  _excluded2 = ["isVisible", "readOnly", "label"];
 var _dec, _class, _class2;
-
 /**
 ---
 category: components
@@ -47,20 +31,17 @@ let InPlaceEdit = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_
     super(props);
     this.ref = null;
     this._editButtonRef = null;
-
     this.handleRef = el => {
       this.ref = el;
     };
-
     this.handleEditButtonRef = el => {
       this._editButtonRef = el;
     };
-
     this.renderAll = _ref => {
       let getContainerProps = _ref.getContainerProps,
-          getViewerProps = _ref.getViewerProps,
-          getEditorProps = _ref.getEditorProps,
-          getEditButtonProps = _ref.getEditButtonProps;
+        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';
@@ -75,32 +56,25 @@ let InPlaceEdit = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_
         margin: buttonMargin
       }, this.renderEditButton(getEditButtonProps())));
     };
-
     (0, _console.logWarn)(props.readOnly ? props.mode === 'view' : true, '[InPlaceEdit] When readOnly is true, mode is forced to "view"');
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
-
   renderEditor(_ref2) {
     var _this$props$styles;
-
     let mode = _ref2.mode,
-        onBlur = _ref2.onBlur,
-        editorRef = _ref2.editorRef,
-        readOnly = _ref2.readOnly;
+      onBlur = _ref2.onBlur,
+      editorRef = _ref2.editorRef,
+      readOnly = _ref2.readOnly;
     const _this$props3 = this.props,
-          showFocusRing = _this$props3.showFocusRing,
-          renderEditor = _this$props3.renderEditor;
+      showFocusRing = _this$props3.showFocusRing,
+      renderEditor = _this$props3.renderEditor;
     const isEditMode = !readOnly && mode === 'edit';
     return isEditMode ? (0, _emotion.jsx)(_View.View, {
       as: "span",
@@ -115,31 +89,30 @@ let InPlaceEdit = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_
       editorRef
     })) : null;
   }
-
   renderViewer(_ref3) {
     let readOnly = _ref3.readOnly,
-        mode = _ref3.mode;
+      mode = _ref3.mode;
     return readOnly || mode === 'view' ? this.props.renderViewer() : null;
   }
-
   renderEditButton(_ref4) {
     let buttonRef = _ref4.buttonRef,
-        rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
+      rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
     return this.props.renderEditButton({
       elementRef: (0, _createChainedFunction.createChainedFunction)(this.handleEditButtonRef, buttonRef),
       ...rest
     });
-  } // Render a default edit button, an icon button with the edit icon
-  // the margin makes room for the focus ring
+  }
 
+  // Render a default edit button, an icon button with the edit icon
+  // the margin makes room for the focus ring
 
   render() {
     const _this$props4 = this.props,
-          mode = _this$props4.mode,
-          value = _this$props4.value,
-          onChange = _this$props4.onChange,
-          onChangeMode = _this$props4.onChangeMode,
-          readOnly = _this$props4.readOnly;
+      mode = _this$props4.mode,
+      value = _this$props4.value,
+      onChange = _this$props4.onChange,
+      onChangeMode = _this$props4.onChangeMode,
+      readOnly = _this$props4.readOnly;
     return (0, _emotion.jsx)(_Editable.Editable, {
       mode: mode,
       onChangeMode: onChangeMode,
@@ -150,7 +123,6 @@ let InPlaceEdit = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_
       elementRef: this.handleRef
     });
   }
-
 }, _class2.displayName = "InPlaceEdit", _class2.componentId = 'InPlaceEdit', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   readOnly: false,
   showFocusRing: true,
@@ -158,14 +130,12 @@ let InPlaceEdit = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_
   editButtonPlacement: 'end'
 }, _class2.renderDefaultEditButton = _ref5 => {
   let isVisible = _ref5.isVisible,
-      readOnly = _ref5.readOnly,
-      label = _ref5.label,
-      buttonProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded2);
-
+    readOnly = _ref5.readOnly,
+    label = _ref5.label,
+    buttonProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded2);
   if (readOnly) {
     return null;
   }
-
   return (0, _emotion.jsx)(_IconButton.IconButton, Object.assign({
     size: "small",
     screenReaderLabel: label,

package/lib/InPlaceEdit/props.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   renderViewer: _propTypes.default.func.isRequired,
   renderEditor: _propTypes.default.func.isRequired,

package/lib/InPlaceEdit/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -49,9 +48,7 @@ const generateStyle = () => {
       overflow: 'visible',
       direction: 'inherit',
       margin: 0,
-      textDecoration: 'none'
-      /* for links styled as buttons */
-      ,
+      textDecoration: 'none' /* for links styled as buttons */,
       textAlign: 'inherit',
       userSelect: 'none',
       touchAction: 'manipulation',
@@ -61,6 +58,5 @@ const generateStyle = () => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/index.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "InPlaceEdit", {
     return _InPlaceEdit.InPlaceEdit;
   }
 });
-
 var _Editable = require("./Editable");
-
 var _InPlaceEdit = require("./InPlaceEdit");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-editable",
-  "version": "8.33.2-snapshot-0",
+  "version": "8.33.2-snapshot-5",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,21 +23,21 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.33.2-snapshot-0",
-    "@instructure/ui-test-utils": "8.33.2-snapshot-0"
+    "@instructure/ui-babel-preset": "8.33.2-snapshot-5",
+    "@instructure/ui-test-utils": "8.33.2-snapshot-5"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.33.2-snapshot-0",
-    "@instructure/emotion": "8.33.2-snapshot-0",
-    "@instructure/ui-a11y-content": "8.33.2-snapshot-0",
-    "@instructure/ui-buttons": "8.33.2-snapshot-0",
-    "@instructure/ui-dom-utils": "8.33.2-snapshot-0",
-    "@instructure/ui-flex": "8.33.2-snapshot-0",
-    "@instructure/ui-focusable": "8.33.2-snapshot-0",
-    "@instructure/ui-icons": "8.33.2-snapshot-0",
-    "@instructure/ui-utils": "8.33.2-snapshot-0",
-    "@instructure/ui-view": "8.33.2-snapshot-0",
+    "@instructure/console": "8.33.2-snapshot-5",
+    "@instructure/emotion": "8.33.2-snapshot-5",
+    "@instructure/ui-a11y-content": "8.33.2-snapshot-5",
+    "@instructure/ui-buttons": "8.33.2-snapshot-5",
+    "@instructure/ui-dom-utils": "8.33.2-snapshot-5",
+    "@instructure/ui-flex": "8.33.2-snapshot-5",
+    "@instructure/ui-focusable": "8.33.2-snapshot-5",
+    "@instructure/ui-icons": "8.33.2-snapshot-5",
+    "@instructure/ui-utils": "8.33.2-snapshot-5",
+    "@instructure/ui-view": "8.33.2-snapshot-5",
     "prop-types": "^15"
   },
   "peerDependencies": {