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

Comparing version 0.0.5 to 0.0.6

dist/index.js

@@ -1,2 +0,2 @@
-var e,r,t=require("@radix-ui/react-utils"),n=t.createContext,o=t.useLayoutEffect,u=(e={},r=require("react"),Object.keys(r).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})})),e);function i(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?i(Object(t),!0).forEach((function(r){a(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e){return function(e){if(Array.isArray(e))return y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||s(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,o=!1,u=void 0;try{for(var i,c=e[Symbol.iterator]();!(n=(i=c.next()).done)&&(t.push(i.value),!r||t.length!==r);n=!0);}catch(e){o=!0,u=e}finally{try{n||null==c.return||c.return()}finally{if(o)throw u}}return t}(e,r)||s(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,r){if(e){if("string"==typeof e)return y(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,r):void 0}}function y(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}exports.createCollection=function(e){var r=e+"CollectionProvider",t=l(n(e+"CollectionContext",r),2),i=t[0],a=t[1];function s(e){var r=e.children,t=l(u.useState([]),2),n=t[0],c=t[1],a=u.useRef(0),s=u.useCallback((function(e){c((function(r){return r.find((function(r){var t=r.ref;return e.ref.current===t.current}))?r:[].concat(f(r),[e])}))}),[c]),y=u.useCallback((function(e){c((function(r){return r.filter((function(r){return e.current!==r.ref.current}))}))}),[c]);return o((function(){c([])}),[r]),a.current=0,u.createElement(i.Provider,{value:u.useMemo((function(){return{items:n,addItem:s,removeItem:y,ssrSyncUseCollectionItemCountRef:a}}),[n,s,y])},r)}return s.displayName=r,[function(r){function t(e){return u.createElement(s,null,u.createElement(r,e))}return t.displayName=e+"CollectionComponent",t},function(e){var r=u.useRef(null),t=a("useCollectionItem"),n=t.items,i=t.addItem,f=t.removeItem,l=t.ssrSyncUseCollectionItemCountRef,s=n.findIndex((function(e){return r.current===e.ref.current})),y=-1!==s?s:l.current;return l.current=l.current+1,o((function(){i(c(c({},e),{},{ref:r}))})),o((function(){return function(){return f(r)}}),[r,f]),{ref:r,index:y}},function(){return a("useCollectionItems").items}]};
+var e,t,r=require("@radix-ui/react-use-layout-effect").useLayoutEffect,n=require("@radix-ui/react-context").createContext,o=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||l(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,o=!1,u=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(e){o=!0,u=e}finally{try{n||null==i.return||i.return()}finally{if(o)throw u}}return r}(e,t)||l(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}exports.createCollection=function(e){var t=e+"CollectionProvider",u=f(n(e+"CollectionItems"),2),i=u[0],l=u[1];function s(e){var t=e.children,n=f(o.useState([]),2),u=n[0],c=n[1],l=o.useRef(0),s=o.useCallback((function(e){c((function(t){return t.find((function(t){var r=t.ref;return e.ref.current===r.current}))?t:[].concat(a(t),[e])}))}),[c]),y=o.useCallback((function(e){c((function(t){return t.filter((function(t){return e.current!==t.ref.current}))}))}),[c]);return r((function(){c([])}),[t]),l.current=0,o.createElement(i,{items:u,onItemAdd:s,onItemRemove:y,ssrSyncUseCollectionItemCountRef:l},t)}return s.displayName=t,[function(t){function r(e){return o.createElement(s,null,o.createElement(t,e))}return r.displayName=e+"CollectionComponent",r},function(e){var t=o.useRef(null),n=l("useCollectionItem"),u=n.items,i=n.onItemAdd,a=n.onItemRemove,f=n.ssrSyncUseCollectionItemCountRef,s=u.findIndex((function(e){return t.current===e.ref.current})),y=-1!==s?s:f.current;return f.current=f.current+1,r((function(){i(c(c({},e),{},{ref:t}))})),r((function(){return function(){return a(t)}}),[t,a]),{ref:t,index:y}},function(){return l("useCollectionItems").items}]};
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{createContext as e,useLayoutEffect as t}from"@radix-ui/react-utils";import*as r from"react";function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}export function createCollection(n){const c=n+"CollectionProvider",[u,i]=e(n+"CollectionContext",c);function l({children:e}){const[n,o]=r.useState([]),c=r.useRef(0),i=r.useCallback((function(e){o((t=>t.find((({ref:t})=>e.ref.current===t.current))?t:[...t,e]))}),[o]),l=r.useCallback((function(e){o((t=>t.filter((t=>e.current!==t.ref.current))))}),[o]);return t((()=>{o([])}),[e]),c.current=0,r.createElement(u.Provider,{value:r.useMemo((()=>({items:n,addItem:i,removeItem:l,ssrSyncUseCollectionItemCountRef:c})),[n,i,l])},e)}return l.displayName=c,[function(e){function t(t){return r.createElement(l,null,r.createElement(e,t))}return t.displayName=n+"CollectionComponent",t},function(e){const n=r.useRef(null),{items:c,addItem:u,removeItem:l,ssrSyncUseCollectionItemCountRef:f}=i("useCollectionItem"),s=c.findIndex((e=>n.current===e.ref.current)),a=-1!==s?s:f.current;return f.current=f.current+1,t((()=>{u(o(o({},e),{},{ref:n}))})),t((()=>()=>l(n)),[n,l]),{ref:n,index:a}},function(){return i("useCollectionItems").items}]}
+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.5",
+  "version": "0.0.6",
   "license": "MIT",
@@ -19,3 +19,4 @@ "source": "src/index.ts",
   "dependencies": {
-    "@radix-ui/react-utils": "0.0.5"
+    "@radix-ui/react-context": "0.0.1",
+    "@radix-ui/react-use-layout-effect": "0.0.1"
   },
@@ -22,0 +23,0 @@ "peerDependencies": {

No alert changes

Worsened metrics

Total package byte prevSize

21631

decreased by-3.39%

Dependency count

3

increased by50%

Lines of code

32

decreased by-5.88%

Dependency changes

• + Added@radix-ui/react-context@0.0.1

• + Added@radix-ui/react-use-layout-effect@0.0.1

• + Added@radix-ui/react-context@0.0.1(transitive)

• + Added@radix-ui/react-use-layout-effect@0.0.1(transitive)

• - Removed@radix-ui/react-utils@0.0.5

• - Removed@radix-ui/react-polymorphic@0.0.5(transitive)

• - Removed@radix-ui/react-utils@0.0.5(transitive)

• - Removed@radix-ui/utils@0.0.3(transitive)