npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

react-misc-toolbox

v1.1.58

Published

- [ ] diagramexample | optimize creating from blank slate

Downloads

296

Readme

  • [ ] diagramexample | optimize creating from blank slate

15.06

  • [x] diagramexample | edit link (text)
  • [ ] diagramexample | edit link (type, from, to)
  • [ ] diagramexample | run tests for deletion, creation and updating

14.06

  • [x] diagramexample | enable blank slate
  • [x] diagramexample | select blank link

30.05

  • [ ] diagramexample | F adverb
  • [ ] diagramexample | F copula (noun property)
  • [ ] diagramexample | F conjunction poe
  • [ ] diagramexample | rewrite tree after edit
  • [ ] diagramexample | linkedToID: SelectOne to SelectMany

[ ] fixedUI | cleanup [ ] fixedUI | spit verbs feature [ ] fixedUI | design fixes

[ ] diagramexample | coords are separate entries [ ] diagramexample | complex sentences

[ ] read up JS on desktop [ ] storybook

29.05

  • [x] diagramexample | fix update not deleting prev element
  • [x] diagramexample | deepcreateelement output to include currentelement
  • [x] diagramexample | update rebuilds old links
  • [ ] diagramexample | cleanup

28.05

  • [x] diagramexample | identify idle elements / go through
  • [x] diagramexample | selectone fix

23.05

[x] diagramexample | select working diagram elements from sidebar

22.05

[x] diagramexample | interactive sidebar of working elements

20.05

[x] fixedUI | key hover Button [x] fixedUI | active buttons (submit on "enter") [x] fixedUI | fix invalid parent input focus on parent switch

19.05 [x] fixedUI | multipleUIs

15.05

[x] fixedUI | vert/horizontal options

14.05

[x] diagramexample | extract fixedUI

11.05

[x] diagramexample | fixed persistent bug with deletion [x] diagramexample | update current with link [x] diagramexample | fix UI interactivity

08.05

[x] diagramexample | delete current

06.05

[x] diagramexample | particle option [x] diagramexample | update current

05.05

[x] diagramexample | appendElement [x] diagramexample | fix arrow directions [x] diagramexample | fixedui | generate ID [x] diagramexample | fixedui | submit on alt-enter [x] diagramexample | smoothen submit and generate

[x] diagramexample | fixedui | empty link [x] diagramexample | mirror y coord [x] diagramexample | diagonal arrows [x] diagramexample | varied shapes by type [x] diagramexample | merge matrices

[x] diagramexample | add to current by selection

04.05

[x] selectone | fixed kb selection to update [x] diagramexample | fixedui | add selecttype [x] diagramexample | fixedui | add selectiscentral

25.04

[ ] button | add hotkey prop

24.04

[x] selectone | add kb arrow navigation when container is active

25.03 [ ] check multiple choice

19.20 [ ] fix auth modal

12.12

[ ] imageviewer | click to navigate only option (browser compat. reasons)

10.12

[ ] add a counter on top of resizelistener *make imageviewer mobile friendly *fix styles for form, add custom styles

22.11

[ ] imageviewer | mobile friendly default horizontal mode [ ] imageviewer | fix vertical mode

19.11

[ ] adopt new styles in registrationform [ ] navbar in registrationform [ ] fb and insta buttons

15.11

registrationformexample

[ ] modal popup on submit

14.11

multiplechoice

[ ] registrationformexample | animated bg image change on scroll [ ] registrationformexample | course description

13.11

multiplechoice

[ ] improve radio design

[ ] improve subtitle, think of ways of adding pricing [ ] add content example [ ] improve image design

10.11

multiplechoice

[ ] improve subtitle, think of ways of adding pricing [ ] add content example [ ] improve image design [ ] improve radio design

11.07

[x] change switch icon [ ] misc design edits

11.06

%> form [x] go up to the area with an error [x] make the error message stand out more [x] add subtitle

[x] fix bar animation

[ ] date selector | init

30.10 [-] multiplechoice | prettify [x] multiplechoice | prettify frame inputs

[ ] multiplechoice | prettify buttons [ ] multiplechoice | fixed bullet point option [ ] formexample | private vs group test

29.10

[x] form multiplechoice | require at least 1 choice [x] multiplechoice | fix init choice not showing up

28.10

[-] multiplechoice | prettify [x] multiplechoice | mutuallyexclusive init [x] multiplechoice | test within form [ ] multiplechoice | "how to find us" popover test [ ] multiplechoice | "skill level" popover test [ ] multiplechoice | generic option (children as a function) [ ] multiplechoice | sync with selectmany

27.10

[x] multiplechoice | checkbox fix

25.10 [x] multiplechoice | implement

24.10

[x] sidebar | overlay option [x] sidebar | OCL-off option [x] form | multiple select - remove-all toggle

23.10

[x] sidebar | margin shift option

21.10

[ ] sidebar | collapse (vertically to top) [ ] sidebar | collapse (vertically to bottom)

18.10

15.10 test bullet points test text [ ] about / fb / insta links in sidebar and header [ ] languagepicker | setActiveLanguage -> setActiveLanguageTo [ ] languagepicker | horizontal full design option [ ] languagepicker | better button style [ ] header | init

08.10

--

[ ] vertical mercury [ ] sidebar component [ ] header component [ ] testing suite

02.09

[ ] form | test multiple choice (payment method)

01.09

[x] form | allow pictures in selectmany

30.09

[ ] illustrated checkbox

29.09

[x] inputBox | required asterisk

21.09

[x] Form | fix classNames [ ] Form | use InputBox [ ] update and test on search form

16.09

[x] InputBox | add label

13.09

[x] InputBox | implement

10.09

08.09 [ ] InputBox | implement [ ] Form | use InputBox

02.09 [ ] orderedlist | refactor [ ] orderedlist | style fixes

01.09 [x] orderedlist | add 'unknown' heading for pending values

30.08

[x] orderedlist | sort by type [x] orderedlist | add option on where to put undefined values [x] orderedlist | highlight active sortby

29.08

[x] orderedlist | repair dates [x] orderedlist | add isDate check (for date ordering) [x] orderedlist | fix styles

27.08

[ ] orderedlist | proper sorting

12.09 [x] orderedlist | fix toggle states in example

11.09

[ ] orderedlist | switch 'pending' location based off sort order

09.09

[ ] orderedlist | fix sorting-by-date

08.08 [x] orderedlist | allow sorting via nested values

31.07 [x] orderedlistexample | toggle show/hide/only states [ ] button | allow several ON states

[ ] polish slotfulctcmercury [ ] test with socks-adminorders 30.07 [x] test for external state filters

29.07 [ ] polish orderedlist - date ordering

[-] polish orderedlist - layout [-] polish orderedlist - sorting [-] polish orderedlist - animation

28.07

[-] polish orderedlist - layout [-] polish orderedlist - sorting [-] polish orderedlist - animation [ ] polish orderedlist - date ordering [ ] polish slotfulctcmercury [ ] test with socks-adminorders

27.07

[x] polish orderedlist - pagination [x] polish orderedlist - pagination - layout [x] polish orderedlist - pagination - goto page [x] polish orderedlist - pagination - set page size

26.07

[x] add orderedlist [x] add orderedlistitem

23.07 [ ] add orderedlist [ ] polish slotfulctcmercury [ ] polish orderedlist [ ] add orderedlistitem

22.07 [x] add slotfulctcmercury

30.06 [x] mercury | clean up example 29.06 [x] mercury | margin lock by introducing extra side

27.06

[ ] mercury | margin lock by introducing extra side

26.06

[ ] mercury | margin lock

25.06

[x] mercury | locked mercury *rtbx [x] mercury | rigid mercury *rtbx

11.06 [x] mercury | allow closing when open by default with external [x] mercury | fix left side padding [x] mercury | fix central text padding [x] ctcgenericexample | recompose to hooks

29.06 [ ] flexiblemenu | improve api 28.06 [ ] mpm | repair 27.06 [x] helperFunctions | advancedMulti hideBase option [x] gridbox | apply advancedMulti [x] export styled sources [x] gridbox | to styled [x] gridbox | itemSize value to lowercase

26.06 [x] rework flatten

[x] simplify debugMode [x] button | repair broken css elements [x] button | mercury - control ratio [x] selectone | to styled [ ] selectmany | classes cleanup

25.06 [x] move headings to sidebar

[x] styledselect | cleanup into CAPS

24.06 [x] helperFunctiions | cleanup [x] StyledModal | cleanup into CAPS

23.06

20.06

[ ] helperFunctions | multiclass functions cleanup [ ] form | example styles cleanup [ ] form | update formik

19.06 [x] form | highlight group [x] form | checkbox style upgrade (mui) [x] form | className cleanup

18.06 [x] form | styled

16.05 [ ] helperfunction flippyFoo cleanup

15.05 [x] imageviewer | fixed example 14.05 [ ] move styles from index.html to respective styled files 13.05 [x] mpm | isFreeNavigation prop [ ] modal | styled uppercase

06.04 [ ] selectopen | repair [ ] ctcmercury | change flex proportion depending on screen size [ ] ctcmercury | vertical view prop [ ] form | styled

05.04

[x] button | takes size prop as an int

04.04 [x] flexiblemenu | rework to use styledcomp instead of resizelistener [x] mpm | pass classNames (esp. container) to modeldialog [x] mpm | custom close button [x] button | pass classNames [ ] mpm | cleanup and refactor

03.04

[x] modals (e.g. binary modal) | style fix

02.04

[x] ctcmercury | separate colors for bar and sides (subcolors) [x] ctcmercuryexample | exTrigger transition fix [ ] button | styles cleanup [ ] button | 'undefined' text color fix

01.04

[x] button | smooth fix [x] button | mercury inverted fix

30.04 (10/365)

[x] selectmany | SC.~ cleanup [ ] button | SC.~ cleanup

[ ] mpm | step cleanup

29.04 (9/365)

[x] mpm | button navigation while disabled [x] mpm | extract styled step/mpm

28.04 (8/365)

[ ] modals | replace styletemplate with themes

[ ] authmodal | use new modaldialog styledc [ ] authmodal | abstract form [ ] button | fix textcolor [ ] imageviewer | gradual scroll [ ] imageviewer | cancellable scroll

27.04

[x] mpm | onhover/onactive functionality [x] mpm | custom onhover/onactive

26.04 [x] mpm | fix x/y realignment

25.04 [ ] button | mercury - independent secondary colors [x] modaldialog | styledc

24.04 [ ] flexiblemenu | repair, rework

[ ] button | fixes and tweaks

23.04 [x] repair vertical accordion [x] imageviewer | accordion to render props 21.04 [x] button | fix invert [x] button | refactor [ ] theming for buttons - rework button from using colors to using themes [ ] use attrs method for frequently changed classes [ ] fix some colors (e.g. vivid)

[ ] accordion | move to position clicked feature prop [x] accordion | repair right nav not derendering at limit [ ] rtg | react-styled-transition [ ] showcase | pass columns/rows as prop to unburden styles [ ] rtgtransition | allow for styledcomponents or search for alternative animation modules implementation

17.04

[x] more showcase buttons (e.g. nav) [x] showcase | replace isM with mediaquery [x] button example rework

16.04 [x] selectmany | fix 15.04 [x] card | move scs outside [x] card | showcasewrapper scs outside

8.04 button | rework with styledcomponents 7.04

6.04 ^selectopen | flip-on-click prop

2.04

imageviewer | replace/optimize imagezoom

form | fix post-removal bugs form | simplify form composition inputs

1.04 ^accordion | fix touch scroll direction

30.03 ^accordion | 'click and hold' scroll speed prop ^accordion | fix repeat scroll on touch

28.03 selectmany | label and restructure examples ^selectmany | fix classNames ^selectmany | fix sorting

27.03

^accordion | continuous scroll on press (with pause) ^accordion | test for buttons on resize ^accordion | test mount/unmount individually ^accordion | imitate facebook/google on scroll ^accordion | test touch behaviour

24.03

23.03

imageviewer | repair example ^form | rename options(props to rSMwACS) to optionLabels ^form | convert ACS to work without isSigned prop

22.03 ^CTCPopover | added isOn call props

20.03 ^CTCPopover | add 'overlap' positioning prop (to cover the trigger)

19.03 ^SelectOne | add onClick prop (optional propagation) 18.03 ?ImageViewer | vertical scroll fix ^CTCPopover | add 'pivot balance' prop to offset trigger position ^CTCPopover | more positions (esp. LEFTUP)

15.03 ^CTCPopover | add 'pivot balance' prop to offset trigger position ==13.03 selectmany | fix remove bug form | simplify form composition inputs

==11.03

form | simplify form composition inputs

10.03

^ ctc | provide a way (and add an example) where an external button controls several ctc popovers that can also be switched on/off individually

ctc | simplify 'connected' api

09.03

05.03

natural accordion scroll

26.02

accordion

touch-friendly buttons

25.02

imageviewer

+> > frame's auto value is at main image value +> > vertical imagepreview scroll to selected image

resolve horizontal preview proportions +> > resolve zoom vs scroll conflict - disable zoom while swiping -> > scroll vertically on vertical layout adjust main image values easily via props +> > itemheight etc. refactor instant edge transition gradual drag transition ready for njs-socks import

24.02

22.02

outsideclicklistener

+> > refactor to hooks

imageviewer

+> > 'kbeffect', 'outsideclicklistener' renderProps to useHooks

itemheight etc. refactor

==20.02

imageviewer

prevent scrollY on image change partially reveal next image with touch swipe

==17.02

selectmany

+> > recompose to hooks +> > 'onChange is not a function' fix +> > stop removeitem/items propagation

form

vertical layout for composition

==15.02

composition

convert string to number pass comparison operator as an option prop

==10.02

FORM

(optionally) signed composition

==09.02

try refactor renderProps to render state with hooks: =} imageviewer

form/selectmany | advanced composition socket

+> > highlight selected

extract advancedcomp to selectmany focus input on selecting comp adjust styles greater/equal/lesser sign

selectmany

recompose to hooks

==04.01

hide/show switch option (instead of rendering anew)

==03.01

switch | repair

==02.01

imageviewer | accordion imageviewer | frame/item width props test imageviewer | 2+ image and scroll test

==01.01

+> accordion | downward navbar stuck +> accordion | listeners aren't unmounted

==23.00

detectcollision example ?? add button with props spread example (e.g inside ctcgeneric)

==16.01 ctcmercury | default trigger ctcmercury | color design prop ==14.01 form | selectone takes a string instead of an object

==09.01 #selectmany selectmany | 'dropdown stays open after clicking an option' prop

  • disable hover effect for touch devices

  • label example instances

  • spm/mpm should allow greater flexibility with their renderX api

        &--L {
          &--showstarboard {
            @include media-max(${mediaMinThresholdShowStarboardL}) {
              grid-template-columns: repeat(1, 1fr);
            }
            @for $i from 0 through 5 {
              @include media-min-to-max(
                ${mediaMinThresholdShowStarboardL} + $i * ${widthItemLwithSB},
                ${mediaMinThresholdShowStarboardL} + ($i + 1) * ${widthItemLwithSB}
              ) {
                grid-template-columns: repeat(2 + $i, ${columnWidth}fr);
              }
            }
            @include media-min(${mediaMinThresholdShowStarboardL} + 6 * ${widthItemLwithSB}) {
              grid-template-columns: repeat(8, ${columnWidth}fr);
            }
          }
          &--hidestarboard {
            @include media-max(${mediaMinThresholdHideStarboardL}) {
              grid-template-columns: repeat(1, 1fr);
            }
            @for $i from 0 through 5 {
              @include media-min-to-max(
                ${mediaMinThresholdHideStarboardL} + 1px + $i * ${widthItemLnoSB},
                ${mediaMinThresholdHideStarboardL} + ($i + 1) * ${widthItemLnoSB}
              ) {
                grid-template-columns: repeat(2 + $i, ${columnWidth}fr);
              }
            }
            @include media-min(${mediaMinThresholdHideStarboardL} + 1px + 6 * ${widthItemLnoSB}) {
              grid-template-columns: repeat(8, ${columnWidth}fr);
            }
          }
        }
        &--M {
          &--showstarboard {
            @include media-max(${mediaMinThresholdShowStarboardM}) {
              grid-template-columns: repeat(2, 1fr);
            }
            @for $i from 0 through 9 {
              @include media-min-to-max(
                ${mediaMinThresholdShowStarboardM} + 1px + $i * ${widthItemMwithSB},
                ${mediaMinThresholdShowStarboardM} + ($i + 1) * ${widthItemMwithSB}
              ) {
                grid-template-columns: repeat(3 + $i, ${columnWidth}fr);
              }
            }
            @include media-min(
              ${mediaMinThresholdShowStarboardM} + 9 * ${widthItemMwithSB} + 1px
            ) {
              grid-template-columns: repeat(12, ${columnWidth}fr);
            }
          }
          &--hidestarboard {
            @include media-max(${mediaMinThresholdHideStarboardM}) {
              grid-template-columns: repeat(2, 1fr);
            }
            @for $i from 0 through 9 {
              @include media-min-to-max(
                ${mediaMinThresholdHideStarboardM} + 1px + $i * ${widthItemMnoSB},
                ${mediaMinThresholdHideStarboardM} + ($i + 1) * ${widthItemMnoSB}
              ) {
                grid-template-columns: repeat(3 + $i, ${columnWidth});
              }
            }
            @include media-min(${mediaMinThresholdHideStarboardM} + 9 * ${widthItemMnoSB} + 1px) {
              grid-template-columns: repeat(12, $columnWidth);
            }
          }
        }

#mercurydrop refactor transition styles into rtg or (better) react-move #elevator provide getButtonProps api #imageviewer write a renderBottomNav(props) #list #(color)selector #ddpo rework to use #po as ancestor #button = general qol improvements #tooltip = write

#mpm

gridbox

list

page scrollnav

presentation view

#form

make sure it doesn't throw an error if currentOption value is incorrect

multiplepagemodal

+unnest rtgfade +update flex-direction on n-of-steps change

  • getChildrenProps for ddpo
  • refactor step styles into buttons
  • default buttons to inherit from
  • test for disabled status
  • fix disabled tail
  • fix selectone/many for MANY options with a scrollable list
  • CTCPopover to contain triggerX/basewidth defaults
  • clean up basewidth/optionWidth and triggerX/triggerWidth in ddpo and its users
  • CTCPopover container taking up too much space fix
  • rtgdropdown unnest
  • clean up selectmany styles

  • find a way to handle multiple classes being passed into button - fix on/off postfixes

  • polish everything

  • get rid of all jsx in favor of inline

  • get rid of scss in buttons and see if it works

  • decouple rtgdropdown from CTCPopover

  • write all viable dropdown combinations

  • add color theme gallery to pick proper dark/light gradients

accordion

  • bg color for svg ^- optional getProps pattern
  • unnest button from div
  • @scrollnav

  • @detectscroll

  • @Accordion

    • vertical
  • @ddp

    • write remaining pivots
  • @button

    • add and rework
  • add @confirmationrequestmodal

  • test with disabled up

  • clean up styles

    • extra styles option as a scoped jsx stylesheet
    • default styles options as inline styles