Merge pull request #93 from helpwave/version-0.1.30

feat: change SingleSelectProperty and MultiSelectProperty to allow fo…

Author: DasProffi

CHANGELOG.md

@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.1.30] - 2025-10-03
+
+### Changed
+- Changed `SingleSelectProperty` and `MultiSelectProperty` to accept a label
+
 ## [0.1.29] - 2025-10-02
 
 ### Added

package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/helpwave/hightide.git"
   },
   "license": "MPL-2.0",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "files": [
     "dist"
   ],

src/components/properties/MultiSelectProperty.tsx

@@ -8,9 +8,14 @@ import type { FormTranslationType } from '../../localization/defaults/form'
 
 type TranslationType = FormTranslationType
 
+type SelectPropertyOption = {
+  value: string,
+  label?: string,
+}
+
 export type MultiSelectPropertyProps = Omit<PropertyBaseProps, 'icon' | 'input' | 'hasValue' | 'className'> & {
   values: string[],
-  options: string[],
+  options: SelectPropertyOption[],
   onValuesChanged?: (value: string[]) => void,
 }
 
@@ -46,7 +51,11 @@ export const MultiSelectProperty = ({
             })
           }}
         >
-          {options.map(value => (<SelectOption key={value} value={value}/>))}
+          {options.map(option => (
+            <SelectOption key={option.value} value={option.value}>
+              {option.label ?? option.value}
+            </SelectOption>
+          ))}
         </MultiSelectChipDisplay>
       )}
     />

src/components/properties/SelectProperty.tsx

@@ -8,9 +8,14 @@ import type { FormTranslationType } from '../../localization/defaults/form'
 
 type SingleSelectPropertyTranslation = FormTranslationType
 
-export type SingleSelectPropertyProps = Omit<PropertyBaseProps, 'icon' | 'input' | 'hasValue' | 'className'> & {
+type SelectPropertyOption = {
   value: string,
-  options: string[],
+  label?: string,
+}
+
+export type SingleSelectPropertyProps = Omit<PropertyBaseProps, 'icon' | 'input' | 'hasValue' | 'className'> & {
+  value?: string,
+  options: SelectPropertyOption[],
   onValueChanged?: (value: string) => void,
   onAddNew?: (value: string) => void,
 }
@@ -45,7 +50,11 @@ export const SingleSelectProperty = ({
             )
           }}
         >
-          {options.map(value => (<SelectOption key={value} value={value}/>))}
+          {options.map(option => (
+            <SelectOption key={option.value} value={option.value}>
+              {option.label ?? option.value}
+            </SelectOption>
+          ))}
         </Select>
       )}
     />