❤
npm
Sign UpSign In

react-misc-toolbox

1.1.58 • Public • Published
  • diagramexample | optimize creating from blank slate

15.06

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

14.06

  • diagramexample | enable blank slate
  • 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

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

28.05

  • diagramexample | identify idle elements / go through
  • 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

Readme

Keywords

Package Sidebar

Install

npm i react-misc-toolbox

Repository

github.com/13806/react-toolbox

Homepage

github.com/13806/react-toolbox#readme

Weekly Downloads

18

Version

1.1.58

License

MIT

Unpacked Size

3.04 MB

Total Files

159

Last publish

Collaborators

  • kuzmich
Try on RunKit
Report malware