@react-md/transition - npm Package Compare versions

Comparing version 2.0.0-alpha.5 to 2.0.0-alpha.6

es/types.js

+//# sourceMappingURL=types.js.map

es/types.js.map

+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

lib/types.js

+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

lib/types.js.map

+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

src/types.ts

+// these were copied from @types/react-transition-group and renamed to be prefixed with Transition
+// since they currently aren't exported
+export type TransitionEnterHandler = (
+  node: HTMLElement,
+  appearing: boolean
+) => void;
+export type TransitionExitHandler = (node: HTMLElement) => void;
+
+export type TransitionTimeout = number | { enter?: number; exit?: number };
+
+// this was copied over just for simplicity and not requiring adding react-transition-group for this
+export type CSSTransitionClassNames =
+  | string
+  | {
+      appear?: string;
+      appearActive?: string;
+      enter?: string;
+      enterActive?: string;
+      enterDone?: string;
+      exit?: string;
+      exitActive?: string;
+      exitDone?: string;
+    };
+
+export interface TransitionProps {
+  /**
+   * The transition duration for the overlay. This should not be changed unless you manually change the
+   * `$rmd-overlay-transition-duration` scss variable.
+   */
+  timeout?: TransitionTimeout;
+
+  /**
+   * Pass-down prop to the `Transition` component from react-transition-group. By default, the overlay will
+   * not be rendered in the DOM until the `visible` prop is `true` but this can be changed by setting this
+   * prop to `false`.
+   */
+  mountOnEnter?: boolean;
+
+  /**
+   * Pass-down prop to the `Transition` component from react-transition-group. By default, the overlay will
+   * be removed from the DOM when the `visible` prop is `false` but this can be changed by setting this
+   * prop to `false`.
+   */
+  unmountOnExit?: boolean;
+
+  /**
+   * Pass-down prop to the `Transition` component from react-transition-group.
+   */
+  onEnter?: TransitionEnterHandler;
+
+  /**
+   * Pass-down prop to the `Transition` component from react-transition-group.
+   */
+  onEntering?: TransitionEnterHandler;
+
+  /**
+   * Pass-down prop to the `Transition` component from react-transition-group.
+   */
+  onEntered?: TransitionEnterHandler;
+
+  /**
+   * Pass-down prop to the `Transition` component from react-transition-group.
+   */
+  onExit?: TransitionExitHandler;
+
+  /**
+   * Pass-down prop to the `Transition` component from react-transition-group.
+   */
+  onExiting?: TransitionExitHandler;
+
+  /**
+   * Pass-down prop to the `Transition` component from react-transition-group.
+   */
+  onExited?: TransitionExitHandler;
+}
+
+export interface CSSTransitionProps extends TransitionProps {
+  /**
+   * The class names to use during the different parts of the animation.
+   */
+  classNames?: CSSTransitionClassNames;
+}

dist/_functions.scss

@@ -5,4 +5,4 @@ ////
 
-@import '@react-md/theme/dist/helpers';
-@import 'variables';
+@import '~@react-md/theme/dist/helpers';
+@import './variables';
 
@@ -9,0 +9,0 @@ /// This function is used to quickly get one of the transition's theme values. This is really

dist/_mixins.scss

@@ -5,5 +5,5 @@ ////
 
-@import '@react-md/theme/dist/helpers';
-@import 'variables';
-@import 'functions';
+@import '~@react-md/theme/dist/helpers';
+@import './variables';
+@import './functions';
 
@@ -37,2 +37,99 @@ /// Creates the styles for one of the transition's theme values. This is mostly
 
+/// This is really just used internally to apply a base box shadow and position relative
+/// so that the pseudo element with the end box shadow can be shown.
+/// @param {String} shadow - The box shadow to apply.
+/// @access private
+@mixin rmd-transition-parent-shadow($shadow) {
+  box-shadow: $shadow;
+  position: relative;
+}
+
+/// This includes the base styles for animating the pseudo element's shadow.
+/// This should really only be used internally.
+///
+/// @param {String} shadow - The box shadow to apply.
+/// @param {Number|String} duration - The transition duration for the shadow opacity change.
+/// @param {Number} z-index [0] - The z-index to apply. This is set to 0 by default so that
+/// it can be shown more easily if there are child elements with position absolute.
+/// @access private
+@mixin rmd-transition-pseudo-shadow(
+  $shadow,
+  $duration: $rmd-transition-standard-time,
+  $z-index: 0
+) {
+  @include rmd-transition(standard);
+  @include rmd-utils-pseudo-element($z-index);
+
+  box-shadow: $shadow;
+  opacity: 0;
+  transition: opacity $duration;
+}
+
+/// A mixin that allows you to animate box shadow performantly.
+///
+/// @example scss - Simple Usage
+///   @import '~@react-md/theme/dist/color-palette';
+///
+///   .my-class {
+///     $start-shadow: inset 0 0 1px $rmd-blue-500;
+///     $end-shadow: inset 0 0 4px $rmd-blue-500;
+///
+///     @include rmd-transition-shadow-transition($start-shadow, $end-shadow, ('&:focus' '&:hover'));
+///   }
+///
+/// @example scss - Merging with elevation
+///   @import '~@react-md/elevation/dist/functions';
+///   @import '~@react-md/theme/dist/color-palette';
+///
+///   .my-class {
+///     $start-shadow: rmd-elevation(2);
+///     $end-shadow: rmd-elevation(4), inset 0 0 4px $rmd-blue-500;
+///
+///     @include rmd-transition-shadow-transition($start-shadow, $end-shadow, '&:focus');
+///   }
+///
+/// @param {String} start-shadow - The starting box-shadow to use.
+/// @param {String} end-shadow - The ending box-shadow to use.
+/// @param {String|List} active-selectors - Either a single string or a list of strings that is used
+///   to determine when the `$end-shadow` should be used.
+/// @param {Boolean} before [true] - Boolean if the `::before` or `::after` pseudo selector should be
+///   used as the `end-shadow` target.
+/// @param {Number|String} duration [rmd-transition-standard-time] - The animation duration
+/// @param {Number} pseudo-z-index [0] - The z-index to apply. This is set to 0 by default so that
+/// it can be shown more easily if there are child elements with position absolute
+@mixin rmd-transition-shadow-transition(
+  $start-shadow,
+  $end-shadow,
+  $active-selectors,
+  $before: true,
+  $duration: $rmd-transition-standard-time,
+  $pseudo-z-index: 0
+) {
+  @include rmd-transition-parent-shadow($start-shadow);
+
+  $shadow-target: if($before, '&::before', '&::after');
+
+  #{$shadow-target} {
+    @include rmd-transition-pseudo-shadow($end-shadow, $duration, $pseudo-z-index);
+  }
+
+  // remove the leading '&'
+  $suffix: str-slice($shadow-target, 2);
+  $active-string: '';
+  @if type-of($active-selectors) == string {
+    $active-string: $active-selectors + $suffix;
+  } @else if type-of($active-selectors) == list {
+    @for $i from 1 to length($active-selectors) + 1 {
+      $selector: nth($active-selectors, $i);
+
+      $prefix: $active-string + if($i > 1, ', ', '');
+      $active-string: $prefix + $selector + $suffix;
+    }
+  }
+
+  #{$active-string} {
+    opacity: 1;
+  }
+}
+
 /// Adds a transition timing function for the provided transition type.
@@ -39,0 +136,0 @@ ///

dist/_variables.scss

@@ -60,3 +60,5 @@ ////
 
-/// A Map of all the available transitions for react-md.
+/// A Map of all the "themeable" parts of the transition package. Every key in this map will
+/// be used to create a css variable to dynamically update the values of the icon as
+/// needed.
 /// @type Map
@@ -63,0 +65,0 @@ $rmd-transition-theme-values: (

dist/scss/_functions.scss

@@ -5,4 +5,4 @@ ////
 
-@import '~@react-md/theme/dist/scss/helpers';
-@import 'variables';
+@import '@react-md/theme/dist/scss/helpers';
+@import './variables';
 
@@ -9,0 +9,0 @@ /// This function is used to quickly get one of the transition's theme values. This is really

dist/scss/_mixins.scss

@@ -5,5 +5,5 @@ ////
 
-@import '~@react-md/theme/dist/scss/helpers';
-@import 'variables';
-@import 'functions';
+@import '@react-md/theme/dist/scss/helpers';
+@import './variables';
+@import './functions';
 
@@ -37,2 +37,99 @@ /// Creates the styles for one of the transition's theme values. This is mostly
 
+/// This is really just used internally to apply a base box shadow and position relative
+/// so that the pseudo element with the end box shadow can be shown.
+/// @param {String} shadow - The box shadow to apply.
+/// @access private
+@mixin rmd-transition-parent-shadow($shadow) {
+  box-shadow: $shadow;
+  position: relative;
+}
+
+/// This includes the base styles for animating the pseudo element's shadow.
+/// This should really only be used internally.
+///
+/// @param {String} shadow - The box shadow to apply.
+/// @param {Number|String} duration - The transition duration for the shadow opacity change.
+/// @param {Number} z-index [0] - The z-index to apply. This is set to 0 by default so that
+/// it can be shown more easily if there are child elements with position absolute.
+/// @access private
+@mixin rmd-transition-pseudo-shadow(
+  $shadow,
+  $duration: $rmd-transition-standard-time,
+  $z-index: 0
+) {
+  @include rmd-transition(standard);
+  @include rmd-utils-pseudo-element($z-index);
+
+  box-shadow: $shadow;
+  opacity: 0;
+  transition: opacity $duration;
+}
+
+/// A mixin that allows you to animate box shadow performantly.
+///
+/// @example scss - Simple Usage
+///   @import '@react-md/theme/dist/scss/color-palette';
+///
+///   .my-class {
+///     $start-shadow: inset 0 0 1px $rmd-blue-500;
+///     $end-shadow: inset 0 0 4px $rmd-blue-500;
+///
+///     @include rmd-transition-shadow-transition($start-shadow, $end-shadow, ('&:focus' '&:hover'));
+///   }
+///
+/// @example scss - Merging with elevation
+///   @import '@react-md/elevation/dist/scss/functions';
+///   @import '@react-md/theme/dist/scss/color-palette';
+///
+///   .my-class {
+///     $start-shadow: rmd-elevation(2);
+///     $end-shadow: rmd-elevation(4), inset 0 0 4px $rmd-blue-500;
+///
+///     @include rmd-transition-shadow-transition($start-shadow, $end-shadow, '&:focus');
+///   }
+///
+/// @param {String} start-shadow - The starting box-shadow to use.
+/// @param {String} end-shadow - The ending box-shadow to use.
+/// @param {String|List} active-selectors - Either a single string or a list of strings that is used
+///   to determine when the `$end-shadow` should be used.
+/// @param {Boolean} before [true] - Boolean if the `::before` or `::after` pseudo selector should be
+///   used as the `end-shadow` target.
+/// @param {Number|String} duration [rmd-transition-standard-time] - The animation duration
+/// @param {Number} pseudo-z-index [0] - The z-index to apply. This is set to 0 by default so that
+/// it can be shown more easily if there are child elements with position absolute
+@mixin rmd-transition-shadow-transition(
+  $start-shadow,
+  $end-shadow,
+  $active-selectors,
+  $before: true,
+  $duration: $rmd-transition-standard-time,
+  $pseudo-z-index: 0
+) {
+  @include rmd-transition-parent-shadow($start-shadow);
+
+  $shadow-target: if($before, '&::before', '&::after');
+
+  #{$shadow-target} {
+    @include rmd-transition-pseudo-shadow($end-shadow, $duration, $pseudo-z-index);
+  }
+
+  // remove the leading '&'
+  $suffix: str-slice($shadow-target, 2);
+  $active-string: '';
+  @if type-of($active-selectors) == string {
+    $active-string: $active-selectors + $suffix;
+  } @else if type-of($active-selectors) == list {
+    @for $i from 1 to length($active-selectors) + 1 {
+      $selector: nth($active-selectors, $i);
+
+      $prefix: $active-string + if($i > 1, ', ', '');
+      $active-string: $prefix + $selector + $suffix;
+    }
+  }
+
+  #{$active-string} {
+    opacity: 1;
+  }
+}
+
 /// Adds a transition timing function for the provided transition type.
@@ -39,0 +136,0 @@ ///

dist/scss/_variables.scss

@@ -60,3 +60,5 @@ ////
 
-/// A Map of all the available transitions for react-md.
+/// A Map of all the "themeable" parts of the transition package. Every key in this map will
+/// be used to create a css variable to dynamically update the values of the icon as
+/// needed.
 /// @type Map
@@ -63,0 +65,0 @@ $rmd-transition-theme-values: (

es/Collapse.js

@@ -6,4 +6,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
@@ -15,2 +17,5 @@ };
     var _a = providedProps, children = _a.children, props = __rest(_a, ["children"]);
+    // it's ok to dynamically do hooks here since I want the app to crash if the
+    // dev is swapping between a clonable child and a children renderer function
+    /* eslint-disable react-hooks/rules-of-hooks */
     if (isValidElement(children)) {
@@ -17,0 +22,0 @@ return useCollapsibleElement(children, props);

es/Collapse.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../src/Collapse.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAGL,cAAc,GAGf,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AA2CjC,IAAM,QAAQ,GAAsB,UAAA,aAAa;IAC/C,IAAM,kBAA0D,EAAxD,sBAAQ,EAAE,gCAA8C,CAAC;IACjE,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE;QAC5B,OAAO,qBAAqB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;KAC/C;IAEK,IAAA,iCAA4D,EAA1D,sBAAQ,EAAE,oCAAgD,CAAC;IACnE,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,OAAQ,QAAqC,CAAC,eAAe,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,IAAM,YAAY,GAAiB;IACjC,SAAS,EAAE,CAAC;IACZ,gBAAgB,EAAE,CAAC;IACnB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;CACnB,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG,YAAY,CAAC;AAErC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;IAElC,IAAI,SAAS,GAAG,IAAI,CAAC;IACrB,IAAI;QACF,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;KACnC;IAAC,OAAO,CAAC,EAAE,GAAE;IAEd,IAAI,SAAS,EAAE;QACb,QAAQ,CAAC,SAAS,GAAG;YACnB,KAAK,EAAE,SAAS,CAAC,MAAM;YACvB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;YACpC,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;YACpE,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;YACxE,gBAAgB,EAAE,SAAS,CAAC,SAAS,CAAC;gBACpC,SAAS,CAAC,MAAM;gBAChB,SAAS,CAAC,MAAM;aACjB,CAAC;YACF,aAAa,EAAE,SAAS,CAAC,MAAM;YAC/B,aAAa,EAAE,SAAS,CAAC,MAAM;YAC/B,gBAAgB,EAAE,SAAS,CAAC,IAAI;YAChC,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;iBAC/D,UAAU;YACb,UAAU,EAAE,SAAS,CAAC,IAAI;YAC1B,WAAW,EAAE,SAAS,CAAC,IAAI;SAC5B,CAAC;KACH;CACF;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../src/Collapse.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAGL,cAAc,GAGf,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AA2CjC,IAAM,QAAQ,GAAsB,UAAA,aAAa;IAC/C,IAAM,kBAA0D,EAAxD,sBAAQ,EAAE,gCAA8C,CAAC;IACjE,4EAA4E;IAC5E,4EAA4E;IAC5E,+CAA+C;IAC/C,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE;QAC5B,OAAO,qBAAqB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;KAC/C;IAEK,IAAA,iCAA4D,EAA1D,sBAAQ,EAAE,oCAAgD,CAAC;IACnE,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,OAAQ,QAAqC,CAAC,eAAe,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,IAAM,YAAY,GAAiB;IACjC,SAAS,EAAE,CAAC;IACZ,gBAAgB,EAAE,CAAC;IACnB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;CACnB,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG,YAAY,CAAC;AAErC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;IAElC,IAAI,SAAS,GAAG,IAAI,CAAC;IACrB,IAAI;QACF,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;KACnC;IAAC,OAAO,CAAC,EAAE,GAAE;IAEd,IAAI,SAAS,EAAE;QACb,QAAQ,CAAC,SAAS,GAAG;YACnB,KAAK,EAAE,SAAS,CAAC,MAAM;YACvB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;YACpC,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;YACpE,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;YACxE,gBAAgB,EAAE,SAAS,CAAC,SAAS,CAAC;gBACpC,SAAS,CAAC,MAAM;gBAChB,SAAS,CAAC,MAAM;aACjB,CAAC;YACF,aAAa,EAAE,SAAS,CAAC,MAAM;YAC/B,aAAa,EAAE,SAAS,CAAC,MAAM;YAC/B,gBAAgB,EAAE,SAAS,CAAC,IAAI;YAChC,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;iBAC/D,UAAU;YACb,UAAU,EAAE,SAAS,CAAC,IAAI;YAC1B,WAAW,EAAE,SAAS,CAAC,IAAI;SAC5B,CAAC;KACH;CACF;AAED,eAAe,QAAQ,CAAC"}

es/CrossFade.js

@@ -17,4 +17,6 @@ var __assign = (this && this.__assign) || function () {
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
@@ -21,0 +23,0 @@ };

es/CrossFade.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"CrossFade.js","sourceRoot":"","sources":["../src/CrossFade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAkBvD;;;;;;;GAOG;AACH,IAAM,SAAS,GAAuB,UAAA,aAAa;IACjD,IAAM,kBAA0D,EAAxD,sBAAQ,EAAE,gCAA8C,CAAC;IACjE,OAAO,oBAAC,aAAa,eAAK,KAAK,GAAG,QAAQ,CAAiB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,YAAY,GAAiB;IACjC,EAAE,EAAE,IAAI;IACR,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;IAChC,UAAU,EAAE;QACV,MAAM,EAAE,gBAAgB;QACxB,YAAY,EAAE,wBAAwB;QACtC,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;AAEtC,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CrossFade.js","sourceRoot":"","sources":["../src/CrossFade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAiBvD;;;;;;;GAOG;AACH,IAAM,SAAS,GAAuB,UAAA,aAAa;IACjD,IAAM,kBAA0D,EAAxD,sBAAQ,EAAE,gCAA8C,CAAC;IACjE,OAAO,oBAAC,aAAa,eAAK,KAAK,GAAG,QAAQ,CAAiB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,YAAY,GAAiB;IACjC,EAAE,EAAE,IAAI;IACR,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;IAChC,UAAU,EAAE;QACV,MAAM,EAAE,gBAAgB;QACxB,YAAY,EAAE,wBAAwB;QACtC,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;AAEtC,eAAe,SAAS,CAAC"}

es/useCollapseTransition.js

@@ -186,2 +186,4 @@ var __assign = (this && this.__assign) || function () {
         };
+        // disabled only want to be triggered on transition changes
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [entering, leaving]);
@@ -188,0 +190,0 @@ var mergedStyle = createTransitionStyle({

es/useCollapseTransition.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"useCollapseTransition.js","sourceRoot":"","sources":["../src/useCollapseTransition.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useCollapseTransition.js","sourceRoot":"","sources":["../src/useCollapseTransition.ts"],"names":[],"mappings":"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"}

es/useFixedPositioning.js

@@ -17,9 +17,10 @@ var __assign = (this && this.__assign) || function () {
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import { useCallback, useRef, useState } from "react";
-import { useResizeListener } from "@react-md/sizing";
-import { getFixedPosition, useRefCache, useScrollListener, } from "@react-md/utils";
+import { getFixedPosition, useRefCache, useResizeListener, useScrollListener, } from "@react-md/utils";
 function getFixedTo(fixedTo) {
@@ -58,2 +59,4 @@ if (!fixedTo) {
     var element = useRef(null);
+    /* eslint-disable react-hooks/exhaustive-deps */
+    // these are all guarenteed to not change since using refs or non-updating callbacks
     var updateStyle = useCallback(function () {
@@ -60,0 +63,0 @@ var node = element.current;

es/useFixedPositioning.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"useFixedPositioning.js","sourceRoot":"","sources":["../src/useFixedPositioning.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useFixedPositioning.js","sourceRoot":"","sources":["../src/useFixedPositioning.ts"],"names":[],"mappings":"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"}

lib/Collapse.js

@@ -7,4 +7,6 @@ "use strict";
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
@@ -17,2 +19,5 @@ };
     var _a = providedProps, children = _a.children, props = __rest(_a, ["children"]);
+    // it's ok to dynamically do hooks here since I want the app to crash if the
+    // dev is swapping between a clonable child and a children renderer function
+    /* eslint-disable react-hooks/rules-of-hooks */
     if (react_1.isValidElement(children)) {
@@ -19,0 +24,0 @@ return useCollapseTransition_1.useCollapsibleElement(children, props);

lib/Collapse.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../src/Collapse.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,+BAMe;AACf,iEAIiC;AA2CjC,IAAM,QAAQ,GAAsB,UAAA,aAAa;IAC/C,IAAM,kBAA0D,EAAxD,sBAAQ,EAAE,gCAA8C,CAAC;IACjE,IAAI,sBAAc,CAAC,QAAQ,CAAC,EAAE;QAC5B,OAAO,6CAAqB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;KAC/C;IAEK,IAAA,yDAA4D,EAA1D,sBAAQ,EAAE,oCAAgD,CAAC;IACnE,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,OAAQ,QAAqC,CAAC,eAAe,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,IAAM,YAAY,GAAiB;IACjC,SAAS,EAAE,CAAC;IACZ,gBAAgB,EAAE,CAAC;IACnB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;CACnB,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG,YAAY,CAAC;AAErC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;IAElC,IAAI,SAAS,GAAG,IAAI,CAAC;IACrB,IAAI;QACF,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;KACnC;IAAC,OAAO,CAAC,EAAE,GAAE;IAEd,IAAI,SAAS,EAAE;QACb,QAAQ,CAAC,SAAS,GAAG;YACnB,KAAK,EAAE,SAAS,CAAC,MAAM;YACvB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;YACpC,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;YACpE,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;YACxE,gBAAgB,EAAE,SAAS,CAAC,SAAS,CAAC;gBACpC,SAAS,CAAC,MAAM;gBAChB,SAAS,CAAC,MAAM;aACjB,CAAC;YACF,aAAa,EAAE,SAAS,CAAC,MAAM;YAC/B,aAAa,EAAE,SAAS,CAAC,MAAM;YAC/B,gBAAgB,EAAE,SAAS,CAAC,IAAI;YAChC,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;iBAC/D,UAAU;YACb,UAAU,EAAE,SAAS,CAAC,IAAI;YAC1B,WAAW,EAAE,SAAS,CAAC,IAAI;SAC5B,CAAC;KACH;CACF;AAED,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../src/Collapse.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+BAMe;AACf,iEAIiC;AA2CjC,IAAM,QAAQ,GAAsB,UAAA,aAAa;IAC/C,IAAM,kBAA0D,EAAxD,sBAAQ,EAAE,gCAA8C,CAAC;IACjE,4EAA4E;IAC5E,4EAA4E;IAC5E,+CAA+C;IAC/C,IAAI,sBAAc,CAAC,QAAQ,CAAC,EAAE;QAC5B,OAAO,6CAAqB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;KAC/C;IAEK,IAAA,yDAA4D,EAA1D,sBAAQ,EAAE,oCAAgD,CAAC;IACnE,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,OAAQ,QAAqC,CAAC,eAAe,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,IAAM,YAAY,GAAiB;IACjC,SAAS,EAAE,CAAC;IACZ,gBAAgB,EAAE,CAAC;IACnB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;CACnB,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG,YAAY,CAAC;AAErC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;IAElC,IAAI,SAAS,GAAG,IAAI,CAAC;IACrB,IAAI;QACF,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;KACnC;IAAC,OAAO,CAAC,EAAE,GAAE;IAEd,IAAI,SAAS,EAAE;QACb,QAAQ,CAAC,SAAS,GAAG;YACnB,KAAK,EAAE,SAAS,CAAC,MAAM;YACvB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;YACpC,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;YACpE,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;YACxE,gBAAgB,EAAE,SAAS,CAAC,SAAS,CAAC;gBACpC,SAAS,CAAC,MAAM;gBAChB,SAAS,CAAC,MAAM;aACjB,CAAC;YACF,aAAa,EAAE,SAAS,CAAC,MAAM;YAC/B,aAAa,EAAE,SAAS,CAAC,MAAM;YAC/B,gBAAgB,EAAE,SAAS,CAAC,IAAI;YAChC,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;iBAC/D,UAAU;YACb,UAAU,EAAE,SAAS,CAAC,IAAI;YAC1B,WAAW,EAAE,SAAS,CAAC,IAAI;SAC5B,CAAC;KACH;CACF;AAED,kBAAe,QAAQ,CAAC"}

lib/CrossFade.js

@@ -18,4 +18,6 @@ "use strict";
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
@@ -22,0 +24,0 @@ };

lib/CrossFade.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"CrossFade.js","sourceRoot":"","sources":["../src/CrossFade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,iEAAuD;AAkBvD;;;;;;;GAOG;AACH,IAAM,SAAS,GAAuB,UAAA,aAAa;IACjD,IAAM,kBAA0D,EAAxD,sBAAQ,EAAE,gCAA8C,CAAC;IACjE,OAAO,8BAAC,sCAAa,eAAK,KAAK,GAAG,QAAQ,CAAiB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,YAAY,GAAiB;IACjC,EAAE,EAAE,IAAI;IACR,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;IAChC,UAAU,EAAE;QACV,MAAM,EAAE,gBAAgB;QACxB,YAAY,EAAE,wBAAwB;QACtC,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;AAEtC,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"CrossFade.js","sourceRoot":"","sources":["../src/CrossFade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,iEAAuD;AAiBvD;;;;;;;GAOG;AACH,IAAM,SAAS,GAAuB,UAAA,aAAa;IACjD,IAAM,kBAA0D,EAAxD,sBAAQ,EAAE,gCAA8C,CAAC;IACjE,OAAO,8BAAC,sCAAa,eAAK,KAAK,GAAG,QAAQ,CAAiB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,YAAY,GAAiB;IACjC,EAAE,EAAE,IAAI;IACR,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;IAChC,UAAU,EAAE;QACV,MAAM,EAAE,gBAAgB;QACxB,YAAY,EAAE,wBAAwB;QACtC,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;AAEtC,kBAAe,SAAS,CAAC"}

lib/useCollapseTransition.js

@@ -196,2 +196,4 @@ "use strict";
         };
+        // disabled only want to be triggered on transition changes
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [entering, leaving]);
@@ -198,0 +200,0 @@ var mergedStyle = createTransitionStyle({

lib/useCollapseTransition.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"useCollapseTransition.js","sourceRoot":"","sources":["../src/useCollapseTransition.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useCollapseTransition.js","sourceRoot":"","sources":["../src/useCollapseTransition.ts"],"names":[],"mappings":"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"}

lib/useFixedPositioning.js

@@ -18,4 +18,6 @@ "use strict";
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
@@ -25,3 +27,2 @@ };
 var react_1 = require("react");
-var sizing_1 = require("@react-md/sizing");
 var utils_1 = require("@react-md/utils");
@@ -61,2 +62,4 @@ function getFixedTo(fixedTo) {
     var element = react_1.useRef(null);
+    /* eslint-disable react-hooks/exhaustive-deps */
+    // these are all guarenteed to not change since using refs or non-updating callbacks
     var updateStyle = react_1.useCallback(function () {
@@ -113,3 +116,3 @@ var node = element.current;
     }, []);
-    sizing_1.useResizeListener({
+    utils_1.useResizeListener({
         enabled: !!element.current,
@@ -116,0 +119,0 @@ onResize: function (event) {

lib/useFixedPositioning.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"useFixedPositioning.js","sourceRoot":"","sources":["../src/useFixedPositioning.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useFixedPositioning.js","sourceRoot":"","sources":["../src/useFixedPositioning.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAqE;AACrE,yCAQyB;AAmEzB,SAAS,UAAU,CAAC,OAAgB;IAClC,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,IAAM,CAAC,GAAG,OAAO,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE;QACT,KAAK,QAAQ;YACX,OAAO,GAAG,OAAiB,CAAC;YAC5B,OAAO,CACL,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC;gBAChC,QAAQ,CAAC,aAAa,CAAc,OAAO,CAAC,CAC7C,CAAC;QACJ,KAAK,UAAU;YACb,OAAQ,OAA2B,EAAE,CAAC;QACxC;YACE,OAAO,OAAsB,CAAC;KACjC;AACH,CAAC;AAMD;;;;;;;;;;GAUG;AACH,SAAwB,mBAAmB,CAAC,EAUlB;IATxB,IAAA,oBAAO,EACP,0BAAU,EACV,wBAAS,EACT,sBAAQ,EACR,oBAAO,EACP,0BAAU,EACV,sBAAQ,EACR,sBAAQ,EACR,kIAAmB;IAEb,IAAA,uBAAyD,EAAxD,aAAK,EAAE,gBAAiD,CAAC;IAChE,IAAM,QAAQ,GAAG,mBAAW,CAAC,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IAC3E,IAAM,OAAO,GAAG,mBAAW,YAAG,OAAO,SAAA,EAAE,UAAU,YAAA,IAAK,gBAAgB,EAAG,CAAC;IAE1E,IAAM,OAAO,GAAG,cAAM,CAAqB,IAAI,CAAC,CAAC;IAEjD,gDAAgD;IAChD,oFAAoF;IACpF,IAAM,WAAW,GAAG,mBAAW,CAAC;QAC9B,IAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QAED,IAAM,oBAMa,EALjB,oBAAO,EACP,0BAAU,EACV,sCAAgB,EAChB,cAA0B,EAA1B,uCAA0B,EAC1B,+EACiB,CAAC;QACpB,IAAM,MAAM,GAAG;YACb,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,QAAQ;YAC9B,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,OAAO;SAC9B,CAAC;QACF,IAAM,SAAS,GAAG,OAAO,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3E,IAAM,IAAI,gBACL,SAAS,EACT,SAAS,IACZ,MAAM,QAAA,GACP,CAAC;QAEI,IAAA,gGAIJ,EAJM,gBAAK,EAAE,oBAAO,EAAE,oBAItB,CAAC;QAEH,IAAM,MAAM,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC;QAC1C,IAAI,gBAAgB,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE;YACxE,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;SAClC;QAED,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,kBAAkB,GAAG,mBAAW,CAAC,UAAC,IAAiB;QACvD,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,WAAW,GAAG,mBAAW,CAAC,UAAC,IAAiB,EAAE,MAAe;QACzD,IAAA,kCAAO,CAAsB;QACrC,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;SACvB;QAED,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,cAAc,GAAG,mBAAW,CAAC,UAAC,IAAiB,EAAE,MAAe;QAC5D,IAAA,wCAAU,CAAsB;QACxC,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;SAC1B;QAED,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,aAAa,GAAG,mBAAW,CAAC,UAAC,IAAiB,EAAE,MAAe;QAC3D,IAAA,sCAAS,CAAsB;QACvC,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;SACzB;QAED,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,YAAY,GAAG,mBAAW,CAAC,UAAC,IAAiB;QACzC,IAAA,oCAAQ,CAAsB;QACtC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;QAED,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,yBAAiB,CAAC;QAChB,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO;QAC1B,QAAQ,EAAE,UAAA,KAAK;YACb,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;aACjB;YAED,WAAW,EAAE,CAAC;QAChB,CAAC;KACF,CAAC,CAAC;IAEH,yBAAiB,CAAC;QAChB,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO;QAC1B,QAAQ,EAAE,UAAA,KAAK;YACb,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;aACvD;YAED,WAAW,EAAE,CAAC;QAChB,CAAC;KACF,CAAC,CAAC;IAEH,OAAO;QACL,KAAK,OAAA;QACL,OAAO,EAAE,WAAW;QACpB,UAAU,EAAE,cAAc;QAC1B,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,YAAY;KACvB,CAAC;AACJ,CAAC;AA/HD,sCA+HC"}

package.json

 {
   "name": "@react-md/transition",
-  "version": "2.0.0-alpha.5",
+  "version": "2.0.0-alpha.6",
   "description": "A package for working with react-md to use some simple transitions.",
@@ -39,5 +39,4 @@ "scripts": {
   "dependencies": {
-    "@react-md/sizing": "^2.0.0-alpha.5",
-    "@react-md/theme": "^2.0.0-alpha.5",
-    "@react-md/utils": "^2.0.0-alpha.5",
+    "@react-md/theme": "^2.0.0-alpha.6",
+    "@react-md/utils": "^2.0.0-alpha.6",
     "classnames": "^2.2.6"
@@ -54,3 +53,3 @@ },
   },
-  "gitHead": "3210cd3047162980716f1eb07cb25b364a241a70"
+  "gitHead": "e3db6427d83e1a66980662f3656557cc07dfabcc"
 }

README.md

@@ -11,1 +11,8 @@ # @react-md/transition
 ```
+
+The `rmd-transition-shadow-transition` mixin allows you to "performantly"
+transition between two box shadow values using the
+[opacity trick](http://tobiasahlin.com/blog/how-to-animate-box-shadow/). This
+mixin automatically creates a pseudo `::before` or `::after` element with the
+final box shadow and animates the opacity once one of the `$active-selectors`
+are triggered. The code below will help explain this part a bit more.

src/__tests__/Collapse.tsx

 import React from "react";
-import { mount, shallow } from "enzyme";
+import { cleanup, render } from "@testing-library/react";
 
 import Collapse from "../Collapse";
 
+afterEach(cleanup);
+
 describe("Collapse", () => {
@@ -10,4 +12,4 @@ describe("rendering", () => {
       const children = jest.fn();
-      const collapse = shallow(<Collapse collapsed>{children}</Collapse>);
-      expect(collapse.type()).toBe(null);
+      const { container } = render(<Collapse collapsed>{children}</Collapse>);
+      expect(container.firstChild).toBe(null);
     });
@@ -17,3 +19,3 @@
       const children = jest.fn();
-      mount(<Collapse collapsed>{children}</Collapse>);
+      render(<Collapse collapsed>{children}</Collapse>);
 
@@ -24,3 +26,3 @@ expect(children).not.toBeCalled();
     it("should not render as null if any of minHeight, minPaddingTop, or minPaddingBottom are greater than 0", () => {
-      const collapse = shallow(
+      const { container } = render(
         <Collapse
@@ -36,16 +38,7 @@ collapsed
 
-      expect(collapse.type()).not.toBeNull();
-
-      collapse.setProps({ minPaddingTop: 0, minPaddingBottom: 0 });
-      expect(collapse.type()).not.toBeNull();
-
-      collapse.setProps({ minHeight: 0, minPaddingBottom: 1 });
-      expect(collapse.type()).not.toBeNull();
-
-      collapse.setProps({ minPaddingTop: 1, minPaddingBottom: 0 });
-      expect(collapse.type()).not.toBeNull();
+      expect(container).toMatchSnapshot();
     });
 
     it("should use the value of the isEmptyCollapsed prop over the values of minHeight, minPaddingTop, minPaddingBottom if it is defined", () => {
-      const collapse = shallow(
+      const { container, rerender } = render(
         <Collapse
@@ -62,13 +55,18 @@ collapsed
 
-      expect(collapse.type()).toBe(null);
+      expect(container.firstChild).toBe(null);
 
-      collapse.setProps({
-        minHeight: 0,
-        minPaddingTop: 0,
-        minPaddingBottom: 0,
-        isEmptyCollapsed: false,
-      });
-      expect(collapse.type()).not.toBe(null);
+      rerender(
+        <Collapse
+          collapsed
+          isEmptyCollapsed={false}
+          minHeight={0}
+          minPaddingTop={0}
+          minPaddingBottom={0}
+        >
+          {() => <div />}
+        </Collapse>
+      );
+      expect(container.firstChild).not.toBe(null);
     });
   });
 });

src/__tests__/useCollapseTransition.tsx

 import { CSSProperties } from "react";
-import { renderHook } from "react-hooks-testing-library";
+import { renderHook } from "@testing-library/react-hooks";
 
@@ -223,6 +223,6 @@ import {
     const div = document.createElement("div");
-    div.cloneNode = jest.fn(div.cloneNode);
+    const cloneNode = jest.spyOn(div, "cloneNode");
 
     getElementSizing(div);
-    expect(div.cloneNode).toBeCalledWith(false);
+    expect(cloneNode).toBeCalledWith(false);
   });
@@ -236,3 +236,3 @@
 
-    window.getComputedStyle = jest.fn(window.getComputedStyle);
+    const getComputedStyle = jest.spyOn(window, "getComputedStyle");
 
@@ -242,3 +242,3 @@ getElementSizing(div);
     expected.style.visibility = "hidden";
-    expect(window.getComputedStyle).toBeCalledWith(expected);
+    expect(getComputedStyle).toBeCalledWith(expected);
 
@@ -251,3 +251,3 @@ div.style.padding = "20px 12px";
     expected2.style.paddingRight = "12px";
-    expect(window.getComputedStyle).toBeCalledWith(expected2);
+    expect(getComputedStyle).toBeCalledWith(expected2);
   });
@@ -258,5 +258,5 @@
     div.id = "div";
+    let appendChild = jest.spyOn(document.body, "appendChild");
+    let removeChild = jest.spyOn(document.body, "removeChild");
 
-    document.body.appendChild = jest.fn(document.body.appendChild);
-    document.body.removeChild = jest.fn(document.body.removeChild);
     const expected = document.createElement("div");
@@ -267,4 +267,4 @@ expected.id = "div";
     getElementSizing(div);
-    expect(document.body.appendChild).toBeCalledWith(expected);
-    expect(document.body.removeChild).toBeCalledWith(expected);
+    expect(appendChild).toBeCalledWith(expected);
+    expect(removeChild).toBeCalledWith(expected);
 
@@ -274,7 +274,8 @@ const parentDiv = document.createElement("div");
     parentDiv.appendChild(div);
-    parentDiv.appendChild = jest.fn(parentDiv.appendChild);
-    parentDiv.removeChild = jest.fn(parentDiv.removeChild);
+
+    appendChild = jest.spyOn(parentDiv, "appendChild");
+    removeChild = jest.spyOn(parentDiv, "removeChild");
     getElementSizing(div);
-    expect(parentDiv.appendChild).toBeCalledWith(expected);
-    expect(parentDiv.removeChild).toBeCalledWith(expected);
+    expect(appendChild).toBeCalledWith(expected);
+    expect(removeChild).toBeCalledWith(expected);
   });
@@ -281,0 +282,0 @@

src/_functions.scss

@@ -5,4 +5,4 @@ ////
 
-@import '@react-md/theme/dist/helpers';
-@import 'variables';
+@import '~@react-md/theme/dist/helpers';
+@import './variables';
 
@@ -9,0 +9,0 @@ /// This function is used to quickly get one of the transition's theme values. This is really

src/_mixins.scss

@@ -5,5 +5,5 @@ ////
 
-@import '@react-md/theme/dist/helpers';
-@import 'variables';
-@import 'functions';
+@import '~@react-md/theme/dist/helpers';
+@import './variables';
+@import './functions';
 
@@ -37,2 +37,99 @@ /// Creates the styles for one of the transition's theme values. This is mostly
 
+/// This is really just used internally to apply a base box shadow and position relative
+/// so that the pseudo element with the end box shadow can be shown.
+/// @param {String} shadow - The box shadow to apply.
+/// @access private
+@mixin rmd-transition-parent-shadow($shadow) {
+  box-shadow: $shadow;
+  position: relative;
+}
+
+/// This includes the base styles for animating the pseudo element's shadow.
+/// This should really only be used internally.
+///
+/// @param {String} shadow - The box shadow to apply.
+/// @param {Number|String} duration - The transition duration for the shadow opacity change.
+/// @param {Number} z-index [0] - The z-index to apply. This is set to 0 by default so that
+/// it can be shown more easily if there are child elements with position absolute.
+/// @access private
+@mixin rmd-transition-pseudo-shadow(
+  $shadow,
+  $duration: $rmd-transition-standard-time,
+  $z-index: 0
+) {
+  @include rmd-transition(standard);
+  @include rmd-utils-pseudo-element($z-index);
+
+  box-shadow: $shadow;
+  opacity: 0;
+  transition: opacity $duration;
+}
+
+/// A mixin that allows you to animate box shadow performantly.
+///
+/// @example scss - Simple Usage
+///   @import '~@react-md/theme/dist/color-palette';
+///
+///   .my-class {
+///     $start-shadow: inset 0 0 1px $rmd-blue-500;
+///     $end-shadow: inset 0 0 4px $rmd-blue-500;
+///
+///     @include rmd-transition-shadow-transition($start-shadow, $end-shadow, ('&:focus' '&:hover'));
+///   }
+///
+/// @example scss - Merging with elevation
+///   @import '~@react-md/elevation/dist/functions';
+///   @import '~@react-md/theme/dist/color-palette';
+///
+///   .my-class {
+///     $start-shadow: rmd-elevation(2);
+///     $end-shadow: rmd-elevation(4), inset 0 0 4px $rmd-blue-500;
+///
+///     @include rmd-transition-shadow-transition($start-shadow, $end-shadow, '&:focus');
+///   }
+///
+/// @param {String} start-shadow - The starting box-shadow to use.
+/// @param {String} end-shadow - The ending box-shadow to use.
+/// @param {String|List} active-selectors - Either a single string or a list of strings that is used
+///   to determine when the `$end-shadow` should be used.
+/// @param {Boolean} before [true] - Boolean if the `::before` or `::after` pseudo selector should be
+///   used as the `end-shadow` target.
+/// @param {Number|String} duration [rmd-transition-standard-time] - The animation duration
+/// @param {Number} pseudo-z-index [0] - The z-index to apply. This is set to 0 by default so that
+/// it can be shown more easily if there are child elements with position absolute
+@mixin rmd-transition-shadow-transition(
+  $start-shadow,
+  $end-shadow,
+  $active-selectors,
+  $before: true,
+  $duration: $rmd-transition-standard-time,
+  $pseudo-z-index: 0
+) {
+  @include rmd-transition-parent-shadow($start-shadow);
+
+  $shadow-target: if($before, '&::before', '&::after');
+
+  #{$shadow-target} {
+    @include rmd-transition-pseudo-shadow($end-shadow, $duration, $pseudo-z-index);
+  }
+
+  // remove the leading '&'
+  $suffix: str-slice($shadow-target, 2);
+  $active-string: '';
+  @if type-of($active-selectors) == string {
+    $active-string: $active-selectors + $suffix;
+  } @else if type-of($active-selectors) == list {
+    @for $i from 1 to length($active-selectors) + 1 {
+      $selector: nth($active-selectors, $i);
+
+      $prefix: $active-string + if($i > 1, ', ', '');
+      $active-string: $prefix + $selector + $suffix;
+    }
+  }
+
+  #{$active-string} {
+    opacity: 1;
+  }
+}
+
 /// Adds a transition timing function for the provided transition type.
@@ -39,0 +136,0 @@ ///

src/_variables.scss

@@ -60,3 +60,5 @@ ////
 
-/// A Map of all the available transitions for react-md.
+/// A Map of all the "themeable" parts of the transition package. Every key in this map will
+/// be used to create a css variable to dynamically update the values of the icon as
+/// needed.
 /// @type Map
@@ -63,0 +65,0 @@ $rmd-transition-theme-values: (

src/Collapse.tsx

@@ -32,3 +32,3 @@ import {
    */
-  ref: RefObject<any>;
+  ref: RefObject<HTMLElement>;
 }
@@ -38,6 +38,6 @@
   props: CollapseChildrenProps
-) => ReactElement<any>;
+) => ReactElement;
 
 export interface CollapseProps extends CollapseOptions {
-  children: ReactElement<any> | CollapseChildrenRenderer;
+  children: ReactElement<HTMLElement> | CollapseChildrenRenderer;
 }
@@ -59,2 +59,5 @@
   const { children, ...props } = providedProps as WithDefaultProps;
+  // it's ok to dynamically do hooks here since I want the app to crash if the
+  // dev is swapping between a clonable child and a children renderer function
+  /* eslint-disable react-hooks/rules-of-hooks */
   if (isValidElement(children)) {
@@ -61,0 +64,0 @@ return useCollapsibleElement(children, props);

src/CrossFade.tsx

 import React, { FC } from "react";
 import { CSSTransition } from "react-transition-group";
 
-export interface CrossFadeProps
-  extends Partial<CSSTransition.CSSTransitionProps> {}
+export type CrossFadeProps = Partial<CSSTransition.CSSTransitionProps>;
 
@@ -7,0 +6,0 @@ type DefaultProps = Required<

src/index.ts

@@ -13,2 +13,2 @@ export { default as Collapse } from "./Collapse";
 export * from "./useFixedPositioning";
-export * from "./types.d";
+export * from "./types";

src/useCollapseTransition.ts

@@ -11,2 +11,3 @@ import {
   useState,
+  MutableRefObject,
 } from "react";
@@ -170,3 +171,3 @@ import cn from "classnames";
   minPaddingBottom,
-}: EmptyCollapsedOptions) {
+}: EmptyCollapsedOptions): boolean {
   if (typeof isEmptyCollapsed === "boolean") {
@@ -190,3 +191,3 @@ return isEmptyCollapsed;
  */
-export function isRendered(options: RenderedOptions) {
+export function isRendered(options: RenderedOptions): boolean {
   const { collapsed, entering, leaving } = options;
@@ -262,3 +263,3 @@
   paddingBottom,
-}: TransitionStyleOptions) {
+}: TransitionStyleOptions): CSSProperties | undefined {
   if (
@@ -281,2 +282,11 @@ typeof maxHeight === "undefined" &&
 
+interface CollapseTransitionResult<E extends HTMLElement> {
+  transitionProps: {
+    style?: CSSProperties;
+    className: string;
+    ref: MutableRefObject<E | null>;
+  };
+  rendered: boolean;
+}
+
 /**
@@ -294,3 +304,3 @@ * Creates a collapse transition that will animate between expanded and collapsed
   options: CollapseOptions
-) {
+): CollapseTransitionResult<E> {
   const {
@@ -399,2 +409,4 @@ collapsed,
     };
+    // disabled only want to be triggered on transition changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [entering, leaving]);
@@ -409,2 +421,3 @@
   });
+
   return {
@@ -440,5 +453,5 @@ transitionProps: {
 export function useCollapsibleElement(
-  element: ReactElement<any>,
+  element: ReactElement,
   options: CollapseOptions
-) {
+): ReactElement | null {
   const el = Children.only(element);
@@ -445,0 +458,0 @@ const { transitionProps, rendered } = useCollapseTransition({

src/useFixedPositioning.ts

 import { CSSProperties, useCallback, useRef, useState } from "react";
-import { TransitionProps } from "react-transition-group/Transition";
-import { useResizeListener } from "@react-md/sizing";
 import {
@@ -10,4 +8,6 @@ FixedPositionOptions,
   useRefCache,
+  useResizeListener,
   useScrollListener,
 } from "@react-md/utils";
+import { TransitionProps } from "react-transition-group/Transition";
 
@@ -35,5 +35,10 @@ export type FixedToFunction = () => HTMLElement | null;
 
+type TransitionHooks = Pick<
+  TransitionProps,
+  "onEnter" | "onEntering" | "onEntered" | "onExited"
+>;
+
 export interface FixedPositioningOptions
   extends OptionalFixedPositionOptions,
-    Pick<TransitionProps, "onEnter" | "onEntering" | "onEntered" | "onExited"> {
+    TransitionHooks {
   /**
@@ -74,3 +79,3 @@ * The element that the transitioning node should be fixed to.
 
-function getFixedTo(fixedTo: FixedTo) {
+function getFixedTo(fixedTo: FixedTo): HTMLElement | null {
   if (!fixedTo) {
@@ -95,2 +100,6 @@ return null;
 
+interface ReturnValue extends Required<TransitionHooks> {
+  style?: CSSProperties;
+}
+
 /**
@@ -117,3 +126,3 @@ * This hook is used to automatically handle fixed positioning when an element is used alongside a
   ...remainingOptions
-}: FixedPositioningOptions) {
+}: FixedPositioningOptions): ReturnValue {
   const [style, setStyle] = useState<CSSProperties | undefined>();
@@ -125,2 +134,4 @@ const handlers = useRefCache({ onEnter, onEntering, onEntered, onExited });
 
+  /* eslint-disable react-hooks/exhaustive-deps */
+  // these are all guarenteed to not change since using refs or non-updating callbacks
   const updateStyle = useCallback(() => {
@@ -127,0 +138,0 @@ const node = element.current;

types/Collapse.d.ts

@@ -19,9 +19,9 @@ import { CSSProperties, FC, ReactElement, RefObject } from "react";
      */
-    ref: RefObject<any>;
+    ref: RefObject<HTMLElement>;
 }
-export declare type CollapseChildrenRenderer = (props: CollapseChildrenProps) => ReactElement<any>;
+export declare type CollapseChildrenRenderer = (props: CollapseChildrenProps) => ReactElement;
 export interface CollapseProps extends CollapseOptions {
-    children: ReactElement<any> | CollapseChildrenRenderer;
+    children: ReactElement<HTMLElement> | CollapseChildrenRenderer;
 }
 declare const Collapse: FC<CollapseProps>;
 export default Collapse;

types/CrossFade.d.ts

 import { FC } from "react";
 import { CSSTransition } from "react-transition-group";
-export interface CrossFadeProps extends Partial<CSSTransition.CSSTransitionProps> {
-}
+export declare type CrossFadeProps = Partial<CSSTransition.CSSTransitionProps>;
 /**
@@ -6,0 +5,0 @@ * This is a very simpel wrapper for the CSSTransition component from

types/index.d.ts

@@ -8,2 +8,2 @@ export { default as Collapse } from "./Collapse";
 export * from "./useFixedPositioning";
-export * from "./types.d";
+export * from "./types";

types/types.d.ts

@@ -1,82 +0,65 @@
-// these were copied from @types/react-transition-group and renamed to be prefixed with Transition
-// since they currently aren't exported
-export type TransitionEnterHandler = (
-  node: HTMLElement,
-  appearing: boolean
-) => void;
-export type TransitionExitHandler = (node: HTMLElement) => void;
-
-export type TransitionTimeout = number | { enter?: number; exit?: number };
-
-// this was copied over just for simplicity and not requiring adding react-transition-group for this
-export type CSSTransitionClassNames =
-  | string
-  | {
-      appear?: string;
-      appearActive?: string;
-      enter?: string;
-      enterActive?: string;
-      enterDone?: string;
-      exit?: string;
-      exitActive?: string;
-      exitDone?: string;
-    };
-
+export declare type TransitionEnterHandler = (node: HTMLElement, appearing: boolean) => void;
+export declare type TransitionExitHandler = (node: HTMLElement) => void;
+export declare type TransitionTimeout = number | {
+    enter?: number;
+    exit?: number;
+};
+export declare type CSSTransitionClassNames = string | {
+    appear?: string;
+    appearActive?: string;
+    enter?: string;
+    enterActive?: string;
+    enterDone?: string;
+    exit?: string;
+    exitActive?: string;
+    exitDone?: string;
+};
 export interface TransitionProps {
-  /**
-   * The transition duration for the overlay. This should not be changed unless you manually change the
-   * `$rmd-overlay-transition-duration` scss variable.
-   */
-  timeout?: TransitionTimeout;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group. By default, the overlay will
-   * not be rendered in the DOM until the `visible` prop is `true` but this can be changed by setting this
-   * prop to `false`.
-   */
-  mountOnEnter?: boolean;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group. By default, the overlay will
-   * be removed from the DOM when the `visible` prop is `false` but this can be changed by setting this
-   * prop to `false`.
-   */
-  unmountOnExit?: boolean;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onEnter?: TransitionEnterHandler;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onEntering?: TransitionEnterHandler;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onEntered?: TransitionEnterHandler;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onExit?: TransitionExitHandler;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onExiting?: TransitionExitHandler;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onExited?: TransitionExitHandler;
+    /**
+     * The transition duration for the overlay. This should not be changed unless you manually change the
+     * `$rmd-overlay-transition-duration` scss variable.
+     */
+    timeout?: TransitionTimeout;
+    /**
+     * Pass-down prop to the `Transition` component from react-transition-group. By default, the overlay will
+     * not be rendered in the DOM until the `visible` prop is `true` but this can be changed by setting this
+     * prop to `false`.
+     */
+    mountOnEnter?: boolean;
+    /**
+     * Pass-down prop to the `Transition` component from react-transition-group. By default, the overlay will
+     * be removed from the DOM when the `visible` prop is `false` but this can be changed by setting this
+     * prop to `false`.
+     */
+    unmountOnExit?: boolean;
+    /**
+     * Pass-down prop to the `Transition` component from react-transition-group.
+     */
+    onEnter?: TransitionEnterHandler;
+    /**
+     * Pass-down prop to the `Transition` component from react-transition-group.
+     */
+    onEntering?: TransitionEnterHandler;
+    /**
+     * Pass-down prop to the `Transition` component from react-transition-group.
+     */
+    onEntered?: TransitionEnterHandler;
+    /**
+     * Pass-down prop to the `Transition` component from react-transition-group.
+     */
+    onExit?: TransitionExitHandler;
+    /**
+     * Pass-down prop to the `Transition` component from react-transition-group.
+     */
+    onExiting?: TransitionExitHandler;
+    /**
+     * Pass-down prop to the `Transition` component from react-transition-group.
+     */
+    onExited?: TransitionExitHandler;
 }
-
 export interface CSSTransitionProps extends TransitionProps {
-  /**
-   * The class names to use during the different parts of the animation.
-   */
-  classNames?: CSSTransitionClassNames;
+    /**
+     * The class names to use during the different parts of the animation.
+     */
+    classNames?: CSSTransitionClassNames;
 }

types/useCollapseTransition.d.ts

@@ -1,2 +0,2 @@
-import { CSSProperties, Dispatch, ReactElement, SetStateAction } from "react";
+import { CSSProperties, Dispatch, ReactElement, SetStateAction, MutableRefObject } from "react";
 export interface CollapseOptions {
@@ -138,2 +138,10 @@ /**
 export declare function createTransitionStyle({ style, transitionDuration, maxHeight, paddingTop, paddingBottom, }: TransitionStyleOptions): CSSProperties | undefined;
+interface CollapseTransitionResult<E extends HTMLElement> {
+    transitionProps: {
+        style?: CSSProperties;
+        className: string;
+        ref: MutableRefObject<E | null>;
+    };
+    rendered: boolean;
+}
 /**
@@ -149,10 +157,3 @@ * Creates a collapse transition that will animate between expanded and collapsed
  */
-export declare function useCollapseTransition<E extends HTMLElement>(options: CollapseOptions): {
-    transitionProps: {
-        style: CSSProperties | undefined;
-        className: string;
-        ref: import("react").MutableRefObject<E | null>;
-    };
-    rendered: boolean;
-};
+export declare function useCollapseTransition<E extends HTMLElement>(options: CollapseOptions): CollapseTransitionResult<E>;
 /**
@@ -169,3 +170,3 @@ * This hook is used to inject the required collapse transition props into
  */
-export declare function useCollapsibleElement(element: ReactElement<any>, options: CollapseOptions): ReactElement<any, string | ((props: any) => ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null;
+export declare function useCollapsibleElement(element: ReactElement, options: CollapseOptions): ReactElement | null;
 export {};

types/useFixedPositioning.d.ts

 import { CSSProperties } from "react";
+import { FixedPositionOptions, Omit, PositionAnchor } from "@react-md/utils";
 import { TransitionProps } from "react-transition-group/Transition";
-import { FixedPositionOptions, Omit, PositionAnchor } from "@react-md/utils";
 export declare type FixedToFunction = () => HTMLElement | null;
@@ -10,3 +10,4 @@ export declare type FixedTo = string | HTMLElement | null | FixedToFunction;
 export declare type OnFixedPositionScroll = (event: Event, element: HTMLElement | null, fixedTo: HTMLElement | null) => void;
-export interface FixedPositioningOptions extends OptionalFixedPositionOptions, Pick<TransitionProps, "onEnter" | "onEntering" | "onEntered" | "onExited"> {
+declare type TransitionHooks = Pick<TransitionProps, "onEnter" | "onEntering" | "onEntered" | "onExited">;
+export interface FixedPositioningOptions extends OptionalFixedPositionOptions, TransitionHooks {
     /**
@@ -42,2 +43,5 @@ * The element that the transitioning node should be fixed to.
 }
+interface ReturnValue extends Required<TransitionHooks> {
+    style?: CSSProperties;
+}
 /**
@@ -54,8 +58,3 @@ * This hook is used to automatically handle fixed positioning when an element is used alongside a
  */
-export default function useFixedPositioning({ onEnter, onEntering, onEntered, onExited, fixedTo, getOptions, onResize, onScroll, ...remainingOptions }: FixedPositioningOptions): {
-    style: CSSProperties | undefined;
-    onEnter: (node: HTMLElement, appear: boolean) => void;
-    onEntering: (node: HTMLElement, appear: boolean) => void;
-    onEntered: (node: HTMLElement, appear: boolean) => void;
-    onExited: (node: HTMLElement) => void;
-};
+export default function useFixedPositioning({ onEnter, onEntering, onEntered, onExited, fixedTo, getOptions, onResize, onScroll, ...remainingOptions }: FixedPositioningOptions): ReturnValue;
+export {};

dist/css/transition.css

-:root {
-  --rmd-transition-sharp: cubic-bezier(0.4, 0, 0.6, 1);
-  --rmd-transition-standard: cubic-bezier(0.4, 0, 0.2, 1);
-  --rmd-transition-acceleration: cubic-bezier(0.4, 0, 1, 1);
-  --rmd-transition-deceleration: cubic-bezier(0, 0, 0.2, 1);
-}
-
-.rmd-collapse {
-  transition-property: max-height, padding-bottom, padding-top;
-  will-change: max-height, padding-bottom, padding-top;
-}
-
-.rmd-collapse--no-overflow {
-  overflow: hidden;
-}
-
-.rmd-collapse--enter {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  transition-timing-function: var(--rmd-transition-deceleration, cubic-bezier(0, 0, 0.2, 1));
-}
-
-.rmd-collapse--leave {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  transition-timing-function: var(--rmd-transition-acceleration, cubic-bezier(0.4, 0, 1, 1));
-}
-
-.rmd-cross-fade {
-  opacity: 0;
-  -webkit-transform: translateY(-1rem);
-          transform: translateY(-1rem);
-}
-
-.rmd-cross-fade--active {
-  opacity: 1;
-  -webkit-transform: translateY(0);
-          transform: translateY(0);
-  transition-duration: 0.3s;
-  transition-property: opacity, -webkit-transform;
-  transition-property: opacity, transform;
-  transition-property: opacity, transform, -webkit-transform;
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  transition-timing-function: var(--rmd-transition-deceleration, cubic-bezier(0, 0, 0.2, 1));
-}
-/*# sourceMappingURL=transition.css.map */

dist/css/transition.css.map

-{"version":3,"sources":["../../src/styles.scss"],"names":[],"mappings":"AAAA;EACE,oDAAoD;EACpD,uDAAuD;EACvD,yDAAyD;EACzD,yDAAyD;AAC3D;;AAEA;EACE,4DAA4D;EAC5D,oDAAoD;AACtD;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,sDAA0F;EAA1F,0FAA0F;AAC5F;;AAEA;EACE,sDAA0F;EAA1F,0FAA0F;AAC5F;;AAEA;EACE,UAAU;EACV,oCAA4B;UAA5B,4BAA4B;AAC9B;;AAEA;EAEE,UAAU;EACV,gCAAwB;UAAxB,wBAAwB;EACxB,yBAAyB;EACzB,+CAAuC;EAAvC,uCAAuC;EAAvC,0DAAuC;EAJvC,sDAA0F;EAA1F,0FAA0F;AAK5F","file":"transition.css","sourcesContent":[":root {\n  --rmd-transition-sharp: cubic-bezier(0.4, 0, 0.6, 1);\n  --rmd-transition-standard: cubic-bezier(0.4, 0, 0.2, 1);\n  --rmd-transition-acceleration: cubic-bezier(0.4, 0, 1, 1);\n  --rmd-transition-deceleration: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.rmd-collapse {\n  transition-property: max-height, padding-bottom, padding-top;\n  will-change: max-height, padding-bottom, padding-top;\n}\n\n.rmd-collapse--no-overflow {\n  overflow: hidden;\n}\n\n.rmd-collapse--enter {\n  transition-timing-function: var(--rmd-transition-deceleration, cubic-bezier(0, 0, 0.2, 1));\n}\n\n.rmd-collapse--leave {\n  transition-timing-function: var(--rmd-transition-acceleration, cubic-bezier(0.4, 0, 1, 1));\n}\n\n.rmd-cross-fade {\n  opacity: 0;\n  transform: translateY(-1rem);\n}\n\n.rmd-cross-fade--active {\n  transition-timing-function: var(--rmd-transition-deceleration, cubic-bezier(0, 0, 0.2, 1));\n  opacity: 1;\n  transform: translateY(0);\n  transition-duration: 0.3s;\n  transition-property: opacity, transform;\n}\n\n/*# sourceMappingURL=transition.css.map */"]}

dist/css/transition.min.css

-:root{--rmd-transition-sharp:cubic-bezier(0.4,0,0.6,1);--rmd-transition-standard:cubic-bezier(0.4,0,0.2,1);--rmd-transition-acceleration:cubic-bezier(0.4,0,1,1);--rmd-transition-deceleration:cubic-bezier(0,0,0.2,1)}.rmd-collapse{transition-property:max-height,padding-bottom,padding-top;will-change:max-height,padding-bottom,padding-top}.rmd-collapse--no-overflow{overflow:hidden}.rmd-collapse--enter{transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:var(--rmd-transition-deceleration,cubic-bezier(0,0,.2,1))}.rmd-collapse--leave{transition-timing-function:cubic-bezier(.4,0,1,1);transition-timing-function:var(--rmd-transition-acceleration,cubic-bezier(.4,0,1,1))}.rmd-cross-fade{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.rmd-cross-fade--active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition-duration:.3s;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:var(--rmd-transition-deceleration,cubic-bezier(0,0,.2,1))}

src/types.d.ts

-// these were copied from @types/react-transition-group and renamed to be prefixed with Transition
-// since they currently aren't exported
-export type TransitionEnterHandler = (
-  node: HTMLElement,
-  appearing: boolean
-) => void;
-export type TransitionExitHandler = (node: HTMLElement) => void;
-
-export type TransitionTimeout = number | { enter?: number; exit?: number };
-
-// this was copied over just for simplicity and not requiring adding react-transition-group for this
-export type CSSTransitionClassNames =
-  | string
-  | {
-      appear?: string;
-      appearActive?: string;
-      enter?: string;
-      enterActive?: string;
-      enterDone?: string;
-      exit?: string;
-      exitActive?: string;
-      exitDone?: string;
-    };
-
-export interface TransitionProps {
-  /**
-   * The transition duration for the overlay. This should not be changed unless you manually change the
-   * `$rmd-overlay-transition-duration` scss variable.
-   */
-  timeout?: TransitionTimeout;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group. By default, the overlay will
-   * not be rendered in the DOM until the `visible` prop is `true` but this can be changed by setting this
-   * prop to `false`.
-   */
-  mountOnEnter?: boolean;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group. By default, the overlay will
-   * be removed from the DOM when the `visible` prop is `false` but this can be changed by setting this
-   * prop to `false`.
-   */
-  unmountOnExit?: boolean;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onEnter?: TransitionEnterHandler;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onEntering?: TransitionEnterHandler;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onEntered?: TransitionEnterHandler;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onExit?: TransitionExitHandler;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onExiting?: TransitionExitHandler;
-
-  /**
-   * Pass-down prop to the `Transition` component from react-transition-group.
-   */
-  onExited?: TransitionExitHandler;
-}
-
-export interface CSSTransitionProps extends TransitionProps {
-  /**
-   * The class names to use during the different parts of the animation.
-   */
-  classNames?: CSSTransitionClassNames;
-}

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

155642

6.45%

Dependency count

5

-16.67%

Number of package files

59

3.51%

Lines of code

2624

0.15%

Number of lines in readme file

18

63.64%

Dependency changes

• - Removed

  @react-md/sizing@^2.0.0-alpha.5

• Updated

  @react-md/theme@^2.0.0-alpha.6

• Updated

  @react-md/utils@^2.0.0-alpha.6