@instructure/platform-block-content-editor 4.0.2 → 4.1.0

package/dist/schema/schemaRegistry.d.ts

@@ -3,8 +3,8 @@ import { RegisteredComponentSchema } from './registeredSchema';
 declare const BLOCK_SCHEMAS: {
     Accordion: RegisteredComponentSchema<{
         items: {
-            id: string;
             title: string;
+            id: string;
             content: string;
         }[];
         title?: string | undefined;
@@ -20,12 +20,12 @@ declare const BLOCK_SCHEMAS: {
     Header: RegisteredComponentSchema<{
         title: string;
         variant: "h2" | "h3" | "h4";
+        style?: "image" | "none" | "outline" | "solid" | undefined;
+        color?: "light" | "dark" | "neutral" | undefined;
         content?: string | undefined;
         cornerStyle?: "rounded" | "square" | undefined;
         alt?: string | undefined;
-        style?: "image" | "none" | "outline" | "solid" | undefined;
-        color?: "light" | "dark" | "neutral" | undefined;
-        align?: "left" | "center" | "right" | undefined;
+        align?: "center" | "left" | "right" | undefined;
         subtitle?: string | undefined;
         eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
         imagePlacement?: "background" | "above" | "below" | undefined;
@@ -35,8 +35,8 @@ declare const BLOCK_SCHEMAS: {
     CodeBlock: RegisteredComponentSchema<{
         code: string;
         language: "html" | "text" | "javascript" | "json" | "css" | "bash" | "yaml";
-        cornerStyle?: "rounded" | "square" | undefined;
         header?: string | undefined;
+        cornerStyle?: "rounded" | "square" | undefined;
     }>;
     FlashCards: RegisteredComponentSchema<{
         cards: {
@@ -50,16 +50,16 @@ declare const BLOCK_SCHEMAS: {
     ImageBlock: RegisteredComponentSchema<{
         alt: string;
         size: number;
-        align: "left" | "center" | "right";
+        align: "center" | "left" | "right";
         asset_id: string;
         isDecorative: boolean;
-        ratio: "square" | "circle" | "landscape" | "portrait";
+        ratio: "circle" | "square" | "landscape" | "portrait";
         cornerStyle?: "rounded" | "square" | undefined;
     }>;
     KnowledgeCheckBlock: RegisteredComponentSchema<{
         answers: {
-            id: string;
             label: string;
+            id: string;
             isCorrect: boolean;
         }[];
         question: string;
@@ -81,27 +81,27 @@ declare const BLOCK_SCHEMAS: {
         content: string;
         colorTheme?: "light" | "dark" | "neutral" | undefined;
         cornerStyle?: "rounded" | "square" | undefined;
-        align?: "left" | "center" | "right" | undefined;
+        align?: "center" | "left" | "right" | undefined;
         author?: string | undefined;
         quoteSize?: number | undefined;
         decorationStyle?: "fill" | "none" | "sidebar" | undefined;
     }>;
     TabsBlock: RegisteredComponentSchema<{
         tabs: {
+            label: string;
             id: string;
             content: string;
-            label: string;
         }[];
-        outline?: "none" | "outline" | undefined;
+        style?: "simple" | "folder" | "segments" | undefined;
         title?: string | undefined;
+        color?: "light" | "dark" | "neutral" | undefined;
+        outline?: "none" | "outline" | undefined;
         variant?: "h2" | "h3" | "h4" | undefined;
         supportingText?: string | undefined;
         cornerStyle?: "rounded" | "square" | undefined;
-        style?: "simple" | "folder" | "segments" | undefined;
-        color?: "light" | "dark" | "neutral" | undefined;
         tabsRowBackground?: "none" | "filled" | undefined;
         tabsWidth?: "relative" | "full-width" | undefined;
-        alignment?: "left" | "center" | undefined;
+        alignment?: "center" | "left" | undefined;
         selectedTabStyle?: "outline" | "filled" | undefined;
         selectedTabCorners?: "rounded" | "square" | "pill" | undefined;
     }>;
@@ -121,10 +121,10 @@ declare const BLOCK_SCHEMAS: {
         backgroundColor?: "light" | "dark" | "neutral" | "none" | undefined;
     }>;
     VideoBlock: RegisteredComponentSchema<{
+        source: "link" | "file";
         alt: string;
         size: number;
-        source: "link" | "file";
-        align: "left" | "center" | "right";
+        align: "center" | "left" | "right";
         asset_id: string;
         cornerStyle?: "rounded" | "square" | undefined;
         video_url?: string | undefined;

package/dist/utils/shuffleCards.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=shuffleCards.test.d.ts.map

package/dist/utils/shuffleCards.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shuffleCards.test.d.ts","sourceRoot":"","sources":["../../src/utils/shuffleCards.test.ts"],"names":[],"mappings":""}

package/locales/en.json

@@ -83,16 +83,20 @@
   "delete": "Delete",
   "editComponent": "Edit %{component} component",
   "editBlock": "Edit block",
+  "viewComponent": "View %{component} settings",
+  "viewBlock": "View block",
   "componentGroup": "%{component} component",
   "leftColumnLabel": "Left column",
   "rightColumnLabel": "Right column",
   "dropBlocksHere": "Drop blocks here",
+  "emptyColumn": "Empty column",
   "previous": "Previous",
   "next": "Next",
   "itemSubtitle": "%{itemName} %{number}",
   "defaultItemName": "Item",
   "dragToReorderItem": "Drag to reorder %{item}",
   "editItem": "Edit %{item}",
+  "viewItem": "View %{item}",
   "removeItem": "Remove %{item}",
   "manageLabel": "Manage %{pluralLabel}",
   "countLabel": "%{count} %{pluralLabel}",
@@ -109,6 +113,7 @@
   "dragAndDropOrBrowse": "Drag and drop or click to browse",
   "chooseFile": "Choose file",
   "loadingPreview": "Loading preview...",
+  "noFileSelected": "No file selected",
   "uploadFailed": "Upload failed",
   "uploadImage": "Upload image",
   "imageAcceptedTypes": "Accepted file types: PNG, JPG, GIF, WebP",
@@ -140,6 +145,8 @@
   "interactiveBlocksTool": "Interactive blocks",
   "basicBlocksIntro": "Format content with these basic blocks.",
   "interactiveBlocksIntro": "Engage learners with interactive non-scored activities.",
+  "contentOnlyTrayNote": "You can't add blocks to this page. Select a block to edit its content.",
+  "readOnlyTrayNote": "You can't change this page. Select a block to view its settings.",
   "addBlock": "Add %{name}",
   "generateBlockWithAi": "Generate a %{name} with AI",
   "skipToSelectedComponent": "Skip to selected component",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/platform-block-content-editor",
-  "version": "4.0.2",
+  "version": "4.1.0",
   "description": "Host-agnostic block content editor for Canvas activities — the blocks, the read-path viewer, and the write-path editor, all on native InstUI.",
   "type": "module",
   "main": "./dist/index.js",
@@ -23,34 +23,35 @@
   },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
-    "@instructure/emotion": "^11.7.0",
+    "@instructure/emotion": "^11.7.4",
     "@instructure/ui-a11y-content": "^11.0.0",
-    "@instructure/ui-alerts": "^11.0.0",
-    "@instructure/ui-buttons": "^11.0.0",
-    "@instructure/ui-checkbox": "^11.0.0",
-    "@instructure/ui-file-drop": "^11.0.0",
-    "@instructure/ui-flex": "^11.0.0",
-    "@instructure/ui-form-field": "^11.7.0",
-    "@instructure/ui-heading": "^11.0.0",
-    "@instructure/ui-icons": "^11.7.0",
-    "@instructure/ui-img": "^11.0.0",
+    "@instructure/ui-alerts": "^11.7.4",
+    "@instructure/ui-buttons": "^11.7.4",
+    "@instructure/ui-checkbox": "^11.7.4",
+    "@instructure/ui-file-drop": "^11.7.4",
+    "@instructure/ui-flex": "^11.7.4",
+    "@instructure/ui-form-field": "^11.7.4",
+    "@instructure/ui-heading": "^11.7.4",
+    "@instructure/ui-icons": "^11.7.4",
+    "@instructure/ui-img": "^11.7.4",
     "@instructure/ui-instructure": "^11.0.0",
-    "@instructure/ui-modal": "^11.0.0",
-    "@instructure/ui-number-input": "^11.0.0",
-    "@instructure/ui-popover": "^11.0.0",
-    "@instructure/ui-progress": "^11.0.0",
-    "@instructure/ui-radio-input": "^11.0.0",
-    "@instructure/ui-range-input": "^11.0.0",
-    "@instructure/ui-simple-select": "^11.0.0",
-    "@instructure/ui-source-code-editor": "^11.0.0",
-    "@instructure/ui-spinner": "^11.0.0",
-    "@instructure/ui-text": "^11.0.0",
-    "@instructure/ui-text-area": "^11.0.0",
-    "@instructure/ui-text-input": "^11.0.0",
-    "@instructure/ui-themes": "^11.0.0",
-    "@instructure/ui-toggle-details": "^11.0.0",
-    "@instructure/ui-tooltip": "^11.0.0",
-    "@instructure/ui-view": "^11.0.0",
+    "@instructure/ui-menu": "^11.7.4",
+    "@instructure/ui-modal": "^11.7.4",
+    "@instructure/ui-number-input": "^11.7.4",
+    "@instructure/ui-popover": "^11.7.4",
+    "@instructure/ui-progress": "^11.7.4",
+    "@instructure/ui-radio-input": "^11.7.4",
+    "@instructure/ui-range-input": "^11.7.4",
+    "@instructure/ui-simple-select": "^11.7.4",
+    "@instructure/ui-source-code-editor": "^11.7.4",
+    "@instructure/ui-spinner": "^11.7.4",
+    "@instructure/ui-text": "^11.7.4",
+    "@instructure/ui-text-area": "^11.7.4",
+    "@instructure/ui-text-input": "^11.7.4",
+    "@instructure/ui-themes": "^11.7.4",
+    "@instructure/ui-toggle-details": "^11.7.4",
+    "@instructure/ui-tooltip": "^11.7.4",
+    "@instructure/ui-view": "^11.7.4",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "zod": "^3.23.8"