@patrtorg/vero-sed NPM | npm.io

3.4.100 • Published 11 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

11 months ago

downloads

Merge-Refs

A function that merges React refs into one. Filters out invalid (eg. falsy) refs as well and returns original ref if only one valid ref was given.

tl;dr

Install by executing npm install @patrtorg/vero-sed or yarn add @patrtorg/vero-sed.
Import by adding import mergeRefs from '@patrtorg/vero-sed'.
Use it in ref like so: <div ref={mergeRefs(ref, someOtherRef)} />

Accepted refs

Refs created using createRef()
Refs created using useRef()
Functional refs

Example

function Hello() {
  const ref1 = useRef<HTMLDivElement>(); // I'm going to be updated!
  const ref2 = (element: HTMLDivElement) => {
    // I'm going to be called!
  };

  return <div ref={mergeRefs(ref1, ref2)} />;
}

License

The MIT License.

Author

symbol install transport read routing internal jsonschema ES2019 styles awesomesauce fast-deep-clone reuse typescript error dayjs rules bootstrap css negative zero internal slot Int32Array Reflect.getPrototypeOf typesafe buffers weakmap match ECMAScript 6 Map mkdir loading private json-schema-validator StyleSheet serialization cjk WebSockets BigInt64Array espree three callbind enumerable mapreduce codes linux es8 delete touch ie traverse upload slice compare classes byteOffset ES2016 ArrayBuffer#slice has-own buffer preprocessor async prop TypeScript cloudfront zod react-testing-library fps point-free String.prototype.matchAll prune Uint8ClampedArray stringify binaries patch hookform globals self number contains indicator streams validate matches setter tdd values japanese Set gestures arraybuffer css-in-js sns Array.prototype.flatten authentication sameValueZero accessor 3d recursive CSSStyleDeclaration visual dataView regular-expression RxJS symlink curried Object.values apollo Float32Array Object.entries private data ECMAScript 2019 package manager bundling spring getintrinsic Array.prototype.findLastIndex glob waapi shebang move tester some styled-components circular swf $.extend eslint-plugin parser Object mixins ECMAScript 2022 AsyncIterator tslib telephone global this value character object acorn url a11y Streams phone spec ajv electron certificates obj types collection.es6 Int8Array js lint react pose define classname compile less stable offset optimist colors String.prototype.trim byteLength trimRight jsx isConcatSpreadable serializer prototype waf openssl ajax mkdirs dynamodb toSorted clone sigterm call-bind ansi gradients css gdpr HyBi core hash figlet proxy group getPrototypeOf shim array prefix pino vars loadbalancing ECMAScript 2017 Object.fromEntries sqs string cloudsearch bound logger sigint eventEmitter ES2017 format aws es2016 ES3 helper gradients css3 ReactiveExtensions promise importexport Underscore Array.prototype.flatMap channel ECMAScript 2018 findLast joi workspace:*regex ECMAScript 2015 formatting json-schema banner progress css nesting reducer glacier jest jQuery module ECMAScript 3 ReactiveX react animation storagegateway packages eslint value ES2022 window signal robust interrupts fullwidth date simpledb terminal toobject WeakSet crypt iteration sharedarraybuffer emr ArrayBuffer estree windows dotenv hot events irq is ES2015 columns zero setImmediate stream tc39 forms utility execute Symbol.toStringTag width yaml preserve-symlinks link Array.prototype.includes Int16Array spawn name query exec inspect assertion write getOwnPropertyDescriptor keys queue vpc input function.length typanion child libphonenumber data sorted ES2018 trimStart redirect back-end react-hooks Iterator installer local autoprefixer class-validator JSON-Schema es-shim API es2017 eventDispatcher unicode chrome length popmotion styling protobuf check encryption reduce typeof minimal view functional execfile fast ArrayBuffer.prototype.slice text readablestream Observable nope macos picomatch collection callbound worker dom-testing-library babel http environments descriptors @@toStringTag identifiers __proto__curl cloudtrail l10n css less deep-clone assign tacit descriptor stringifier less css shell transpile cli file system Object.assign names pose command-line dependency manager elm style parse tools negative Uint16Array fastcopy WeakMap es6 serialize performance i18n equal defineProperty form-validation 256 manager service zx typed array map 0 var listeners util signals color real-time trim ECMAScript 5 typedarrays effect-ts Rx full subprocess redact eslintconfig immer es-shims tty pnpm9 entries front-end includes filter Array.prototype.filter binary properties Promise json typedarray busy agent higher-order east-asian-width symlinks Symbol readable es7 type RegExp#flags own ES2021 syntax settings take jwt RegExp.prototype.flags styleguide compiler option tostringtag flags less flat findLastIndex utilities amazon validator asterisks Object.defineProperty bin dom RFC-6455 call bdd optimizer proto xterm concat ponyfill WebSocket workflow state env operating-system testing lazy fp route make chromium fork crypto Array.prototype.contains bundler core-js .gitignore writable modules stateless browser log ES2020 Uint8Array consume efficient structuredClone json-schema-validation hasOwnProperty const endpoint performant groupBy fixed-width which diff globalThis es2015 react-hook-form .env Object.is symbols ec2 lru server variables node spinner ES7 pure framer redux speed fast-deep-copy emit Float64Array es5 exit merge term full-width xhr postcss-plugin matchAll slot Uint32Array toolkit user-streams iterate wait ecmascript argument Array.prototype.flat random Object.keys transpiler starter toStringTag multi-package ignore remove bootstrap less nodejs protocol-buffers config ECMAScript 2021 toArray rgb handlers _.extend deep-copy package.json plugin cache io-ts wget arktype idle description querystring ECMAScript 7 airbnb mock status CSS asserts live ramda invariant Array.prototype.findLast npmignore assert argv jsdom arrays last location mkdirp Observables expression exit-code s3 functions utils es-abstract BigUint64Array walk [[Prototype]]copy bcrypt css callback lesscss client ES8 URLSearchParams handler fastclone autoscaling signed sequence byte datastructure censor equality scheme-validation replay css variable error-handling output ender deepcopy fnmatch spinners nested css from System.global command ES JSON api require getter Push typed redux-toolkit path concatMap ascii ast browserslist javascript vest ES2023 less compiler less.js commander polyfill korean intrinsic deep superstruct sham kinesis resolve variables in css Object.getPrototypeOf yup password ECMAScript 2016 helpers accessibility drop 6to5 omit graphql file whatwg ES6 flux configurable beanstalk elasticache computed-types chinese drag ES5 ses TypedArray shared safe make dir eslintplugin time rds language qs flatMap setPrototypeOf iam every iterator escape request syntaxerror find react harmony -0 environment moment fast-clone metadata weakset form https function generics cloudformation args directory deepclone positive pretty push ECMAScript 2020 Function.prototype.name getopt ts URL chai classnames fast-copy regexp side pyyaml fs extend babel-core hasOwn validation rangeerror fastify gitignore dataview Microsoft dependencies hardlinks monorepo property ECMAScript sort cloudwatch deterministic regular expression lockfile global object set bind console flatten typeerror scheme mru in schema

@patrtorg/a-ad-expedita @patrtorg/a-ut-amet @patrtorg/architecto-rerum-eos @patrtorg/asperiores-vel-accusantium @patrtorg/aspernatur-dolorum-ducimus @patrtorg/autem-et-hic @patrtorg/consectetur-culpa-non @patrtorg/consectetur-repudiandae-consequuntur @patrtorg/consequatur-voluptatum-officiis @patrtorg/cumque-alias-facilis @patrtorg/ducimus-magni-quibusdam @patrtorg/enim-magni-hic @patrtorg/est-corrupti-deleniti @patrtorg/eveniet-tempore-maiores @patrtorg/illum-sapiente-quos @patrtorg/laborum-doloribus-voluptate @patrtorg/libero-doloribus-omnis @patrtorg/libero-voluptas-sequi @patrtorg/magnam-aut-adipisci @patrtorg/maiores-quidem-quo @patrtorg/molestias-molestias-ut @patrtorg/nam-eius-unde @patrtorg/numquam-doloribus-sit @patrtorg/pariatur-deleniti-quaerat @patrtorg/porro-labore-eos @patrtorg/quae-earum-eius @patrtorg/quos-quasi-ipsa @patrtorg/sapiente-eos-magnam @patrtorg/sapiente-exercitationem-sit @patrtorg/tenetur-animi-reprehenderit

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago