@navikt/ds-react 6.7.0 → 6.8.0

package/src/popover/Popover.tsx

@@ -4,22 +4,14 @@ import {
   offset as flOffset,
   flip,
   shift,
-  useClick,
-  useDismiss,
   useFloating,
-  useInteractions,
 } from "@floating-ui/react";
 import cl from "clsx";
-import React, {
-  HTMLAttributes,
-  forwardRef,
-  useCallback,
-  useContext,
-  useRef,
-} from "react";
+import React, { HTMLAttributes, forwardRef, useContext, useRef } from "react";
 import { DateContext } from "../date/context";
 import { useModalContext } from "../modal/Modal.context";
-import { useClientLayoutEffect, useEventListener } from "../util/hooks";
+import { DismissableLayer } from "../overlay/dismiss/DismissableLayer";
+import { useClientLayoutEffect } from "../util/hooks";
 import { useMergeRefs } from "../util/hooks/useMergeRefs";
 import PopoverContent, { PopoverContentType } from "./PopoverContent";
 
@@ -133,19 +125,15 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
     const chosenFlip = isInDatepicker ? false : _flip;
 
     const {
-      x,
-      y,
-      strategy,
-      context,
       update,
       refs,
       placement: flPlacement,
       middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },
+      floatingStyles,
     } = useFloating({
       strategy: chosenStrategy,
       placement,
       open,
-      onOpenChange: () => onClose(),
       middleware: [
         flOffset(offset ?? (arrow ? 16 : 4)),
         chosenFlip &&
@@ -155,11 +143,6 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
       ],
     });
 
-    const { getFloatingProps } = useInteractions([
-      useClick(context),
-      useDismiss(context),
-    ]);
-
     useClientLayoutEffect(() => {
       refs.setReference(anchorEl);
     }, [anchorEl]);
@@ -176,24 +159,6 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
       return () => cleanup();
     }, [refs.floating, refs.reference, update, open, anchorEl]);
 
-    useEventListener(
-      "focusin",
-      useCallback(
-        (e: FocusEvent) => {
-          if (
-            e.target instanceof HTMLElement &&
-            ![anchorEl, refs.floating.current].some(
-              (element) => element?.contains(e.target as Node),
-            ) &&
-            !e.target.contains(refs.floating.current)
-          ) {
-            open && onClose();
-          }
-        },
-        [anchorEl, refs, open, onClose],
-      ),
-    );
-
     const staticSide = {
       top: "bottom",
       right: "left",
@@ -202,38 +167,41 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
     }[flPlacement.split("-")[0]];
 
     return (
-      <div
-        className={cl("navds-popover", className, {
-          "navds-popover--hidden": !open || !anchorEl,
-        })}
-        data-placement={flPlacement}
-        aria-hidden={!open || !anchorEl}
-        {...getFloatingProps({
-          ref: floatingRef,
-          style: {
-            position: strategy,
-            top: y ?? 0,
-            left: x ?? 0,
-          },
-          tabIndex: undefined,
-        })}
-        {...rest}
+      <DismissableLayer
+        asChild
+        safeZone={{
+          anchor: anchorEl,
+          dismissable: refs.floating.current,
+        }}
+        onDismiss={() => open && onClose?.()}
+        enabled={open}
       >
-        {children}
-        {arrow && (
-          <div
-            ref={(node) => {
-              arrowRef.current = node;
-            }}
-            style={{
-              ...(arrowX != null ? { left: arrowX } : {}),
-              ...(arrowY != null ? { top: arrowY } : {}),
-              ...(staticSide ? { [staticSide]: "-0.5rem" } : {}),
-            }}
-            className="navds-popover__arrow"
-          />
-        )}
-      </div>
+        <div
+          ref={floatingRef}
+          {...rest}
+          className={cl("navds-popover", className, {
+            "navds-popover--hidden": !open || !anchorEl,
+          })}
+          style={{ ...rest.style, ...floatingStyles }}
+          data-placement={flPlacement}
+          aria-hidden={!open || !anchorEl}
+        >
+          {children}
+          {arrow && (
+            <div
+              ref={(node) => {
+                arrowRef.current = node;
+              }}
+              style={{
+                ...(arrowX != null ? { left: arrowX } : {}),
+                ...(arrowY != null ? { top: arrowY } : {}),
+                ...(staticSide ? { [staticSide]: "-0.5rem" } : {}),
+              }}
+              className="navds-popover__arrow"
+            />
+          )}
+        </div>
+      </DismissableLayer>
     );
   },
 ) as PopoverComponent;

package/src/progress-bar/ProgressBar.tsx

@@ -1,5 +1,5 @@
 import cl from "clsx";
-import React, { HTMLAttributes, forwardRef } from "react";
+import React, { HTMLAttributes, forwardRef, useRef } from "react";
 
 interface ProgressBarPropsBase
   extends Omit<HTMLAttributes<HTMLDivElement>, "role"> {
@@ -9,7 +9,7 @@ interface ProgressBarPropsBase
    */
   size?: "large" | "medium" | "small";
   /**
-   * Current progress. When duration is set, value is ignored.
+   * Current progress. If set, the `simulated` prop overrides `value`.
    */
   value?: number;
   /**
@@ -18,13 +18,20 @@ interface ProgressBarPropsBase
    */
   valueMax?: number;
   /**
-   * Expected task duration in seconds.
-   * ProgressBar grows with a preset animation for {duration} seconds.
-   * After a 4 sec delay, it then shows an indeterminate animation.
-   * A duration of 0 will show an indeterminate animation immediately.
-   * Temporary removed to avoid conflicts when updating API
+   * Visually simulates loading.
+   * ProgressBar grows with a preset animation for set number of seconds,
+   * then shows an indeterminate animation on timeout.
    */
-  //duration?: number;
+  simulated?: {
+    /**
+     * Duration in seconds.
+     */
+    seconds: number;
+    /**
+     * Callback function when progress is indeterminate.
+     */
+    onTimeout: () => void;
+  };
   /**
    * String ID of the element that labels the progress bar.
    * Not needed if `aria-label` is used.
@@ -40,7 +47,7 @@ interface ProgressBarPropsBase
 export type ProgressBarProps = ProgressBarPropsBase &
   (
     | {
-        "aria-hidden": string;
+        "aria-hidden": true;
       }
     | {
         "aria-labelledby": string;
@@ -61,7 +68,11 @@ export type ProgressBarProps = ProgressBarPropsBase &
  *
  * @example
  * // For loading content with an approximate duration in sec.
- * <ProgressBar duration={30} />
+ * <ProgressBar simulated={{
+ *     seconds: 30,
+ *     onTimeout: () => console.log("Oops, this is taking more time than expected!")
+ *   }}
+ * />
  *
  * @example
  * // As a step indicator for forms, questionnaires, etc.
@@ -76,12 +87,24 @@ export const ProgressBar = forwardRef<HTMLDivElement, ProgressBarProps>(
       "aria-labelledby": ariaLabelledBy,
       "aria-label": ariaLabel,
       className,
+      simulated,
       ...rest
     },
     ref,
   ) => {
     const translate = 100 - (Math.round(value) / valueMax) * 100;
-    const duration = undefined;
+    const onTimeoutRef = useRef<() => void>();
+    onTimeoutRef.current = simulated?.onTimeout;
+
+    React.useEffect(() => {
+      if (simulated?.seconds && onTimeoutRef.current) {
+        const timeout = setTimeout(
+          onTimeoutRef.current,
+          simulated.seconds * 1000,
+        );
+        return () => clearTimeout(timeout);
+      }
+    }, [simulated?.seconds]);
 
     return (
       <div
@@ -91,11 +114,11 @@ export const ProgressBar = forwardRef<HTMLDivElement, ProgressBarProps>(
           `navds-progress-bar--${size}`,
           className,
         )}
-        aria-valuemax={duration ? 0 : Math.round(valueMax)}
-        aria-valuenow={duration ? 0 : Math.round(value)}
+        aria-valuemax={simulated?.seconds ? 0 : Math.round(valueMax)}
+        aria-valuenow={simulated?.seconds ? 0 : Math.round(value)}
         aria-valuetext={
-          duration
-            ? "Fremdrift kan ikke beregnes"
+          simulated?.seconds
+            ? `Fremdrift kan ikke beregnes, antatt tid er: ${simulated?.seconds} sekunder`
             : `${Math.round(value)} av ${Math.round(valueMax)}`
         }
         role="progressbar"
@@ -105,14 +128,16 @@ export const ProgressBar = forwardRef<HTMLDivElement, ProgressBarProps>(
       >
         <div
           className={cl("navds-progress-bar__foreground", {
-            "navds-progress-bar__foreground--indeterminate":
-              Number.isInteger(duration),
+            "navds-progress-bar__foreground--indeterminate": Number.isInteger(
+              simulated?.seconds,
+            ),
           })}
           style={{
-            "--__ac-progress-bar-duration": Number.isInteger(duration)
-              ? `${duration}s`
+            "--__ac-progress-bar-simulated": Number.isInteger(
+              simulated?.seconds,
+            )
+              ? `${simulated?.seconds}s`
               : undefined,
-            "--__ac-progress-bar-delay": `${duration === 0 ? 0 : 4}s`,
             "--__ac-progress-bar-translate": `-${translate}%`,
           }}
         />

package/src/stepper/Step.tsx

@@ -80,7 +80,7 @@ export const Step: OverridableComponent<StepperStepProps, HTMLAnchorElement> =
       return (
         <Comp
           {...rest}
-          aria-current={activeStep === unsafe_index}
+          aria-current={activeStep === unsafe_index ? "step" : undefined}
           ref={ref}
           className={cl("navds-stepper__step", className, {
             "navds-stepper__step--active": activeStep === unsafe_index,

package/src/stepper/Stepper.tsx

@@ -58,7 +58,7 @@ interface StepperComponent
  *   <Stepper
  *     aria-labelledby="stepper-heading"
  *     activeStep={activeStep}
- *     onStepChange={(x) => setActiveStep(x)}
+ *     onStepChange={setActiveStep}
  *   >
  *     <Stepper.Step href="#">Start søknad</Stepper.Step>
  *     <Stepper.Step href="#">Saksopplysninger</Stepper.Step>

package/src/tabs/Tabs.context.ts

@@ -21,4 +21,6 @@ export const [TabsProvider, useTabsContext] = createContext<TabsProviderProps>({
   name: "TabsContext",
   hookName: "useTabsContext",
   providerName: "TabsProvider",
+  errorMessage:
+    "Tabs.List, Tabs.Tag and Tabs.Panel needs to be wrapped within <Tabs>",
 });

package/src/toggle-group/ToggleGroup.context.ts

@@ -28,4 +28,5 @@ export const [ToggleGroupProvider, useToggleGroupContext] =
     name: "ToggleGroupContext",
     hookName: "useToggleGroupContext",
     providerName: "ToggleGroupProvider",
+    errorMessage: "<ToggleGroup.Item> needs to be wrapped within <ToggleGroup>",
   });

package/src/util/hooks/descendants/useDescendant.tsx

@@ -8,68 +8,6 @@ import { mergeRefs } from "../useMergeRefs";
 import { DescendantOptions, DescendantsManager } from "./descendant";
 import { cast } from "./utils";
 
-/**
- * @internal
- * Initializing DescendantsManager
- */
-function useDescendants<
-  T extends HTMLElement = HTMLElement,
-  K extends Record<string, any> = object,
->() {
-  const descendants = useRef(new DescendantsManager<T, K>()).current;
-
-  return descendants;
-}
-
-const [DescendantsContextProvider, useDescendantsContext] = createContext<
-  ReturnType<typeof useDescendants>
->({
-  name: "DescendantsProvider",
-  errorMessage: "useDescendantsContext must be used within DescendantsProvider",
-});
-
-/**
- * @internal
- * This hook provides information to descendant component:
- * - Index compared to other descendants
- * - ref callback to register the descendant
- * - Its enabled index compared to other enabled descendants
- */
-function useDescendant<
-  T extends HTMLElement = HTMLElement,
-  K extends Record<string, any> = object,
->(options?: DescendantOptions<K>) {
-  const descendants = useDescendantsContext();
-  const [index, setIndex] = useState(-1);
-  const ref = useRef<T>(null);
-
-  useClientLayoutEffect(() => {
-    return () => {
-      if (!ref.current) return;
-      descendants.unregister(ref.current);
-    };
-  }, []);
-
-  useClientLayoutEffect(() => {
-    if (!ref.current) return;
-    const dataIndex = Number(ref.current.dataset["index"]);
-    if (index != dataIndex && !Number.isNaN(dataIndex)) {
-      setIndex(dataIndex);
-    }
-  });
-
-  const refCallback = options
-    ? cast<React.RefCallback<T>>(descendants.register(options))
-    : cast<React.RefCallback<T>>(descendants.register);
-
-  return {
-    descendants,
-    index,
-    enabledIndex: descendants.enabledIndexOf(ref.current),
-    register: mergeRefs([refCallback, ref]),
-  };
-}
-
 /**
  * Provides strongly typed versions of the context provider and hooks above.
  */
@@ -77,6 +15,14 @@ export function createDescendantContext<
   T extends HTMLElement = HTMLElement,
   K extends Record<string, any> = object,
 >() {
+  const [DescendantsContextProvider, useDescendantsContext] = createContext<
+    ReturnType<typeof _useDescendants>
+  >({
+    name: "DescendantsProvider",
+    errorMessage:
+      "useDescendantsContext must be used within DescendantsProvider",
+  });
+
   const ContextProvider = cast<React.Provider<DescendantsManager<T, K>>>(
     (props) => (
       <DescendantsContextProvider {...props.value}>
@@ -85,19 +31,60 @@ export function createDescendantContext<
     ),
   );
 
-  const _useDescendantsContext = () =>
-    cast<DescendantsManager<T, K>>(useDescendantsContext());
+  /**
+   * @internal
+   * This hook provides information to descendant component:
+   * - Index compared to other descendants
+   * - ref callback to register the descendant
+   * - Its enabled index compared to other enabled descendants
+   */
+  function _useDescendant(options?: DescendantOptions<K>) {
+    const descendants = useDescendantsContext();
+    const [index, setIndex] = useState(-1);
+    const ref = useRef<T>(null);
+
+    useClientLayoutEffect(() => {
+      return () => {
+        if (!ref.current) return;
+        descendants.unregister(ref.current);
+      };
+    }, []);
+
+    useClientLayoutEffect(() => {
+      if (!ref.current) return;
+      const dataIndex = Number(ref.current.dataset["index"]);
+      if (index != dataIndex && !Number.isNaN(dataIndex)) {
+        setIndex(dataIndex);
+      }
+    });
+
+    const refCallback = options
+      ? cast<React.RefCallback<T>>(descendants.register(options))
+      : cast<React.RefCallback<T>>(descendants.register);
+
+    return {
+      descendants,
+      index,
+      enabledIndex: descendants.enabledIndexOf(ref.current),
+      register: mergeRefs([refCallback, ref]),
+    };
+  }
 
-  const _useDescendant = (options?: DescendantOptions<K>) =>
-    useDescendant<T, K>(options);
+  /**
+   * @internal
+   * Initializing DescendantsManager
+   */
+  function _useDescendants() {
+    const descendants = useRef(new DescendantsManager<T, K>()).current;
 
-  const _useDescendants = () => useDescendants<T, K>();
+    return descendants;
+  }
 
   return [
     // context provider
     ContextProvider,
     // call this when you need to read from context
-    _useDescendantsContext,
+    useDescendantsContext,
     // descendants state information, to be called and passed to `ContextProvider`
     _useDescendants,
     // descendant index information

package/src/{form/file-upload → util}/i18n/locales/nb.ts

@@ -17,4 +17,9 @@ export default {
       downloading: "Laster ned…",
     },
   },
+  FormProgress: {
+    step: "Steg {activeStep} av {totalSteps}",
+    showAllSteps: "Vis alle steg",
+    hideAllSteps: "Skjul alle steg",
+  },
 };

package/src/util/types/AsChild.ts

@@ -0,0 +1,15 @@
+export type AsChild =
+  | {
+      children: React.ReactElement;
+      /**
+       * Renders the children as a child of the component. Merges the props of the component with the props of the child.
+       */
+      asChild: true;
+    }
+  | {
+      children: React.ReactNode;
+      /**
+       * Renders the children as a child of the component. Merges the props of the component with the props of the child.
+       */
+      asChild?: false;
+    };

package/cjs/form/combobox/ClearButton.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface ClearButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    handleClear: (event: any) => void;
-    clearButtonLabel?: string;
-}
-export declare const ClearButton: React.FC<ClearButtonProps>;
-export default ClearButton;

package/cjs/form/combobox/ClearButton.js

@@ -1,28 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClearButton = void 0;
-const react_1 = __importDefault(require("react"));
-const aksel_icons_1 = require("@navikt/aksel-icons");
-const ClearButton = (_a) => {
-    var { handleClear, clearButtonLabel } = _a, rest = __rest(_a, ["handleClear", "clearButtonLabel"]);
-    return (react_1.default.createElement("button", Object.assign({ type: "button", onClick: handleClear, className: "navds-combobox__button-clear" }, rest),
-        react_1.default.createElement("span", { className: "navds-sr-only" }, clearButtonLabel ? clearButtonLabel : "Tøm"),
-        react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true })));
-};
-exports.ClearButton = ClearButton;
-exports.default = exports.ClearButton;
-//# sourceMappingURL=ClearButton.js.map

package/cjs/form/combobox/ClearButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClearButton.js","sourceRoot":"","sources":["../../../src/form/combobox/ClearButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qDAAgD;AAOzC,MAAM,WAAW,GAA+B,CAAC,EAIvD,EAAE,EAAE;QAJmD,EACtD,WAAW,EACX,gBAAgB,OAEjB,EADI,IAAI,cAH+C,mCAIvD,CADQ;IAEP,OAAO,CACL,wDACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,8BAA8B,IACpC,IAAI;QAER,wCAAM,SAAS,EAAC,eAAe,IAC5B,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CACvC;QACP,8BAAC,uBAAS,0BAAe,CAClB,CACV,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,WAAW,eAkBtB;AAEF,kBAAe,mBAAW,CAAC"}

package/cjs/form/combobox/FilteredOptions/CheckIcon.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const CheckIcon: () => React.JSX.Element;
-export default CheckIcon;

package/cjs/form/combobox/FilteredOptions/CheckIcon.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const CheckIcon = () => {
-    return (react_1.default.createElement("svg", { width: "16", height: "13", viewBox: "0 0 16 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "#005B82", d: "M14.2014 0L16 1.89047L4.77943 13L0 8.39552L1.79361 6.5L4.77418 9.3019L14.2014 0Z" })));
-};
-exports.default = CheckIcon;
-//# sourceMappingURL=CheckIcon.js.map

package/cjs/form/combobox/FilteredOptions/CheckIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckIcon.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/CheckIcon.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM;QAElB,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,kFAAkF,GACpF,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/cjs/form/combobox/Input/inputContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputContext.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/inputContext.tsx"],"names":[],"mappings":"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"}

package/cjs/form/combobox/ToggleListButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleListButton.js","sourceRoot":"","sources":["../../../src/form/combobox/ToggleListButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAqE;AACrE,qFAAqF;AAMxE,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,CAAC,EAAE,qBAAqB,EAAE,EAAE,GAAG,EAAE,EAAE;IACnC,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACrE,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,EACrC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,OAAO,IAAI,gBAAgB,EAAE,EAC7D,SAAS,EAAC,oCAAoC,mBAC/B,UAAU,EACzB,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,GAAG;QAER,wCAAM,SAAS,EAAC,eAAe,IAC5B,qBAAqB,aAArB,qBAAqB,cAArB,qBAAqB,GAAI,cAAc,CACnC;QACN,UAAU,CAAC,CAAC,CAAC,CACZ,8BAAC,2BAAa,0BAAe,CAC9B,CAAC,CAAC,CAAC,CACF,8BAAC,6BAAe,0BAAe,CAChC,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,wBAAgB,CAAC"}

package/cjs/form/file-upload/i18n/get.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get.js","sourceRoot":"","sources":["../../../../src/form/file-upload/i18n/get.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACH,MAAM,uBAAuB,GAAG,QAAQ,CAAC;AAEzC,SAAgB,GAAG,CACjB,OAA0B,EAC1B,GAAG,IAAuC;IAE1C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpE,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,SAAS;QACX,CAAC;QAED,IAAI,GAAG,GAA+B,GAAG,CAAC;QAE1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACrC,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;gBACtB,SAAS;YACX,CAAC;YACD,GAAG,GAAG,GAAG,CAAC;QACZ,CAAC;QAED,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,GAAG,CAAC;QACb,CAAC;IACH,CAAC;IAED,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAC;AACJ,CAAC;AA7BD,kBA6BC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,MAAM,IAAI,GAAa,EAAE,CAAC;IAC1B,IAAI,MAA8B,CAAC;IACnC,OAAO,CAAC,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;QACpD,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/cjs/form/file-upload/i18n/i18n.context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"i18n.context.js","sourceRoot":"","sources":["../../../../src/form/file-upload/i18n/i18n.context.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAkD;AAClD,+BAA4B;AAM5B,sDAA8B;AAE9B;;GAEG;AACH,MAAM,aAAa,GAAG,UAAU,CAAC;AAEpB,QAAA,WAAW,GAAG,IAAA,qBAAa,EAEtC,YAAE,CAAC,CAAC;AASN,SAAgB,OAAO,CACrB,aAAgB,EAChB,GAAG,KAA8C;IAEjD,MAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,mBAAW,CAAC,CAAC;IAErC;;OAEG;IACH,MAAM,SAAS,GAAG,CAChB,OAAoC,EACpC,OAA2D,EAC3D,EAAE;QACF,MAAM,IAAI,GAAG,IAAA,SAAG,EACd,OAAO,EACP,GAAG,KAAK,EACR,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;YACrB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;YACnC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAC3B,CAAC;QAEF,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC3C,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAEzD,IAAI,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;oBACpD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;oBAE7D,MAAM,IAAI,KAAK,CACb,0BAA0B,OAAO,gDAAgD,WAAW,+CAA+C,eAAe,GAAG,CAC9J,CAAC;gBACJ,CAAC;gBAED,OAAO,OAAO,CAAC,YAAY,CAAC,WAAW,CAAW,CAAC,CAAC,+CAA+C;YACrG,CAAC,CAAC,CAAC;QACL,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC;AAzCD,0BAyCC"}

package/cjs/form/file-upload/i18n/i18n.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"i18n.types.js","sourceRoot":"","sources":["../../../../src/form/file-upload/i18n/i18n.types.ts"],"names":[],"mappings":""}

package/cjs/form/file-upload/i18n/locales/nb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nb.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/i18n/locales/nb.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,MAAM,EAAE,UAAU;YAClB,cAAc,EAAE,YAAY;YAC5B,WAAW,EAAE,wBAAwB;YACrC,mBAAmB,EAAE,wBAAwB;YAC7C,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,OAAO;YACX,QAAQ,EAAE,6BAA6B;YACvC,iBAAiB,EAAE,mCAAmC;SACvD;QACD,IAAI,EAAE;YACJ,gBAAgB,EAAE,gCAAgC;YAClD,iBAAiB,EAAE,aAAa;YAChC,SAAS,EAAE,aAAa;YACxB,WAAW,EAAE,aAAa;SAC3B;KACF;CACF,CAAC"}

package/cjs/form/file-upload/i18n/merge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge.js","sourceRoot":"","sources":["../../../../src/form/file-upload/i18n/merge.ts"],"names":[],"mappings":";;;AAEA,SAAgB,KAAK,CAAC,GAAG,IAA6B;IACpD,IAAI,KAAK,GAA0B,EAAE,CAAC;IAEtC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,KAAK,GAAG,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AARD,sBAQC;AAED,SAAS,gBAAgB,CACvB,IAAO,EACP,IAA+C;IAE/C,MAAM,OAAO,qBAAQ,IAAI,CAAE,CAAC;IAE5B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,EAAE,CAAC;YACnB,SAAS;QACX,CAAC;QAED,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;QACvB,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QAEpB,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YACxD,OAAO,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACxC,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/esm/form/combobox/ClearButton.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface ClearButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    handleClear: (event: any) => void;
-    clearButtonLabel?: string;
-}
-export declare const ClearButton: React.FC<ClearButtonProps>;
-export default ClearButton;

package/esm/form/combobox/ClearButton.js

@@ -1,21 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import { XMarkIcon } from "@navikt/aksel-icons";
-export const ClearButton = (_a) => {
-    var { handleClear, clearButtonLabel } = _a, rest = __rest(_a, ["handleClear", "clearButtonLabel"]);
-    return (React.createElement("button", Object.assign({ type: "button", onClick: handleClear, className: "navds-combobox__button-clear" }, rest),
-        React.createElement("span", { className: "navds-sr-only" }, clearButtonLabel ? clearButtonLabel : "Tøm"),
-        React.createElement(XMarkIcon, { "aria-hidden": true })));
-};
-export default ClearButton;
-//# sourceMappingURL=ClearButton.js.map

package/esm/form/combobox/ClearButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClearButton.js","sourceRoot":"","sources":["../../../src/form/combobox/ClearButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAOhD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAIvD,EAAE,EAAE;QAJmD,EACtD,WAAW,EACX,gBAAgB,OAEjB,EADI,IAAI,cAH+C,mCAIvD,CADQ;IAEP,OAAO,CACL,8CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,8BAA8B,IACpC,IAAI;QAER,8BAAM,SAAS,EAAC,eAAe,IAC5B,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CACvC;QACP,oBAAC,SAAS,0BAAe,CAClB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/form/combobox/FilteredOptions/CheckIcon.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const CheckIcon: () => React.JSX.Element;
-export default CheckIcon;

package/esm/form/combobox/FilteredOptions/CheckIcon.js

@@ -1,7 +0,0 @@
-import React from "react";
-const CheckIcon = () => {
-    return (React.createElement("svg", { width: "16", height: "13", viewBox: "0 0 16 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "#005B82", d: "M14.2014 0L16 1.89047L4.77943 13L0 8.39552L1.79361 6.5L4.77418 9.3019L14.2014 0Z" })));
-};
-export default CheckIcon;
-//# sourceMappingURL=CheckIcon.js.map

package/esm/form/combobox/FilteredOptions/CheckIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckIcon.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/CheckIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM;QAElB,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,kFAAkF,GACpF,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}