@norges-domstoler/dds-components 22.8.1 → 22.8.2

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.
Files changed (7) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +5 -3
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +5 -3
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -5008,7 +5008,7 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
5008
5008
  ref?: SelectForwardRefType<Option, IsMulti>;
5009
5009
  } & CommonInputProps & InputIconProps & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
5010
5010
  type SelectForwardRefType<Option, IsMulti extends boolean> = Ref<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
5011
- declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, afterLabelContent, hideSelectedOptions, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
5011
+ declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, menuPlacement, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, afterLabelContent, hideSelectedOptions, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
5012
5012
  declare namespace Select {
5013
5013
  var displayName: string;
5014
5014
  }
package/dist/index.d.ts CHANGED
@@ -5008,7 +5008,7 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
5008
5008
  ref?: SelectForwardRefType<Option, IsMulti>;
5009
5009
  } & CommonInputProps & InputIconProps & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
5010
5010
  type SelectForwardRefType<Option, IsMulti extends boolean> = Ref<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
5011
- declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, afterLabelContent, hideSelectedOptions, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
5011
+ declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, menuPlacement, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, afterLabelContent, hideSelectedOptions, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
5012
5012
  declare namespace Select {
5013
5013
  var displayName: string;
5014
5014
  }
package/dist/index.js CHANGED
@@ -11248,9 +11248,9 @@ var getCustomStyles = (size2, hasError, isReadOnly) => ({
11248
11248
  backgroundColor: "var(--dds-color-surface-hover-default)"
11249
11249
  }
11250
11250
  },
11251
- menu: () => ({
11251
+ menu: (provided) => ({
11252
+ ...provided,
11252
11253
  boxSizing: "border-box",
11253
- position: "absolute",
11254
11254
  width: "100%",
11255
11255
  boxShadow: "var(--dds-shadow-medium)",
11256
11256
  zIndex: 100,
@@ -11463,6 +11463,7 @@ function Select({
11463
11463
  isClearable = true,
11464
11464
  placeholder,
11465
11465
  menuPortalTarget,
11466
+ menuPlacement = "auto",
11466
11467
  customOptionElement,
11467
11468
  customSingleValueElement,
11468
11469
  "data-testid": dataTestId,
@@ -11558,12 +11559,13 @@ function Select({
11558
11559
  isClearable,
11559
11560
  hideSelectedOptions: hideSelectedOptions ? hideSelectedOptions : false,
11560
11561
  placeholder: placeholder ? placeholder : "",
11561
- closeMenuOnSelect: closeMenuOnSelect ? closeMenuOnSelect : isMulti ? false : true,
11562
+ closeMenuOnSelect: closeMenuOnSelect ? closeMenuOnSelect : !isMulti,
11562
11563
  isMulti,
11563
11564
  instanceId: instanceId != null ? instanceId : (0, import_react74.useId)(),
11564
11565
  inputId: uniqueId,
11565
11566
  name: uniqueId,
11566
11567
  menuPortalTarget: portalTarget,
11568
+ menuPlacement,
11567
11569
  classNamePrefix: prefix,
11568
11570
  styles: getCustomStyles(componentSize, hasErrorMessage, readOnly),
11569
11571
  filterOption: (option, inputValue) => {