@norges-domstoler/dds-components 0.0.0-dev-20240305134743 → 0.0.0-dev-20240306131021

package/README.md

@@ -23,7 +23,7 @@ const App = () => (
   <>
     <TextInput label="Input" />
     <Button>Primary</Button>
-    <Button purpose="secondary" appearance="ghost">
+    <Button purpose="secondary" size="small">
       Secondary
     </Button>
   </>
@@ -50,6 +50,9 @@ Tilgjengelige komponenter:
 - DescriptionList
 - Divider
 - Drawer
+- EmptyContent
+- FavStar
+- Feedback
 - FileUploader
 - GlobalMessage
 - Grid

package/dist/index.js

@@ -3821,6 +3821,22 @@ var getDefaultTypographyType = (h) => {
       return "headingSans06";
   }
 };
+var scaledTypographyType = (type) => {
+  switch (type) {
+    case "headingSans08":
+      return "headingSans07";
+    case "headingSans07":
+      return "headingSans06";
+    case "headingSans06":
+      return "headingSans05";
+    case "headingSans05":
+      return "headingSans04";
+    case "headingSans04":
+      return "headingSans03";
+    default:
+      return type;
+  }
+};
 var Heading = (0, import_react14.forwardRef)(
   (props, ref) => {
     const {
@@ -3833,9 +3849,12 @@ var Heading = (0, import_react14.forwardRef)(
       ...rest
     } = props;
     const headingElement = getHeadingElement(level);
+    const standardTypographyType = typographyType7 != null ? typographyType7 : getDefaultTypographyType(headingElement);
+    const screenSize = useScreenSize();
+    const isSmallScreen = screenSize <= 1 /* Small */;
     const headingProps = {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
-      typographyType: typographyType7 ? typographyType7 : getDefaultTypographyType(headingElement),
+      typographyType: isSmallScreen ? scaledTypographyType(standardTypographyType) : standardTypographyType,
       as: headingElement,
       ref
     };
@@ -8243,8 +8262,27 @@ var fileUploaderReducer = (state, action) => {
   }
 };
 
+// src/components/FileUploader/attr-accept.ts
+function isAccepted(file, acceptedFiles) {
+  if (file && acceptedFiles) {
+    const acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(",");
+    const fileName = file.name || "";
+    const mimeType = (file.type || "").toLowerCase();
+    const baseMimeType = mimeType.replace(/\/.*$/, "");
+    return acceptedFilesArray.some((type) => {
+      const validType = type.trim().toLowerCase();
+      if (validType.charAt(0) === ".") {
+        return fileName.toLowerCase().endsWith(validType);
+      } else if (validType.endsWith("/*")) {
+        return baseMimeType === validType.replace(/\/.*$/, "");
+      }
+      return mimeType === validType;
+    });
+  }
+  return true;
+}
+
 // src/components/FileUploader/utils.ts
-var import_attr_accept = __toESM(require("attr-accept"));
 var preventDefaults = (event) => {
   event.preventDefault();
   event.stopPropagation();
@@ -8260,7 +8298,7 @@ var isEventWithFiles = (event) => {
   return event.dataTransfer.types.includes("Files") || event.dataTransfer.types.includes("application/x-moz-file");
 };
 var isFileAccepted = (file, accept) => {
-  return accept !== void 0 ? (0, import_attr_accept.default)(file, accept) : true;
+  return accept !== void 0 ? isAccepted(file, accept) : true;
 };
 var getTooManyFilesErrorMessage = (maxFiles) => `For mange filer, maks ${maxFiles}stk`;
 var getInvalidFileTypeErrorMessage = () => "Ugyldig filtype";
@@ -8312,10 +8350,10 @@ var useFileUploader = (props) => {
   (0, import_react61.useEffect)(() => {
     if (isControlled) {
       const files = value.map((file) => {
-        const accepted2 = isFileAccepted(file, accept);
+        const accepted = isFileAccepted(file, accept);
         return {
           file,
-          errors: accepted2 ? [] : [getInvalidFileTypeErrorMessage()]
+          errors: accepted ? [] : [getInvalidFileTypeErrorMessage()]
         };
       });
       dispatch({
@@ -8376,10 +8414,10 @@ var useFileUploader = (props) => {
           evt
         );
         const newFiles = filesFromEvent.filter((f) => !existingFileNames.includes(f.name)).map((file) => {
-          const accepted2 = isFileAccepted(file, accept);
+          const accepted = isFileAccepted(file, accept);
           return {
             file,
-            errors: accepted2 ? [] : [getInvalidFileTypeErrorMessage()]
+            errors: accepted ? [] : [getInvalidFileTypeErrorMessage()]
           };
         }).concat(stateFiles);
         onChange(newFiles.map((f) => f.file));
@@ -8607,7 +8645,13 @@ var FileUploader = (props) => {
         $isDragActive: isDragActive,
         $hasRootErrors: hasRootErrors,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(FileUploaderInput, { ...getInputProps() }),
+          /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+            FileUploaderInput,
+            {
+              ...getInputProps(),
+              "data-testid": "file-uploader-input"
+            }
+          ),
           "Dra og slipp filer her eller",
           " ",
           /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(VisuallyHidden, { as: "span", children: "velg fil med p\xE5f\xF8lgende knapp" }),