solid-transition-group - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

dist/solid-transition-group.js

		import { createSignal, createMemo, assignProps, createComputed, untrack, batch, createEffect } from 'solid-js';

		function Transition(props) {
		const Transition = props => {
		let el;
		@@ -123,3 +123,3 @@ let first = true;
		return [s1, s2];
		}
		};

		@@ -146,3 +146,3 @@ function getRect(element) {

		function TransitionGroup(props) {
		const TransitionGroup = props => {
		const children = createMemo(() => props.children),
		@@ -331,4 +331,4 @@ resolved = createMemo(() => {
		return combined;
		}
		};

		export { Transition, TransitionGroup };

lib/solid-transition-group.js

		@@ -7,3 +7,3 @@ 'use strict';

		function Transition(props) {
		const Transition = props => {
		let el;
		@@ -128,3 +128,3 @@ let first = true;
		return [s1, s2];
		}
		};

		@@ -151,3 +151,3 @@ function getRect(element) {

		function TransitionGroup(props) {
		const TransitionGroup = props => {
		const children = solidJs.createMemo(() => props.children),
		@@ -336,5 +336,5 @@ resolved = solidJs.createMemo(() => {
		return combined;
		}
		};

		exports.Transition = Transition;
		exports.TransitionGroup = TransitionGroup;

package.json

		@@ -6,3 +6,3 @@ {
		"license": "MIT",
		"version": "0.0.1",
		"version": "0.0.2",
		"homepage": "https://github.com/ryansolid/solid-transition-group#readme",
		@@ -32,8 +32,8 @@ "repository": {
		"rollup": "^2.32.1",
		"solid-js": "^0.21.1",
		"solid-js": "^0.23.3",
		"typescript": "~4.0.3"
		},
		"peerDependencies": {
		"solid-js": "^0.21.1"
		"solid-js": "^0.23.3"
		}
		}

README.md

		@@ -12,3 +12,2 @@ # Solid Transition Group
		Props:

		- name - string Used to automatically generate transition CSS class names. e.g. name: 'fade' will auto expand to .fade-enter, .fade-enter-active, etc.
		@@ -25,3 +24,2 @@ - appear - boolean, Whether to apply transition on initial render. Defaults to false.
		Events:

		- onBeforeEnter?: (el: Element) => void;
		@@ -64,9 +62,9 @@ - onEnter?: (el: Element, done: () => void) => void;

		moveClass - overwrite CSS class applied during moving transition.
		exposes the same props as `<Transition>` except mode, appear.
		* moveClass - overwrite CSS class applied during moving transition.
		* exposes the same props as `<Transition>` except mode, appear.

		Events:
		* exposes the same events as `<Transition>`.

		exposes the same events as `<Transition>`.
		Usage:

		`<TransitionGroup>` serve as transition effects for multiple elements/components.
		@@ -73,0 +71,0 @@

types/Transition.d.ts

		@@ -0,1 +1,2 @@
		import { Component } from "solid-js";
		declare type TransitionProps = {
		@@ -19,3 +20,3 @@ name?: string;
		};
		export declare function Transition(props: TransitionProps): (() => unknown)[];
		export declare const Transition: Component<TransitionProps>;
		export {};

types/TransitionGroup.d.ts

		@@ -0,1 +1,2 @@
		import { Component } from "solid-js";
		declare type TransitionGroupProps = {
		@@ -18,3 +19,3 @@ name?: string;
		};
		export declare function TransitionGroup(props: TransitionGroupProps): () => Element[] \| undefined;
		export declare const TransitionGroup: Component<TransitionGroupProps>;
		export {};

Improved metrics