@radix-ui/react-collection - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

dist/index.js

		@@ -1,2 +0,2 @@
		var e,t,n=require("@radix-ui/react-use-layout-effect").useLayoutEffect,r=require("@radix-ui/react-context").createContext,c=(e={},t=require("react"),Object.keys(t).forEach((function(n){"default"!==n&&"__esModule"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})),e);exports.createCollection=function(e){const t=e+"CollectionProvider",[u,o]=r(e+"CollectionItems");function i({children:e}){const[t,r]=c.useState([]),o=c.useRef(0),i=c.useCallback((e=>{r((t=>t.find((({ref:t})=>e.ref.current===t.current))?t:[...t,e]))}),[r]),l=c.useCallback((e=>{r((t=>t.filter((t=>e.current!==t.ref.current))))}),[r]);return n((()=>{r([])}),[e]),o.current=0,c.createElement(u,{items:t,onItemAdd:i,onItemRemove:l,ssrSyncUseCollectionItemCountRef:o},e)}return i.displayName=t,[function(t){function n(e){return c.createElement(i,null,c.createElement(t,e))}return n.displayName=e+"CollectionComponent",n},function(e){const t=c.useRef(null),{items:r,onItemAdd:u,onItemRemove:i,ssrSyncUseCollectionItemCountRef:l}=o("useCollectionItem"),f=r.findIndex((e=>t.current===e.ref.current)),s=-1!==f?f:l.current;return l.current=l.current+1,n((()=>{u({...e,ref:t})})),n((()=>()=>i(t)),[t,i]),{ref:t,index:s}},function(){return o("useCollectionItems").items}]};
		var e,t,n=require("@radix-ui/react-use-layout-effect").useLayoutEffect,r=require("@radix-ui/react-context").createContext,u=(e={},t=require("react"),Object.keys(t).forEach((function(n){"default"!==n&&"__esModule"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})),e);exports.createCollection=function(e){const[t,c]=r(e+"CollectionItems");function o({children:e}){const[r,c]=u.useState([]),o=u.useRef(0),i=u.useCallback((e=>{c((t=>t.find((({ref:t})=>e.ref.current===t.current))?t:[...t,e]))}),[c]),l=u.useCallback((e=>{c((t=>t.filter((t=>e.current!==t.ref.current))))}),[c]);return n((()=>{c([])}),[e]),o.current=0,/#__PURE__/u.createElement(t,{items:r,onItemAdd:i,onItemRemove:l,ssrSyncUseCollectionItemCountRef:o},e)}/#__PURE__/return[function(t){function n(e){/#__PURE__/return u.createElement(o,null,/#__PURE__/u.createElement(t,e))}return n.displayName=e+"CollectionComponent",n},function(e){const t=u.useRef(null),{items:r,onItemAdd:o,onItemRemove:i,ssrSyncUseCollectionItemCountRef:l}=c("useCollectionItem"),f=r.findIndex((e=>t.current===e.ref.current)),s=-1!==f?f:l.current;return l.current=l.current+1,n((()=>{o({...e,ref:t})})),n((()=>()=>i(t)),[t,i]),{ref:t,index:s}},function(){return c("useCollectionItems").items}]};
		//# sourceMappingURL=index.js.map

dist/index.module.js

		@@ -1,2 +0,2 @@
		import{useLayoutEffect as e}from"@radix-ui/react-use-layout-effect";import{createContext as t}from"@radix-ui/react-context";import*as n from"react";export function createCollection(r){const o=r+"CollectionProvider",[c,u]=t(r+"CollectionItems");function i({children:t}){const[r,o]=n.useState([]),u=n.useRef(0),i=n.useCallback((e=>{o((t=>t.find((({ref:t})=>e.ref.current===t.current))?t:[...t,e]))}),[o]),l=n.useCallback((e=>{o((t=>t.filter((t=>e.current!==t.ref.current))))}),[o]);return e((()=>{o([])}),[t]),u.current=0,n.createElement(c,{items:r,onItemAdd:i,onItemRemove:l,ssrSyncUseCollectionItemCountRef:u},t)}return i.displayName=o,[function(e){function t(t){return n.createElement(i,null,n.createElement(e,t))}return t.displayName=r+"CollectionComponent",t},function(t){const r=n.useRef(null),{items:o,onItemAdd:c,onItemRemove:i,ssrSyncUseCollectionItemCountRef:l}=u("useCollectionItem"),m=o.findIndex((e=>r.current===e.ref.current)),s=-1!==m?m:l.current;return l.current=l.current+1,e((()=>{c({...t,ref:r})})),e((()=>()=>i(r)),[r,i]),{ref:r,index:s}},function(){return u("useCollectionItems").items}]}
		import{useLayoutEffect as e}from"@radix-ui/react-use-layout-effect";import{createContext as t}from"@radix-ui/react-context";importas n from"react";export function createCollection(r){const[o,c]=t(r+"CollectionItems");function u({children:t}){const[r,c]=n.useState([]),u=n.useRef(0),i=n.useCallback((e=>{c((t=>t.find((({ref:t})=>e.ref.current===t.current))?t:[...t,e]))}),[c]),l=n.useCallback((e=>{c((t=>t.filter((t=>e.current!==t.ref.current))))}),[c]);return e((()=>{c([])}),[t]),u.current=0,/#__PURE__/n.createElement(o,{items:r,onItemAdd:i,onItemRemove:l,ssrSyncUseCollectionItemCountRef:u},t)}/#__PURE__/return[function(e){function t(t){/#__PURE__/return n.createElement(u,null,/#__PURE__*/n.createElement(e,t))}return t.displayName=r+"CollectionComponent",t},function(t){const r=n.useRef(null),{items:o,onItemAdd:u,onItemRemove:i,ssrSyncUseCollectionItemCountRef:l}=c("useCollectionItem"),m=o.findIndex((e=>r.current===e.ref.current)),f=-1!==m?m:l.current;return l.current=l.current+1,e((()=>{u({...t,ref:r})})),e((()=>()=>i(r)),[r,i]),{ref:r,index:f}},function(){return c("useCollectionItems").items}]}
		//# sourceMappingURL=index.module.js.map

package.json

		{
		"name": "@radix-ui/react-collection",
		"version": "0.0.10",
		"version": "0.0.11",
		"license": "MIT",
		@@ -21,4 +21,4 @@ "source": "src/index.ts",
		"@babel/runtime": "^7.13.10",
		"@radix-ui/react-context": "0.0.4",
		"@radix-ui/react-use-layout-effect": "0.0.4"
		"@radix-ui/react-context": "0.0.5",
		"@radix-ui/react-use-layout-effect": "0.0.5"
		},
		@@ -25,0 +25,0 @@ "peerDependencies": {

dist/index.js.map

Sorry, the diff of this file is not supported yet

dist/index.module.js.map

Sorry, the diff of this file is not supported yet

@radix-ui/react-collection - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics

Dependency changes