Weekly Sync #43 - Oct 26, 2022

[turolopezsanabria]

Notes from our last Weekly meeting

Dashboard

• Milanuncios (55)
  • Started using badge in webapp
• Motor (58)
  • Started using skeleton in webapp
  • Started using avatar in webapp, now in both
  • Downgraded dropdown-list in uiLibWidgets to V1
• react-hook-use-portal
  • Used by Milanuncios coches.net Pro (59) Coches.net Fotocasa (56) FotocasaPro (56) and Advertising (39)

Agenda:

Hacktoberfest month edition!

Watch the kickoff meeting we did on Sept 30

HACTOBERFEST'22 review

COVERAGE

Coverage	from	to
statements	72.26%	72.32%
branches	58.37%	58.52%
functions	59.68%	59.5%
lines	74.08%	74.06%

UPDATE DEMOS Q4

• ImageEditor
• InputTags
• Select
• SelectField
• SelectPopover
• Upload
• Autosuggest
• AutosuggestField

CHANGES

ISUES

• ✨ Component Image / Add a new prop "title" #2367
• ✨ Component Accordion: The arrows are upside down #2374
• ✨Molecule/Accordion icon transition #2392
• ✨MoleculeDropdownOption mispelling error #2371
• 🎨 Remove the section UX Specs from all demos - Delete at SUI Studio level #2376
• 🪲 Request to add "onBlur" and "onFocus" events to SelectField Field Component #2282
• 🪲 Atom checkbox handler name is not assigned properly #2401
• 🪲 label and nodeLabel do not trigger onChange status when using a custom checkedIcon prop #2289
• ✨ AtomPopover replace the TooltipExtendChildren ref code by the useMergeRefs hook  #2327
• ✨ AtomTooltip replace the TooltipExtendChildren ref code by the useMergeRefs hook #2318
• ✨Replace AtomPopover cloneElement by PrimitiveInjector #2328
• ✨Replace AtomTooltip cloneElement by PrimitiveInjector #2317
• 🪲 hook usePortal #2410
• ✨ Remove images only needed for Readme #2402
• ✨molecule select-popover useEffect has as missing dependency #2404
• ✨CI needs to update its deployment flag #2415
• 🪲 hook/usePortal is not SSR friendly #2421
• 🎨 Molecule/Avatar fallbackColor Demo #2403
• 🎨 Demo Panel - all thumbnails should be 100px squares #2380
• 🎨 React Hook useCallback has an unnecessary dependency #2408
• 🎨 Molecule/Autosuggest #2429
• ✨Molecule/Field label nodes adaption #2433
• ✨Atom/ValidationText admit nodes al label #2431
• ✨Atom/HelpText admit nodes al label #2432
• ✨Atom/Popover add icon color type #2434
• 🧱 hook/usePortal #2435
• 🎨 Atom Slider add doc marker prop  #2436
• ✨Atom image update proptype #2438
• 🎨 molecule/radioButtonGroup #2426
• 🪲 Molecule Field label iteration is not right #2437
• 🪲 arrow border color inherit from custom type #2440
• 🧪 Hook/usePortal add Tests #2357
• [sui-mono] refactor commit type should trigger new version of package sui#1478
• [sui-studio] Put correct links on the home of SUI (https://sui-components.vercel.app/) sui#1480
• [sui-studio] Improve the navigation of the Drawer and Header sui#1490
• 🎨 Demo styles: Standardise the basic elements in different tabs  sui#1493
• 🪲 The hamburger menu icon is not visible on mobile sui#1500
• 🎨 SUI Studio - Demo: The menu drawer should close if clicked outside (mobile only) sui#1503

PR

• feat(components/atom/helpText): admit react nodes as a text #2386 @andresin87
• refactor(components/hook/usePortal/demo): remove unnecessary dependency #2428 @slim-codes
• docs(components/molecule/autosuggest): restyle demos #2427 @oriolpuig
• feat(components/molecule/selectPopover): improve overlay behavior #2430 @AgonisticKatai
• fix(components/atom/popover): arrow border color inherit from custom type #2439 @andresin87
• test(components/hook/usePortal): add tests to usePortal #2442 @andresin87
• fix(components/hook/usePortal): usePortal become SSR friendly #2422 @andresin87
• docs(components/molecule/avatar): update fallbackColor docs #2423 @oriolpuig
• https://github.com/SUI-Components/sui-components/pull/2424 @oriolpuig
• docs(components/molecule/radioButtonGroup/demo): add custom label tooltiped to the demo #2425 @andresin87
• feat(components/molecule/selectPopover): improve overlay outside click #2420 @AgonisticKatai
• ✨MoleculeDropdownOption mispelling error #2371 #2387 @sephoenix
• docs(Root): put correct links on the homepage of SUI Components #2388 @jordevo
• feat(components/atom/popover): add icon color type #2389 @andresin87
• fix(component/molecule/accordion): The arrows are upside down #2390 @najeebkp
• fix(component/molecule/accordion): icon transition #2393 @najeebkp
• ✨MoleculeDropdownOption mispelling error #2371 #2391 @sephoenix
• feat(components/atom/pinInput): create new token to be able to overwr… #2396 @Sabri1209
• fix(components/molecule/select): accept onblur prop #2394 @alfdocimo
• fix(components/atom/checkbox): return handler name properly #2400 @andresin87
• docs(Root): Remove the section UX Specs from all demos #2385 @corners2wall
• feat(components/molecule/avatar): make optional hex background of fallback name #2399 @quinwacca
• Feature/nodelabel checkbox click #2395 @xmurcia
• refactor(components/molecule/imageEditor): useEffect has a missing dependency #2405 @andresin87
• refactor(components/atom/popover): lint #2406 @andresin87
• refactor(components/atom/popover): condition error #2407 @andresin87
• fix(components/hook/usePortal): portal targetting invalid element when isOpened on mounting #2409 @andresin87
• refactor(components/molecule/selectPopover): Add missing dependency o… #2412 @rparthas
• refactor(components/molecule/radioButtonGroup): replace cloneElement for injector #2418 @andresin87
• chore(Root): confirm flag is deprecated, use --yes flag instead #2413 @arnau-rius
• DOCS: update component docs #2411 @slim-codes
• test(components/molecule/select): fix flaky onblur test #2397 @alfdocimo
• feat(components/molecule/selectPopover): show overlay from selected type #2398 @AgonisticKatai

DISCUSSIONS

• Input - addon INSIDE the input #1799
• Iterate molecule/rating component #1626
• Motion / Animations / Transition #2068
• Toast #2072
• Component Prop Spreading #2215