Packages/aiinfo/additional link (#198)

* add privacynotice props

* add privacy notice text

* map privacy notice to Entry

* bump version

* lint

* entry length is variable with privacy URL

* update cache

* use ui-instructure 10.29.0 for v2

* set undefined to string

* use ui-instructure 10x

* remove undefined coersion

* fix tsdown config

* add privacy URL props to tests

* guard oldentry

* type writentries test

* use proper source for URL

* map privacy urls

* lint

* lint

* build

* rename types

* lint

* lint nutritionfacts

* update coverage

* fix Layout class

* add link to extended type

* nutritionfacts@2.0.13

Author: thedannywahl

apps/nutritionfacts/.github/copilot-instructions.md

@@ -10,10 +10,11 @@ You should use the provided components and utilities from InstUI to build your a
 
 ## InstUI Guidelines
 
-- version 11.2.0 
+- version 11.2.0
 - Instructure UI (InstUI) is a comprehensive React component library.
 
 ### User Guides
+
 #### Getting Started
 
 - [Accessibility](https://instructure.design/markdowns/accessibility.md): Instructure UI targets WCAG 2.1 AA/AAA standards with proper color contrast, keyboard navigation, screen reader support, and ARIA compliance. Components are perceivable, operable, understandable, and robust.
@@ -146,4 +147,3 @@ You should use the provided components and utilities from InstUI to build your a
 - [AiInformation](https://instructure.design/markdowns/AiInformation.md): Displays AI-related data in Instructure products. Composed from NutritionFacts and DataPermissionLevels components with prefixed APIs. Supports fullscreen modals for mobile viewports with comprehensive data structure for AI feature information.
 - [DataPermissionLevels](https://instructure.design/markdowns/DataPermissionLevels.md): Displays AI-related data permissions in Instructure products. Shows hierarchical permission levels with titles and descriptions. Includes a modal interface with close functionality and supports highlighting specific levels for emphasis.
 - [NutritionFacts](https://instructure.design/markdowns/NutritionFacts.md): A specialized modal component for displaying AI-related data in structured blocks. Includes model info, privacy/compliance details, and output metrics. Features a trigger button and modal presentation.
-

apps/nutritionfacts/coverage/coverage.yml

@@ -1,10 +1,10 @@
 coverage:
   totals:
-    statements: 7.51%
-    branches: 3.06%
+    statements: 7.38%
+    branches: 2.99%
     functions: 8.33%
-    lines: 7.78%
-    total: 6.67%
+    lines: 7.64%
+    total: 6.59%
   src:
     totals:
       statements: 30.63%
@@ -84,7 +84,7 @@ coverage:
           branches: 0%
           functions: 0%
           lines: 0%
-          uncovered_line_numbers: "16-61"
+          uncovered_line_numbers: "21-86"
         "presets.tsx":
           statements: 0%
           branches: 0%

apps/nutritionfacts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure.ai/nutritionfacts",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "private": true,
   "repository": {
     "type": "git",

apps/nutritionfacts/src/app.tsx

@@ -1,9 +1,9 @@
 import "./app.css";
 import { Flex, InlineSVG, Link, Text, View } from "@instructure/ui";
 import AiInfo from "@instructure.ai/aiinfo";
-import type { AiInfoFeatureProps } from "@instructure.ai/aiinfo";
+import { type AiInfoFeatureProps } from "@instructure.ai/aiinfo";
 import { useEffect, useState } from "react";
-import type { FC } from "react";
+import { type FC } from "react";
 import { DefaultLayout, Logo, LogoDark, colors, copyright, disclaimer } from "./assets";
 import { EmbedControl, LinkControl } from "./components/export";
 import { NutritionFactsForm, getLayoutFromParams } from "./components/layout";
@@ -31,7 +31,7 @@ const App: FC = () => {
 
   useEffect(() => {
     if (id && id.toLowerCase() in AiInfo) {
-      setProduct(AiInfo[id.toLowerCase() as keyof typeof AiInfo]);
+      setProduct(AiInfo[id.toLowerCase()]);
     }
   }, [id]);
 

apps/nutritionfacts/src/assets/consts.tsx

@@ -1,9 +1,9 @@
 import { Link } from "@instructure/ui";
-import type { LinkProps } from "@instructure/ui";
-import type { AiInfoFeatureProps } from "@instructure.ai/aiinfo";
+import { type LinkProps } from "@instructure/ui";
+import { type AiInfoFeatureProps } from "@instructure.ai/aiinfo";
 import { colors } from "./colors";
 import { CanvasBug, IgniteBug, InstructureBug, MasteryBug, ParchmentBug } from "./logos";
-import type { SVGWrapperProps } from "./";
+import { type SVGWrapperProps } from "./";
 
 const baseUrl =
   typeof window !== "undefined"

apps/nutritionfacts/src/assets/layout.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import type { PageLayout } from "../types";
+import { type PageLayout } from "../types";
 import { DefaultLayout, Layout } from "./layout";
 
 describe("layout", () => {

apps/nutritionfacts/src/assets/layout.ts

@@ -1,20 +1,23 @@
-import type { PageLayout } from "../types";
+import { type PageLayout } from "../types";
 
 class Layout implements PageLayout {
   copyright: boolean;
   disclaimer: boolean;
   revision: boolean;
+  permissions: boolean;
 
   constructor(layout: PageLayout) {
     this.copyright = layout.copyright;
     this.disclaimer = layout.disclaimer;
     this.revision = layout.revision;
+    this.permissions = layout.permissions;
   }
 }
 
 const DefaultLayout = new Layout({
   copyright: true,
   disclaimer: true,
+  permissions: true,
   revision: true,
 } as PageLayout);
 

apps/nutritionfacts/src/assets/logos.tsx

@@ -1,6 +1,6 @@
 import { InlineSVG } from "@instructure/ui";
-import type { InlineSVGProps } from "@instructure/ui";
-import type { FC, ReactNode } from "react";
+import { type InlineSVGProps } from "@instructure/ui";
+import { type FC, type ReactNode } from "react";
 import { useId } from "react";
 import { colors } from "./";
 

apps/nutritionfacts/src/components/export/controlButton.tsx

@@ -1,5 +1,5 @@
 import { IconButton, Tooltip } from "@instructure/ui";
-import type { SVGIconProps } from "@instructure/ui";
+import { type SVGIconProps } from "@instructure/ui";
 
 interface ControlButtonProps {
   label: string;

apps/nutritionfacts/src/components/export/embed.tsx

@@ -1,8 +1,8 @@
 import { IconExternalLinkLine } from "@instructure/ui";
-import type { SVGIconProps } from "@instructure/ui";
-import type { AiInfoFeatureProps } from "@instructure.ai/aiinfo";
+import { type SVGIconProps } from "@instructure/ui";
+import { type AiInfoFeatureProps } from "@instructure.ai/aiinfo";
 import { baseUrl } from "../../assets";
-import type { PageLayout } from "../../types.ts";
+import { type PageLayout } from "../../types.ts";
 import { ControlButton } from "./";
 
 const productToText = (product: AiInfoFeatureProps): string => {