@northlight/ui 2.24.6 → 2.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4182,6 +4182,12 @@ interface CreatableSelectDropdownProps<T extends string = string> {
4182
4182
  * Value of the initially selected option.
4183
4183
  */
4184
4184
  initialValue?: T;
4185
+ /**
4186
+ *
4187
+ Default placement of the menu in relation to the control. 'auto'
4188
+ will flip when there isn't enough space below the control. Defaults to "bottom".
4189
+ */
4190
+ menuPlacement?: 'top' | 'bottom' | 'auto';
4185
4191
  }
4186
4192
 
4187
4193
  /**
@@ -4252,7 +4258,7 @@ interface CreatableSelectDropdownProps<T extends string = string> {
4252
4258
  * }
4253
4259
  * ?)
4254
4260
  */
4255
- declare const CreatableSelectDropdown: <T extends string = string>({ standardOptions, initialPlaceholder, addOptionPlaceholder, creationOption, onOptionChange, width, variant, initialValue, }: CreatableSelectDropdownProps<T>) => JSX.Element;
4261
+ declare const CreatableSelectDropdown: <T extends string = string>({ standardOptions, initialPlaceholder, addOptionPlaceholder, creationOption, onOptionChange, width, variant, initialValue, menuPlacement, }: CreatableSelectDropdownProps<T>) => JSX.Element;
4256
4262
 
4257
4263
  declare const useDebounce: <T>(value: T, delay: number) => T;
4258
4264
 
@@ -13899,7 +13899,8 @@ const CreatableSelectDropdown = ({
13899
13899
  onOptionChange,
13900
13900
  width = "100%",
13901
13901
  variant = "outline",
13902
- initialValue
13902
+ initialValue,
13903
+ menuPlacement = "bottom"
13903
13904
  }) => {
13904
13905
  const initialSelectedOption = useMemo(
13905
13906
  () => {
@@ -13972,6 +13973,7 @@ const CreatableSelectDropdown = ({
13972
13973
  return /* @__PURE__ */ React.createElement(Box, { ref }, /* @__PURE__ */ React.createElement(
13973
13974
  CreatableSelect,
13974
13975
  {
13976
+ menuPlacement,
13975
13977
  chakraStyles: __spreadProps(__spreadValues({}, customSelectStyles), {
13976
13978
  container: (provided) => __spreadProps(__spreadValues({}, provided), {
13977
13979
  width