react-misc-toolbox

- [ ] 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 <Button> - 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