@norges-domstoler/dds-components 22.8.0 → 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.
package/dist/index.mjs CHANGED
@@ -741,7 +741,6 @@ var useAccordion = ({
741
741
  }, [setIsExpanded]);
742
742
  const bodyContentRef = useRef5(null);
743
743
  const [animate, setAnimate] = useState6(false);
744
- const isMounted = useIsMounted();
745
744
  const height = useElementHeight(bodyContentRef.current);
746
745
  const [initialExpandedHeight, setIntialExpandedHeight] = useState6(null);
747
746
  useLayoutEffect2(() => {
@@ -750,10 +749,11 @@ var useAccordion = ({
750
749
  }
751
750
  }, []);
752
751
  useEffect11(() => {
753
- if (isMounted()) {
752
+ const raf = requestAnimationFrame(() => {
754
753
  setAnimate(true);
755
- }
756
- }, [isMounted]);
754
+ });
755
+ return () => cancelAnimationFrame(raf);
756
+ }, []);
757
757
  const headerProps = {
758
758
  id: `${accordionId}-header`,
759
759
  onClick: toggleExpanded,
@@ -10936,9 +10936,9 @@ var getCustomStyles = (size2, hasError, isReadOnly) => ({
10936
10936
  backgroundColor: "var(--dds-color-surface-hover-default)"
10937
10937
  }
10938
10938
  },
10939
- menu: () => ({
10939
+ menu: (provided) => ({
10940
+ ...provided,
10940
10941
  boxSizing: "border-box",
10941
- position: "absolute",
10942
10942
  width: "100%",
10943
10943
  boxShadow: "var(--dds-shadow-medium)",
10944
10944
  zIndex: 100,
@@ -11153,6 +11153,7 @@ function Select({
11153
11153
  isClearable = true,
11154
11154
  placeholder,
11155
11155
  menuPortalTarget,
11156
+ menuPlacement = "auto",
11156
11157
  customOptionElement,
11157
11158
  customSingleValueElement,
11158
11159
  "data-testid": dataTestId,
@@ -11248,12 +11249,13 @@ function Select({
11248
11249
  isClearable,
11249
11250
  hideSelectedOptions: hideSelectedOptions ? hideSelectedOptions : false,
11250
11251
  placeholder: placeholder ? placeholder : "",
11251
- closeMenuOnSelect: closeMenuOnSelect ? closeMenuOnSelect : isMulti ? false : true,
11252
+ closeMenuOnSelect: closeMenuOnSelect ? closeMenuOnSelect : !isMulti,
11252
11253
  isMulti,
11253
11254
  instanceId: instanceId != null ? instanceId : useId21(),
11254
11255
  inputId: uniqueId,
11255
11256
  name: uniqueId,
11256
11257
  menuPortalTarget: portalTarget,
11258
+ menuPlacement,
11257
11259
  classNamePrefix: prefix,
11258
11260
  styles: getCustomStyles(componentSize, hasErrorMessage, readOnly),
11259
11261
  filterOption: (option, inputValue) => {