Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: combobox React package #2453

Open
wants to merge 8 commits into
base: main
Choose a base branch
from
Open

feat: combobox React package #2453

wants to merge 8 commits into from

Conversation

AliKdhim87
Copy link
Contributor

No description provided.

Copy link

vercel bot commented Aug 30, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
utrecht ❌ Failed (Inspect) Sep 17, 2024 0:07am

@Robbert Robbert changed the title wip feat: combobox React package Aug 31, 2024
@AliKdhim87 AliKdhim87 force-pushed the feat/create-comboxbox branch 3 times, most recently from 970c5b9 to e33e4bb Compare September 2, 2024 14:48
@AliKdhim87 AliKdhim87 force-pushed the feat/create-comboxbox branch 3 times, most recently from a72fc77 to aa33062 Compare September 3, 2024 12:06
@AliKdhim87 AliKdhim87 marked this pull request as ready for review September 3, 2024 12:07
@AliKdhim87 AliKdhim87 force-pushed the feat/create-comboxbox branch 2 times, most recently from c884c8c to 1be5184 Compare September 3, 2024 12:28
Copy link

codecov bot commented Sep 5, 2024

Codecov Report

Attention: Patch coverage is 97.36842% with 1 line in your changes missing coverage. Please review.

Project coverage is 94.19%. Comparing base (2e398a8) to head (70d3654).

Files with missing lines Patch % Lines
...ages/components-react/combobox-react/src/index.tsx 96.96% 0 Missing and 1 partial ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main    #2453      +/-   ##
==========================================
+ Coverage   93.98%   94.19%   +0.21%     
==========================================
  Files         157      158       +1     
  Lines        1313     1344      +31     
  Branches      287      305      +18     
==========================================
+ Hits         1234     1266      +32     
+ Misses         78       74       -4     
- Partials        1        4       +3     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Member

@Robbert Robbert left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dit is nog een pending review van vorige week, ik ga nog opnieuw kijken naar je nieuwe code.

@@ -0,0 +1,5 @@
---
"@utrecht/listbox-react": minor
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Het is handiger om nieuwe packages te beginnen met 0.0.0 en dan een major release.

"@utrecht/calendar-react": patch
---

Fix the button style issue when importe it from `dist/css-module`
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Fix the button style issue when importe it from `dist/css-module`
Fix the button style issue when importing it from `dist/css-module`.

"@utrecht/storybook-react": patch
---

Fix the Textbox component import
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Storybook doen we geen releases van, hoeft geen changeset te hebben.

@@ -1,5 +1,5 @@
import { Meta, StoryObj } from '@storybook/react';
import { Textbox } from '@utrecht/component-library-react/dist/css-module/index';
import { Textbox } from '@utrecht/component-library-react/dist/css-module';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In ES modules moet je expliciet de filename noemen zoals het was, dus ik zou de import path zo expliciet mogelijk maken, dan is het makkelijker om uiteindelijk naar die syntax over te gaan.

@@ -0,0 +1,41 @@
{
"version": "1.0.0",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"version": "1.0.0",
"version": "0.0.0",

{
"version": "1.0.0",
"author": "Community for NL Design System",
"description": "Button component for the Municipality of Utrecht based on the NL Design System architecture",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"description": "Button component for the Municipality of Utrecht based on the NL Design System architecture",
"description": "Textbox component for the Municipality of Utrecht based on the NL Design System architecture",


- name: "Continuous Integration: build"
run: |
pnpm run --if-present build
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why?

The new classes:

- `utrecht-combobox__textbox-container`
- `utrecht-combobox__toggle-button`

  ```CSS
  --utrecht-combobox-toggle-button-background-color: transparent; //default value
  --utrecht-combobox-toggle-button-color: currentColor; //default value
  --utrecht-combobox-toggle-button-hover-background-color: transparent; //default value
  --utrecht-combobox-toggle-button-hover-color: currentColor; //default value
  --utrecht-combobox-toggle-button-active-background-color: transparent; //default value
  --utrecht-combobox-toggle-button-active-color: currentColor; //default value
  --utrecht-combobox-toggle-button-focus-background-color: transparent; //default value
  --utrecht-combobox-toggle-button-focus-color: currentColor; //default value
  --utrecht-combobox-toggle-button-pressed-background-color: transparent; //default value
  --utrecht-combobox-toggle-button-pressed-color: currentColor; //default value
  ```

- `utrecht-combobox__icon`

  ```CSS
  --utrecht-combobox-icon-size: 32px; //default value
  ```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Product-metadata heeft select-component om Uniforme Productnaam te kiezen
2 participants