@instructure/ui-editable 8.9.2-snapshot.7 → 8.10.1-snapshot.8

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.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
+
+**Note:** Version bump only for package @instructure/ui-editable
+
 ## [8.9.1](https://github.com/instructure/instructure-ui/compare/v8.9.0...v8.9.1) (2021-09-16)
 
 **Note:** Version bump only for package @instructure/ui-editable

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-editable",
-  "version": "8.9.2-snapshot.7+1a56581cd",
+  "version": "8.10.1-snapshot.8+21f46f4e3",
   "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.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.7+1a56581cd"
+    "@instructure/ui-babel-preset": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-test-utils": "8.10.1-snapshot.8+21f46f4e3"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/emotion": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-a11y-content": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-buttons": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-dom-utils": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-flex": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-focusable": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-icons": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-utils": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-view": "8.9.2-snapshot.7+1a56581cd",
+    "@instructure/console": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/emotion": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-a11y-content": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-buttons": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-dom-utils": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-flex": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-focusable": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-icons": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-utils": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-view": "8.10.1-snapshot.8+21f46f4e3",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -49,5 +49,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "1a56581cde6bd3b4f9fe5cd11ae420bd1222fe15"
+  "gitHead": "21f46f4e342898b019ab943a7e69a455621d9576"
 }

package/src/InPlaceEdit/props.ts

@@ -25,7 +25,7 @@
 import PropTypes from 'prop-types'
 
 import type { PropValidators } from '@instructure/shared-types'
-import type { WithStyleProps } from '@instructure/emotion'
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type InPlaceEditOwnProps = {
   renderViewer: (...args: any[]) => any
@@ -45,7 +45,10 @@ type PropKeys = keyof InPlaceEditOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type InPlaceEditProps = InPlaceEditOwnProps & WithStyleProps
+type InPlaceEditProps = InPlaceEditOwnProps &
+  WithStyleProps<null, InPlaceEditStyle>
+
+type InPlaceEditStyle = ComponentStyle<'inPlaceEdit'>
 
 const propTypes: PropValidators<PropKeys> = {
   /**
@@ -135,5 +138,5 @@ const allowedProps: AllowedPropKeys = [
   'inline'
 ]
 
-export type { InPlaceEditProps }
+export type { InPlaceEditProps, InPlaceEditStyle }
 export { propTypes, allowedProps }

package/src/InPlaceEdit/styles.ts

@@ -22,6 +22,8 @@
  * SOFTWARE.
  */
 
+import type { InPlaceEditStyle } from './props'
+
 /**
  * ---
  * private: true
@@ -32,7 +34,7 @@
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-const generateStyle = () => {
+const generateStyle = (): InPlaceEditStyle => {
   return {
     inPlaceEdit: {
       label: 'inPlaceEdit',

package/types/InPlaceEdit/props.d.ts

@@ -1,5 +1,5 @@
 import type { PropValidators } from '@instructure/shared-types';
-import type { WithStyleProps } from '@instructure/emotion';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type InPlaceEditOwnProps = {
     renderViewer: (...args: any[]) => any;
     renderEditor: (...args: any[]) => any;
@@ -15,9 +15,10 @@ declare type InPlaceEditOwnProps = {
 };
 declare type PropKeys = keyof InPlaceEditOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type InPlaceEditProps = InPlaceEditOwnProps & WithStyleProps;
+declare type InPlaceEditProps = InPlaceEditOwnProps & WithStyleProps<null, InPlaceEditStyle>;
+declare type InPlaceEditStyle = ComponentStyle<'inPlaceEdit'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { InPlaceEditProps };
+export type { InPlaceEditProps, InPlaceEditStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

package/types/InPlaceEdit/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/InPlaceEdit/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,mBAAmB,GAAG;IACzB,YAAY,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,YAAY,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,gBAAgB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACzC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,YAAY,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GAAG,cAAc,CAAA;AAE5D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwEvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/InPlaceEdit/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,mBAAmB,GAAG;IACzB,YAAY,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,YAAY,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,gBAAgB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACzC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,YAAY,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAA;AAExC,aAAK,gBAAgB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AAErD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwEvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/InPlaceEdit/styles.d.ts

@@ -1,3 +1,4 @@
+import type { InPlaceEditStyle } from './props';
 /**
  * ---
  * private: true
@@ -8,23 +9,6 @@
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: () => {
-    inPlaceEdit: {
-        label: string;
-        boxSizing: string;
-        maxWidth: string;
-        position: string;
-        overflow: string;
-        direction: string;
-        margin: number;
-        textDecoration: string;
-        textAlign: string;
-        userSelect: string;
-        touchAction: string;
-        background: string;
-        border: string;
-        outline: string;
-    };
-};
+declare const generateStyle: () => InPlaceEditStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/InPlaceEdit/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/InPlaceEdit/styles.ts"],"names":[],"mappings":"AAwBA;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;CAmBlB,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/InPlaceEdit/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,QAAO,gBAmBzB,CAAA;AAED,eAAe,aAAa,CAAA"}