Feature/revert breaking change (#1252)

* Revert breaking change

* Format

* Add update one

* use more exact type for update method options

* Update changelog.md

Co-authored-by: Oleg Isonen <[email protected]>

Author: Henri

changelog.md

@@ -2,6 +2,10 @@
 
 Since you are interested in what happens next, in case, you work for a for-profit company that benefits from using the project, please consider supporting it on https://opencollective.com/jss.
 
+### Bug fixes
+
+- [jss] Fix breaking change that was introduced in `10.0.1` ([1252](https://github.com/cssinjs/jss/pull/1252))
+
 ---
 
 ## 10.0.1 (2019-12-28)

packages/jss/.size-snapshot.json

@@ -1,30 +1,30 @@
 {
   "dist/jss.js": {
-    "bundled": 61586,
-    "minified": 22810,
-    "gzipped": 6874
+    "bundled": 61836,
+    "minified": 22817,
+    "gzipped": 6879
   },
   "dist/jss.min.js": {
-    "bundled": 60209,
-    "minified": 22041,
-    "gzipped": 6515
+    "bundled": 60459,
+    "minified": 22048,
+    "gzipped": 6518
   },
   "dist/jss.cjs.js": {
-    "bundled": 56353,
-    "minified": 24710,
-    "gzipped": 6870
+    "bundled": 56577,
+    "minified": 24717,
+    "gzipped": 6872
   },
   "dist/jss.esm.js": {
-    "bundled": 55821,
-    "minified": 24275,
-    "gzipped": 6779,
+    "bundled": 56045,
+    "minified": 24282,
+    "gzipped": 6781,
     "treeshaked": {
       "rollup": {
-        "code": 20038,
+        "code": 20045,
         "import_statements": 352
       },
       "webpack": {
-        "code": 21505
+        "code": 21512
       }
     }
   }

packages/jss/src/RuleList.js

@@ -9,7 +9,8 @@ import type {
   JssStyle,
   Classes,
   KeyframesMap,
-  UpdateArguments
+  UpdateArguments,
+  UpdateOptions
 } from './types'
 import escape from './utils/escape'
 
@@ -191,7 +192,7 @@ export default class RuleList {
   /**
    * Execute plugins, update rule props.
    */
-  updateOne(rule: Rule, data: Object, options?: Object = defaultUpdateOptions) {
+  updateOne(rule: Rule, data: Object, options?: UpdateOptions = defaultUpdateOptions) {
     const {
       jss: {plugins},
       sheet

packages/jss/src/StyleSheet.js

@@ -10,7 +10,9 @@ import type {
   Classes,
   KeyframesMap,
   JssStyles,
-  Renderer
+  Renderer,
+  UpdateArguments,
+  UpdateOptions
 } from './types'
 
 export default class StyleSheet {
@@ -30,10 +32,6 @@ export default class StyleSheet {
 
   queue: ?Array<Rule>
 
-  update: typeof RuleList.prototype.update
-
-  updateOne: typeof RuleList.prototype.updateOne
-
   constructor(styles: JssStyles, options: StyleSheetOptions) {
     this.attached = false
     this.deployed = false
@@ -50,8 +48,6 @@ export default class StyleSheet {
       this.renderer = new options.Renderer(this)
     }
     this.rules = new RuleList(this.options)
-    this.update = this.rules.update.bind(this.rules)
-    this.updateOne = this.rules.updateOne.bind(this.rules)
 
     for (const name in styles) {
       this.rules.add(name, styles[name])
@@ -185,6 +181,22 @@ export default class StyleSheet {
     return this
   }
 
+  /**
+   * Update the function values with a new data.
+   */
+  update(...args: UpdateArguments): this {
+    this.rules.update(...args)
+    return this
+  }
+
+  /**
+   * Updates a single rule.
+   */
+  updateOne(rule: Rule, data: Object, options?: UpdateOptions): this {
+    this.rules.updateOne(rule, data, options)
+    return this
+  }
+
   /**
    * Convert rules to a CSS string.
    */