@react-md/core 1.0.0-next.15 → 1.0.0-next.16

package/src/transition/__tests__/__snapshots__/Collapse.tsx.snap

@@ -1,224 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`useCollapseTransition should apply the rmd-display-none if the temporary behavior is disabled 1`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse rmd-collapse--no-overflow rmd-display-none"
-    data-testid="element"
-    style="max-height: 0; padding-top: 0px; padding-bottom: 0px;"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`useCollapseTransition should apply the rmd-display-none if the temporary behavior is disabled 2`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse rmd-collapse--enter rmd-collapse--no-overflow"
-    data-testid="element"
-    style="max-height: 0; padding-top: 0px; padding-bottom: 0px; transition-duration: 250ms;"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`useCollapseTransition should apply the rmd-display-none if the temporary behavior is disabled 3`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse"
-    data-testid="element"
-    style="padding-top: 0px; padding-bottom: 0px;"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`useCollapseTransition should apply the rmd-display-none if the temporary behavior is disabled 4`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse rmd-collapse--leave rmd-collapse--no-overflow"
-    data-testid="element"
-    style="padding-top: 0px; padding-bottom: 0px; max-height: 0; transition-duration: 200ms;"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`useCollapseTransition should apply the rmd-display-none if the temporary behavior is disabled 5`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse rmd-collapse--no-overflow rmd-display-none"
-    data-testid="element"
-    style="padding-top: 0px; padding-bottom: 0px; max-height: 0;"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`useCollapseTransition should default to not being temporary if the minHeight, minPaddingTop, or minPaddingBottom are not 0 1`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse rmd-collapse--no-overflow"
-    data-testid="element"
-    style="max-height: 120px; padding-top: 0px; padding-bottom: 0px;"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`useCollapseTransition should default to not being temporary if the minHeight, minPaddingTop, or minPaddingBottom are not 0 2`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse rmd-collapse--no-overflow"
-    data-testid="element"
-    style="max-height: 0; padding-top: 0px; padding-bottom: 16px;"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`useCollapseTransition should default to not being temporary if the minHeight, minPaddingTop, or minPaddingBottom are not 0 3`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse rmd-collapse--no-overflow"
-    data-testid="element"
-    style="max-height: 0; padding-top: 8px; padding-bottom: 0px;"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`useCollapseTransition should default to not being temporary if the minHeight, minPaddingTop, or minPaddingBottom are not 0 4`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-</div>
-`;
-
-exports[`useCollapseTransition should default to not rendering the element when transitionIn is false 1`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse rmd-collapse--enter rmd-collapse--no-overflow"
-    data-testid="element"
-    style="max-height: 0; padding-top: 0px; padding-bottom: 0px; transition-duration: 250ms;"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`useCollapseTransition should default to not rendering the element when transitionIn is false 2`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse"
-    data-testid="element"
-    style="padding-top: 0px; padding-bottom: 0px;"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`useCollapseTransition should default to not rendering the element when transitionIn is false 3`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse rmd-collapse--leave rmd-collapse--no-overflow"
-    data-testid="element"
-    style="padding-top: 0px; padding-bottom: 0px; max-height: 0; transition-duration: 200ms;"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`useCollapseTransition should default to not rendering the element when transitionIn is false 4`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-</div>
-`;
-
-exports[`useCollapseTransition should not apply any style if it mounts while collapsed is false 1`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-collapse"
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;

package/src/transition/__tests__/__snapshots__/CrossFade.tsx.snap

@@ -1,240 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CrossFade should allow for temporary CSS Transition behavior 1`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-</div>
-`;
-
-exports[`CrossFade should allow for temporary CSS Transition behavior 2`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-cross-fade rmd-cross-fade--active"
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should allow for temporary CSS Transition behavior 3`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should correctly merge the className prop 1`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="custom-class"
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should correctly merge the className prop 2`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="custom-class rmd-cross-fade rmd-cross-fade--active"
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should correctly merge the className prop 3`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="custom-class"
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should correctly merge the className prop 4`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="custom-class"
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should correctly merge the className prop 5`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="custom-class"
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should default to using appear transitions 1`] = `
-<div>
-  <div
-    class="rmd-cross-fade rmd-cross-fade--active"
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should default to using appear transitions 2`] = `
-<div>
-  <div
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should default to using appear transitions 3`] = `
-<div>
-  <div
-    class="rmd-cross-fade rmd-cross-fade--active"
-    data-testid="element"
-  >
-    This is some new content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should default to using appear transitions 4`] = `
-<div>
-  <div
-    data-testid="element"
-  >
-    This is some new content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should transition correctly when not appearing 1`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should transition correctly when not appearing 2`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    class="rmd-cross-fade rmd-cross-fade--active"
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should transition correctly when not appearing 3`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should transition correctly when not appearing 4`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;
-
-exports[`CrossFade should transition correctly when not appearing 5`] = `
-<div>
-  <button
-    type="button"
-  >
-    Toggle
-  </button>
-  <div
-    data-testid="element"
-  >
-    This is some content.
-  </div>
-</div>
-`;

package/src/transition/__tests__/__snapshots__/ScaleTransition.tsx.snap

@@ -1,239 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ScaleTransition should default to using the horizontal transition 1`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should default to using the horizontal transition 2`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-    <div
-      class="rmd-scale-transition--enter rmd-scale-transition--enter-active"
-      data-testid="element"
-    >
-      This is some content.
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should default to using the horizontal transition 3`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-    <div
-      data-testid="element"
-    >
-      This is some content.
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should default to using the horizontal transition 4`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-    <div
-      class="rmd-scale-transition--exit rmd-scale-transition--exit-active"
-      data-testid="element"
-    >
-      This is some content.
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should default to using the horizontal transition 5`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should merge the className and allow to be rendered by default 1`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-    <div
-      class="custom-class"
-      data-testid="element"
-    >
-      This is some content.
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should merge the className and allow to be rendered by default 2`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-    <div
-      class="custom-class rmd-scale-transition--exit rmd-scale-transition--exit-active"
-      data-testid="element"
-    >
-      This is some content.
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should merge the className and allow to be rendered by default 3`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should merge the className and allow to be rendered by default 4`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-    <div
-      class="custom-class rmd-scale-transition--enter rmd-scale-transition--enter-active"
-      data-testid="element"
-    >
-      This is some content.
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should merge the className and allow to be rendered by default 5`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-    <div
-      class="custom-class"
-      data-testid="element"
-    >
-      This is some content.
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should render correctly for a vertical transition 1`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should render correctly for a vertical transition 2`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-    <div
-      class="rmd-scale-transition--enter rmd-scale-transition--y-enter rmd-scale-transition--enter-active rmd-scale-transition--y-enter-active"
-      data-testid="element"
-    >
-      This is some content.
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should render correctly for a vertical transition 3`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-    <div
-      data-testid="element"
-    >
-      This is some content.
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should render correctly for a vertical transition 4`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-    <div
-      class="rmd-scale-transition--exit rmd-scale-transition--y-exit rmd-scale-transition--exit-active rmd-scale-transition--y-exit-active"
-      data-testid="element"
-    >
-      This is some content.
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ScaleTransition should render correctly for a vertical transition 5`] = `
-<body>
-  <div>
-    <button
-      type="button"
-    >
-      Toggle
-    </button>
-  </div>
-</body>
-`;

package/src/transition/__tests__/__snapshots__/SkeletonPlaceholder.tsx.snap

@@ -1,24 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SkeletonPlaceholder should apply the correct styling, HTMLAttributes, and allow a ref 1`] = `
-<div
-  class="rmd-skeleton-placeholder"
-  data-testid="placeholder"
-  style="animation-delay: 0ms;"
-/>
-`;
-
-exports[`SkeletonPlaceholder should apply the correct styling, HTMLAttributes, and allow a ref 2`] = `
-<div
-  class="custom-class-name rmd-skeleton-placeholder"
-  data-testid="placeholder"
-  style="animation-delay: 0ms; color: white;"
-/>
-`;
-
-exports[`SkeletonPlaceholder should support disabling the random values by enabling the disabled prop 1`] = `
-<div
-  class=""
-  data-testid="placeholder"
-/>
-`;