Test SDC conversion script and guide with demo_design_system/components/02-molecules/map

Created on 14 August 2024, 3 months ago
Updated 9 September 2024, 2 months ago

Problem/Motivation

This issue is for sea2709 to test the SDC conversion script and the guide using:

  • demo_design_system/components/02-molecules/map

Steps to reproduce

Proposed resolution

Go through the conversion guide and try to convert the component using the script and report any feedback.

Remaining tasks

  • Review guide β†’
  • Follow guide to use the script β†’
  • Convert demo_design_system/components/02-molecules/map
  • Report feedback here

User interface changes

API changes

Data model changes

πŸ“Œ Task
Status

Fixed

Version

1.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @Kristen Pol
  • First commit to issue fork.
  • πŸ‡ΊπŸ‡ΈUnited States sea2709 Texas

    sea2709 β†’ changed the visibility of the branch 3468125-test-sdc-conversion to hidden.

  • πŸ‡ΊπŸ‡ΈUnited States sea2709 Texas

    sea2709 β†’ changed the visibility of the branch 3468125-test-sdc-conversion to active.

  • Pipeline finished with Success
    3 months ago
    Total: 222s
    #255461
  • Pipeline finished with Success
    3 months ago
    Total: 166s
    #255487
  • πŸ‡ΊπŸ‡ΈUnited States sea2709 Texas

    Hi @Kristen,

    I think we might need to review how we should set up attributes property in SDC components. From my understanding, attributes property should have the type "Drupal\Core\Template\Attribute".

    When I checked the component map (02-molecules/map), I noticed that in this component template, we include 2 other twig files for rendering iframe and button. In my opinion, when we convert these components into SDC, we should render components instead off including twig files.

    I just want to demonstrate how I think we should use SDC components, when you have a chance, can you take a look at this commit https://git.drupalcode.org/issue/demo_design_system-3468125/-/commit/288... ? Not sure if it's a correct implementation (it breaks the storybook), but I think we might consider about attributes property and how to render components inside components.

  • πŸ‡ΊπŸ‡ΈUnited States sea2709 Texas

    Just a heads up, I did some testings to remove attributes property from the YML files, and it's still working, I can pass attributes to components. So I guess, attributes is a built-in property in a component, and we don't need to define it! Please correct me if I'm wrong!

  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    Thanks!

    1. This issue is just for map but I noticed some button and iframe files changed here.

    2. Interesting about the attributes... I haven't looked into that but would you create a separate issue on that and assign to me that explains the problem and approach to update the files?

    3. Also, can you compare your map work against the recent dev changes? There was recently a commit of all baseline yaml and readme files. It would be helpful to compare your results against that to see if they align or the files should be updated.

  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    p.s. Looking at the example components in:

    https://git.drupalcode.org/project/experience_builder/-/merge_requests/2...

    supports your thoughts on the attributes.

  • Status changed to Needs work 3 months ago
  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    Changing status.

  • Status changed to Fixed 3 months ago
  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    Closing this one in lieu of baseline and attributes work on other issues that were informed by this work.

  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    Note there are follow-up issues to finalize the includes/embeds/etc:

    πŸ“Œ Reconcile components vs SDC namespaces for SDDS includes/embeds Postponed

  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024