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

Comparing version 0.0.9 to 0.0.10

dist/index.js

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

package.json

		{
		"name": "@radix-ui/react-collection",
		"version": "0.0.9",
		"version": "0.0.10",
		"license": "MIT",
		@@ -21,4 +21,4 @@ "source": "src/index.ts",
		"@babel/runtime": "^7.13.10",
		"@radix-ui/react-context": "0.0.3",
		"@radix-ui/react-use-layout-effect": "0.0.3"
		"@radix-ui/react-context": "0.0.4",
		"@radix-ui/react-use-layout-effect": "0.0.4"
		},
		@@ -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

Worsened metrics

Dependency changes