@startupjs-ui/select 0.3.4 → 0.3.6

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.3.6](https://github.com/startupjs/startupjs-ui/compare/v0.3.5...v0.3.6) (2026-06-19)
+
+**Note:** Version bump only for package @startupjs-ui/select
+
+
+
+
+
+## [0.3.5](https://github.com/startupjs/startupjs-ui/compare/v0.3.4...v0.3.5) (2026-06-19)
+
+**Note:** Version bump only for package @startupjs-ui/select
+
+
+
+
+
 ## [0.3.4](https://github.com/startupjs/startupjs-ui/compare/v0.3.3...v0.3.4) (2026-06-18)
 
 **Note:** Version bump only for package @startupjs-ui/select

package/index.cssx.styl

@@ -0,0 +1,11 @@
+// ----- CONFIG: $UI.Select
+
+$this = merge({
+  emptyValueLabel: null,
+  multiline: 0
+}, $UI.Select, true)
+
+// ----- JS EXPORTS
+
+:export
+  config: $this

package/index.tsx

@@ -4,6 +4,18 @@ import TextInput, { type UITextInputProps } from '@startupjs-ui/text-input'
 import { faAngleDown } from '@fortawesome/free-solid-svg-icons/faAngleDown'
 import Wrapper from './Wrapper'
 import { getLabelFromValue, type SelectOption } from './Wrapper/helpers'
+import STYLES from './index.cssx.styl'
+
+const {
+  config: {
+    emptyValueLabel: defaultEmptyValueLabel,
+    multiline: defaultMultiline
+  }
+} = STYLES
+
+function isConfigEnabled (value: unknown): boolean {
+  return value !== false && value !== 0 && value !== '0'
+}
 
 export default observer(Select)
 
@@ -56,8 +68,12 @@ function Select ({
   'aria-required': ariaRequired,
   onChange,
   ref,
+  multiline,
   ...props
 }: SelectProps): ReactNode {
+  const resolvedEmptyValueLabel = emptyValueLabel ?? defaultEmptyValueLabel ?? undefined
+  const resolvedMultiline = multiline ?? isConfigEnabled(defaultMultiline)
+
   function renderWrapper (
     { style }: { style?: any },
     children: ReactNode
@@ -70,7 +86,7 @@ function Select ({
         value=value
         onChange=onChange
         showEmptyValue=showEmptyValue
-        emptyValueLabel=emptyValueLabel
+        emptyValueLabel=resolvedEmptyValueLabel
         testID=testID
         aria-label=ariaLabel
         id=id
@@ -88,12 +104,13 @@ function Select ({
     //- Add onKeyPress to 'keyDown' key that opens select dropdown
     TextInput(
       ref=ref
-      value=getLabelFromValue(value, options, emptyValueLabel)
+      value=getLabelFromValue(value, options, resolvedEmptyValueLabel)
       disabled=disabled
       icon=faAngleDown
       iconPosition='right'
       _renderWrapper=renderWrapper
       editable=false /* HACK: Fixes cursor visibility when focusing on Select because we're focusing on TextInput */
+      multiline=resolvedMultiline
       ...props
     )
   `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs-ui/select",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "publishConfig": {
     "access": "public"
   },
@@ -12,12 +12,12 @@
     "@startupjs-ui/core": "^0.3.0",
     "@startupjs-ui/div": "^0.3.4",
     "@startupjs-ui/span": "^0.3.4",
-    "@startupjs-ui/text-input": "^0.3.4"
+    "@startupjs-ui/text-input": "^0.3.5"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
     "startupjs": "*"
   },
-  "gitHead": "ad84ad14d189280a9ce4618b3223093fd09ba60e"
+  "gitHead": "97eb49aeff8423d10ff280e2a809e352961bc0f2"
 }