@khanacademy/wonder-blocks-timing 3.0.0 → 3.0.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @khanacademy/wonder-blocks-timing
 
+## 3.0.2
+
+### Patch Changes
+
+-   c20f48f3: Don't transpile classes when building bundles
+
+## 3.0.1
+
+### Patch Changes
+
+-   ccb6fe00: Miscellaneous TS type fixes
+-   d4c2b18c: Fix a variety of issues with Flow types generated by flowgen
+
 ## 3.0.0
 
 ### Major Changes

package/dist/components/action-scheduler-provider.d.ts

@@ -6,7 +6,7 @@ type Props = {
      * A function that, when given an instance of `IScheduleActions` will
      * render a `React.Node`.
      */
-    children: (arg1: IScheduleActions) => React.ReactElement;
+    children: (arg1: IScheduleActions) => React.ReactNode;
 };
 /**
  * A provider component that passes our action scheduling API to its children
@@ -21,6 +21,6 @@ type Props = {
 export default class ActionSchedulerProvider extends React.Component<Props> {
     componentWillUnmount(): void;
     _actionScheduler: ActionScheduler;
-    render(): React.ReactElement;
+    render(): React.ReactNode;
 }
 export {};

package/dist/components/action-scheduler-provider.js.flow

@@ -1,21 +1,19 @@
 /**
- * Flowtype definitions for action-scheduler-provider
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 import * as React from "react";
 import ActionScheduler from "../util/action-scheduler";
 import type { IScheduleActions } from "../util/types";
-declare type Props = {
+declare type Props = {|
   /**
    * A function that, when given an instance of `IScheduleActions` will
    * render a `React.Node`.
    */
-  children: (arg1: IScheduleActions) => React.Element<any>,
-  ...
-};
+  children: (arg1: IScheduleActions) => React.Node,
+|};
 /**
  * A provider component that passes our action scheduling API to its children
  * and ensures that all scheduled actions are cleared on unmount.
@@ -31,5 +29,5 @@ declare export default class ActionSchedulerProvider
 {
   componentWillUnmount(): void;
   _actionScheduler: ActionScheduler;
-  render(): React.Element<any>;
+  render(): React.Node;
 }

package/dist/components/with-action-scheduler.js.flow

@@ -1,10 +1,9 @@
 /**
- * Flowtype definitions for with-action-scheduler
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 import * as React from "react";
 import type { WithActionSchedulerProps } from "../util/types";
 declare type WithoutActionScheduler<T> = $Diff<T, { schedule: any }>;
@@ -20,7 +19,7 @@ declare export default function withActionScheduler<
   Props: WithActionSchedulerProps
 >(
   WrappedComponent: React.ComponentType<Props>
-): React.ForwardRefExoticComponent<{
+): React.ForwardRefExoticComponent<{|
   ...React.PropsWithoutRef<WithoutActionScheduler<Props>>,
   ...React.RefAttributes<mixed>,
-}>;
+|}>;

package/dist/es/index.js

@@ -10,66 +10,8 @@ const ClearPolicy = {
   Cancel: "cancel-on-clear"
 };
 
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-
-let Timeout = function () {
-  function Timeout(action, timeoutMs, schedulePolicy = SchedulePolicy.Immediately) {
+class Timeout {
+  constructor(action, timeoutMs, schedulePolicy = SchedulePolicy.Immediately) {
     this._timeoutId = void 0;
     this._action = void 0;
     this._timeoutMs = void 0;
@@ -85,14 +27,16 @@ let Timeout = function () {
       this.set();
     }
   }
-  var _proto = Timeout.prototype;
-  _proto.set = function set() {
+  get isSet() {
+    return this._timeoutId != null;
+  }
+  set() {
     if (this.isSet) {
       this.clear(ClearPolicy.Cancel);
     }
     this._timeoutId = setTimeout(() => this.clear(ClearPolicy.Resolve), this._timeoutMs);
-  };
-  _proto.clear = function clear(policy = ClearPolicy.Cancel) {
+  }
+  clear(policy = ClearPolicy.Cancel) {
     const timeoutId = this._timeoutId;
     this._timeoutId = null;
     if (timeoutId == null) {
@@ -102,18 +46,11 @@ let Timeout = function () {
     if (policy === ClearPolicy.Resolve) {
       this._action();
     }
-  };
-  _createClass(Timeout, [{
-    key: "isSet",
-    get: function () {
-      return this._timeoutId != null;
-    }
-  }]);
-  return Timeout;
-}();
+  }
+}
 
-let Interval = function () {
-  function Interval(action, intervalMs, schedulePolicy = SchedulePolicy.Immediately) {
+class Interval {
+  constructor(action, intervalMs, schedulePolicy = SchedulePolicy.Immediately) {
     this._intervalId = void 0;
     this._action = void 0;
     this._intervalMs = void 0;
@@ -129,14 +66,16 @@ let Interval = function () {
       this.set();
     }
   }
-  var _proto = Interval.prototype;
-  _proto.set = function set() {
+  get isSet() {
+    return this._intervalId != null;
+  }
+  set() {
     if (this.isSet) {
       this.clear(ClearPolicy.Cancel);
     }
     this._intervalId = setInterval(() => this._action(), this._intervalMs);
-  };
-  _proto.clear = function clear(policy = ClearPolicy.Cancel) {
+  }
+  clear(policy = ClearPolicy.Cancel) {
     const intervalId = this._intervalId;
     this._intervalId = null;
     if (intervalId == null) {
@@ -146,18 +85,11 @@ let Interval = function () {
     if (policy === ClearPolicy.Resolve) {
       this._action();
     }
-  };
-  _createClass(Interval, [{
-    key: "isSet",
-    get: function () {
-      return this._intervalId != null;
-    }
-  }]);
-  return Interval;
-}();
+  }
+}
 
-let AnimationFrame = function () {
-  function AnimationFrame(action, schedulePolicy = SchedulePolicy.Immediately) {
+class AnimationFrame {
+  constructor(action, schedulePolicy = SchedulePolicy.Immediately) {
     this._animationFrameId = void 0;
     this._action = void 0;
     if (typeof action !== "function") {
@@ -168,14 +100,16 @@ let AnimationFrame = function () {
       this.set();
     }
   }
-  var _proto = AnimationFrame.prototype;
-  _proto.set = function set() {
+  get isSet() {
+    return this._animationFrameId != null;
+  }
+  set() {
     if (this.isSet) {
       this.clear(ClearPolicy.Cancel);
     }
     this._animationFrameId = requestAnimationFrame(time => this.clear(ClearPolicy.Resolve, time));
-  };
-  _proto.clear = function clear(policy = ClearPolicy.Cancel, time) {
+  }
+  clear(policy = ClearPolicy.Cancel, time) {
     const animationFrameId = this._animationFrameId;
     this._animationFrameId = null;
     if (animationFrameId == null) {
@@ -185,57 +119,48 @@ let AnimationFrame = function () {
     if (policy === ClearPolicy.Resolve) {
       this._action(time || performance.now());
     }
-  };
-  _createClass(AnimationFrame, [{
-    key: "isSet",
-    get: function () {
-      return this._animationFrameId != null;
-    }
-  }]);
-  return AnimationFrame;
-}();
+  }
+}
 
-let ActionScheduler = function () {
-  function ActionScheduler() {
+class ActionScheduler {
+  constructor() {
     this._disabled = false;
     this._registeredActions = [];
   }
-  var _proto = ActionScheduler.prototype;
-  _proto.timeout = function timeout(action, period, options) {
+  timeout(action, period, options) {
     if (this._disabled) {
       return ActionScheduler.NoopAction;
     }
     const timeout = new Timeout(action, period, options == null ? void 0 : options.schedulePolicy);
     this._registeredActions.push(() => timeout.clear(options == null ? void 0 : options.clearPolicy));
     return timeout;
-  };
-  _proto.interval = function interval(action, period, options) {
+  }
+  interval(action, period, options) {
     if (this._disabled) {
       return ActionScheduler.NoopAction;
     }
     const interval = new Interval(action, period, options == null ? void 0 : options.schedulePolicy);
     this._registeredActions.push(() => interval.clear(options == null ? void 0 : options.clearPolicy));
     return interval;
-  };
-  _proto.animationFrame = function animationFrame(action, options) {
+  }
+  animationFrame(action, options) {
     if (this._disabled) {
       return ActionScheduler.NoopAction;
     }
     const animationFrame = new AnimationFrame(action, options == null ? void 0 : options.schedulePolicy);
     this._registeredActions.push(() => animationFrame.clear(options == null ? void 0 : options.clearPolicy));
     return animationFrame;
-  };
-  _proto.clearAll = function clearAll() {
-    const registered = [].concat(this._registeredActions);
+  }
+  clearAll() {
+    const registered = [...this._registeredActions];
     this._registeredActions = [];
     registered.forEach(clearFn => clearFn());
-  };
-  _proto.disable = function disable() {
+  }
+  disable() {
     this._disabled = true;
     this.clearAll();
-  };
-  return ActionScheduler;
-}();
+  }
+}
 ActionScheduler.NoopAction = {
   set: () => {},
   get isSet() {
@@ -244,26 +169,21 @@ ActionScheduler.NoopAction = {
   clear: () => {}
 };
 
-let ActionSchedulerProvider = function (_React$Component) {
-  _inheritsLoose(ActionSchedulerProvider, _React$Component);
-  function ActionSchedulerProvider(...args) {
-    var _this;
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this._actionScheduler = new ActionScheduler();
-    return _this;
+class ActionSchedulerProvider extends React.Component {
+  constructor(...args) {
+    super(...args);
+    this._actionScheduler = new ActionScheduler();
   }
-  var _proto = ActionSchedulerProvider.prototype;
-  _proto.componentWillUnmount = function componentWillUnmount() {
+  componentWillUnmount() {
     this._actionScheduler.disable();
-  };
-  _proto.render = function render() {
+  }
+  render() {
     const {
       children
     } = this.props;
     return children(this._actionScheduler);
-  };
-  return ActionSchedulerProvider;
-}(React.Component);
+  }
+}
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {

package/dist/hooks/internal/use-updating-ref.js.flow

@@ -1,10 +1,9 @@
 /**
- * Flowtype definitions for use-updating-ref
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 /**
  * Returns a ref whose .current value is updated whenever
  * the `value` passed to this hook changes.
@@ -12,11 +11,10 @@
  * this is great for values that you want to reference from
  * within a useCallback or useEffect event listener, without
  * re-triggering the effect when the value changes
- * @returns {{
-current: T,...
-}}
+ * @returns {{|
+current: T,
+|}}
  */
-declare export var useUpdatingRef: <T>(value: T) => {
+declare export var useUpdatingRef: <T>(value: T) => {|
   current: T,
-  ...
-};
+|};

package/dist/hooks/use-interval.js.flow

@@ -1,10 +1,9 @@
 /**
- * Flowtype definitions for use-interval
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 /**
  * A simple hook for using `setInterval`.
  * @param action called every `intervalMs` when `active` is true

package/dist/hooks/use-scheduled-interval.js.flow

@@ -1,10 +1,9 @@
 /**
- * Flowtype definitions for use-scheduled-interval
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 import type { IInterval, Options } from "../util/types";
 declare export function useScheduledInterval(
   action: () => mixed,

package/dist/hooks/use-scheduled-timeout.js.flow

@@ -1,10 +1,9 @@
 /**
- * Flowtype definitions for use-scheduled-timeout
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 import type { ITimeout, Options } from "../util/types";
 declare export function useScheduledTimeout(
   action: () => mixed,

package/dist/hooks/use-timeout.js.flow

@@ -1,10 +1,9 @@
 /**
- * Flowtype definitions for use-timeout
+ * Flowtype definitions for data
  * Generated by Flowgen from a Typescript Definition
  * Flowgen v1.21.0
  * @flow
  */
-
 /**
  * A simple hook for using `setTimeout`.
  * @param action called after `timeoutMs` when `active` is true