@northlight/ui 2.24.6 → 2.25.1

package/dist/es/northlight.d.ts

@@ -4182,6 +4182,12 @@ interface CreatableSelectDropdownProps<T extends string = string> {
      * Value of the initially selected option.
      */
     initialValue?: T;
+    /**
+     *
+      Default placement of the menu in relation to the control. 'auto'
+      will flip when there isn't enough space below the control. Defaults to "bottom".
+     */
+    menuPlacement?: 'top' | 'bottom' | 'auto';
 }
 
 /**
@@ -4252,7 +4258,7 @@ interface CreatableSelectDropdownProps<T extends string = string> {
  * }
  * ?)
  */
-declare const CreatableSelectDropdown: <T extends string = string>({ standardOptions, initialPlaceholder, addOptionPlaceholder, creationOption, onOptionChange, width, variant, initialValue, }: CreatableSelectDropdownProps<T>) => JSX.Element;
+declare const CreatableSelectDropdown: <T extends string = string>({ standardOptions, initialPlaceholder, addOptionPlaceholder, creationOption, onOptionChange, width, variant, initialValue, menuPlacement, }: CreatableSelectDropdownProps<T>) => JSX.Element;
 
 declare const useDebounce: <T>(value: T, delay: number) => T;
 

package/dist/es/northlight.js

@@ -12434,7 +12434,11 @@ const BaseSelectField = (_a, ref) => {
             );
             onChangeCallback(values, event);
           },
-          value: value ? options == null ? void 0 : options.flatMap((inner) => inner.options ? inner.options : inner).filter((option) => value.includes(option.value)) : null
+          value: value ? options == null ? void 0 : options.flatMap(
+            (inner) => inner.options ? inner.options : inner
+          ).filter(
+            (option) => isMulti ? value.includes(option.value) : equals(value, option.value)
+          ) : null
         }, rest)
       )
     ), /* @__PURE__ */ React.createElement(
@@ -13899,7 +13903,8 @@ const CreatableSelectDropdown = ({
   onOptionChange,
   width = "100%",
   variant = "outline",
-  initialValue
+  initialValue,
+  menuPlacement = "bottom"
 }) => {
   const initialSelectedOption = useMemo(
     () => {
@@ -13972,6 +13977,7 @@ const CreatableSelectDropdown = ({
   return /* @__PURE__ */ React.createElement(Box, { ref }, /* @__PURE__ */ React.createElement(
     CreatableSelect,
     {
+      menuPlacement,
       chakraStyles: __spreadProps(__spreadValues({}, customSelectStyles), {
         container: (provided) => __spreadProps(__spreadValues({}, provided), {
           width