@norges-domstoler/dds-components 0.0.0-dev-20240223113502 → 0.0.0-dev-20240223144112

package/dist/index.d.mts

@@ -1973,6 +1973,8 @@ type FileUploaderProps = {
     onChange: (newFiles: FileList) => void;
     /**Bredde for filopplasteren. */
     width?: Property.Width<string>;
+    /**Om drag-and-drop zone skal vises. */
+    withDragAndDrop?: boolean;
 } & Partial<FileUploaderHookProps>;
 declare const FileUploader: {
     (props: FileUploaderProps): react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -1973,6 +1973,8 @@ type FileUploaderProps = {
     onChange: (newFiles: FileList) => void;
     /**Bredde for filopplasteren. */
     width?: Property.Width<string>;
+    /**Om drag-and-drop zone skal vises. */
+    withDragAndDrop?: boolean;
 } & Partial<FileUploaderHookProps>;
 declare const FileUploader: {
     (props: FileUploaderProps): react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -8089,6 +8089,9 @@ var rootTokens = {
     backgroundColor: colors20.DdsColorInteractiveLightest
   }
 };
+var noZoneContainerTokens = {
+  padding: [spacing20.SizesDdsSpacingX05, 0].join(" ")
+};
 var fileTokens = {
   marginTop: spacing20.SizesDdsSpacingX05,
   paddingLeftRight: spacing20.SizesDdsSpacingX05,
@@ -8493,6 +8496,9 @@ var Root = import_styled_components56.default.div`
   gap: ${rootTokens.gap};
   background-color: ${({ $isDragActive }) => $isDragActive ? rootTokens.dragActive.backgroundColor : rootTokens.backgroundColor};
 `;
+var NoZoneContainer = import_styled_components56.default.div`
+  padding: ${noZoneContainerTokens.padding};
+`;
 var FileUploaderInput = import_styled_components56.default.input``;
 var FileListElement = import_styled_components56.default.ul`
   margin: 0;
@@ -8505,6 +8511,7 @@ var FileUploader = (props) => {
     label: label3,
     tip,
     required = false,
+    withDragAndDrop = true,
     initialFiles,
     value,
     accept,
@@ -8552,10 +8559,30 @@ var FileUploader = (props) => {
     id: derivativeIdGenerator(uniqueId, `error-${index}`),
     message: e
   }));
+  const button3 = /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+    Button,
+    {
+      ...getButtonProps(),
+      id: uniqueId,
+      size: "medium",
+      type: "button",
+      appearance: "filled",
+      purpose: "secondary",
+      icon: UploadIcon,
+      htmlProps: {
+        "aria-invalid": hasRootErrors ? true : void 0,
+        "aria-describedby": spaceSeparatedIdListGenerator([
+          hasTip ? tipId : void 0,
+          ...rootErrorsList.map((e) => e.id)
+        ])
+      },
+      children: "Velg fil"
+    }
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Wrapper3, { width, children: [
     hasLabel && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Label, { showRequiredStyling: showRequiredMarker, htmlFor: uniqueId, children: label3 }),
     hasTip && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
-    /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
+    withDragAndDrop ? /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
       Root,
       {
         ...getRootProps(),
@@ -8566,29 +8593,13 @@ var FileUploader = (props) => {
           "Dra og slipp filer her eller",
           " ",
           /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(VisuallyHidden, { as: "span", children: "velg fil med p\xE5f\xF8lgende knapp" }),
-          /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
-            Button,
-            {
-              ...getButtonProps(),
-              id: uniqueId,
-              size: "medium",
-              type: "button",
-              appearance: "filled",
-              purpose: "secondary",
-              icon: UploadIcon,
-              htmlProps: {
-                "aria-invalid": hasRootErrors ? true : void 0,
-                "aria-describedby": spaceSeparatedIdListGenerator([
-                  hasTip ? tipId : void 0,
-                  ...rootErrorsList.map((e) => e.id)
-                ])
-              },
-              children: "Velg fil"
-            }
-          )
+          button3
         ]
       }
-    ),
+    ) : /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(NoZoneContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(FileUploaderInput, { ...getInputProps() }),
+      button3
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(ErrorList, { errors: rootErrorsList }),
     /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(FileListElement, { children: fileListElements })
   ] });