Socket
Socket
Sign inDemoInstall

@radix-ui/react-use-controllable-state

Package Overview
Dependencies
Maintainers
5
Versions
73
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@radix-ui/react-use-controllable-state - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

2

dist/index.js

@@ -1,2 +0,2 @@

var r,e,t=require("@radix-ui/react-use-callback-ref").useCallbackRef,n=(r={},e=require("react"),Object.keys(e).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(r,t,{enumerable:!0,get:function(){return e[t]}})})),r);function o(r,e){return function(r){if(Array.isArray(r))return r}(r)||function(r,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(r)))return;var t=[],n=!0,o=!1,u=void 0;try{for(var a,i=r[Symbol.iterator]();!(n=(a=i.next()).done)&&(t.push(a.value),!e||t.length!==e);n=!0);}catch(r){o=!0,u=r}finally{try{n||null==i.return||i.return()}finally{if(o)throw u}}return t}(r,e)||function(r,e){if(!r)return;if("string"==typeof r)return u(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);"Object"===t&&r.constructor&&(t=r.constructor.name);if("Map"===t||"Set"===t)return Array.from(r);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return u(r,e)}(r,e)||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 u(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}exports.useControllableState=function(r){var e=r.prop,u=r.defaultProp,a=r.onChange,i=void 0===a?function(){}:a,f=function(r){var e=r.defaultProp,u=r.onChange,a=n.useState(e),i=o(a,1)[0],f=n.useRef(i),c=t(u);return n.useEffect((function(){f.current!==i&&(c(i),f.current=i)}),[i,f,c]),a}({defaultProp:u,onChange:i}),c=o(f,2),l=c[0],s=c[1],y=void 0!==e,b=y?e:l,d=t(i);return[b,n.useCallback((function(r){if(y){var t="function"==typeof r?r(e):r;t!==e&&d(t)}else s(r)}),[y,e,s,d])]};
var e,r,t,u,n=require("@radix-ui/react-use-callback-ref").useCallbackRef,a=require("react"),o=a.useCallback,l=a.useState,c=a.useRef,f=a.useEffect,i=(e=require("@babel/runtime-corejs3/helpers/slicedToArray"))&&e.__esModule?e.default:e;function s(e){var r=e.prop,t=e.defaultProp,u=e.onChange,a=void 0===u?function(){}:u,s=function(e){var r=e.defaultProp,t=e.onChange,u=l(r),a=i(u,1)[0],o=c(a),s=n(t);return f((function(){o.current!==a&&(s(a),o.current=a)}),[a,o,s]),u}({defaultProp:t,onChange:a}),d=i(s,2),b=d[0],p=d[1],C=void 0!==r,v=C?r:b,g=n(a);return[v,o((function(e){if(C){var t="function"==typeof e?e(r):e;t!==r&&g(t)}else p(e)}),[C,r,p,g])]}exports.useControllableState=s,r={},t="useControllableState",u=function(){return s},Object.defineProperty(r,t,{get:u,enumerable:!0});
//# sourceMappingURL=index.js.map

@@ -1,2 +0,2 @@

import{useCallbackRef as e}from"@radix-ui/react-use-callback-ref";import*as t from"react";export function useControllableState({prop:o,defaultProp:r,onChange:n=(()=>{})}){const[a,u]=function({defaultProp:o,onChange:r}){const n=t.useState(o),[a]=n,u=t.useRef(a),c=e(r);return t.useEffect((()=>{u.current!==a&&(c(a),u.current=a)}),[a,u,c]),n}({defaultProp:r,onChange:n}),c=void 0!==o,f=c?o:a,l=e(n);return[f,t.useCallback((e=>{if(c){const t=e,r="function"==typeof e?t(o):e;r!==o&&l(r)}else u(e)}),[c,o,u,l])]}
import{useCallbackRef as r}from"@radix-ui/react-use-callback-ref";import{useCallback as e,useState as n,useRef as o,useEffect as t}from"react";import a from"@babel/runtime-corejs3/helpers/esm/slicedToArray";var u,i,f;function c(u){var i=u.prop,f=u.defaultProp,c=u.onChange,l=void 0===c?function(){}:c,p=function(e){var u=e.defaultProp,i=e.onChange,f=n(u),c=a(f,1)[0],l=o(c),p=r(i);return t((function(){l.current!==c&&(p(c),l.current=c)}),[c,l,p]),f}({defaultProp:f,onChange:l}),m=a(p,2),d=m[0],s=m[1],b=void 0!==i,v=b?i:d,g=r(l);return[v,e((function(r){if(b){var e="function"==typeof r?r(i):r;e!==i&&g(e)}else s(r)}),[b,i,s,g])]}export{c as useControllableState};u={},i="useControllableState",f=function(){return c},Object.defineProperty(u,i,{get:f,enumerable:!0});
//# sourceMappingURL=index.module.js.map
{
"name": "@radix-ui/react-use-controllable-state",
"version": "0.0.1",
"version": "0.0.2",
"license": "MIT",

@@ -16,6 +16,8 @@ "source": "src/index.ts",

"clean": "rm -rf dist",
"prepublish": "yarn clean"
"prepublish": "yarn clean",
"version": "yarn version"
},
"dependencies": {
"@radix-ui/react-use-callback-ref": "0.0.1"
"@babel/runtime-corejs3": "^7.13.10",
"@radix-ui/react-use-callback-ref": "0.0.2"
},

@@ -22,0 +24,0 @@ "peerDependencies": {

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc