@instructure/platform-widget-dashboard 7.4.3 → 7.5.0

package/dist/theme/buildDarkThemeOverride.d.ts

@@ -0,0 +1,83 @@
+export declare function buildDarkThemeOverride(isDark: boolean): {
+    componentOverrides?: undefined;
+} | {
+    componentOverrides: {
+        View: {
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            borderColorPrimary: string;
+            borderColorSecondary: string;
+            color: string;
+        };
+        Heading: {
+            primaryColor: string;
+            secondaryColor: string;
+        };
+        Text: {
+            primaryColor: string;
+            secondaryColor: string;
+            primaryInverseColor: string;
+        };
+        'Tabs.Tab': {
+            defaultColor: string;
+            secondaryColor: string;
+            defaultSelectedBorderColor: string;
+        };
+        Tabs: {
+            defaultBackground: string;
+            scrollFadeColor: string;
+        };
+        'Tabs.Panel': {
+            color: string;
+            background: string;
+        };
+        Link: {
+            color: string;
+        };
+        Checkbox: {
+            labelColor: string;
+        };
+        FormFieldLabel: {
+            color: string;
+        };
+        TextInput: {
+            color: string;
+            background: string;
+            borderColor: string;
+        };
+        Avatar: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        Pill: {
+            background: string;
+            primaryColor: string;
+        };
+        Options: {
+            background: string;
+            labelColor: string;
+        };
+        'Options.Item': {
+            color: string;
+            background: string;
+            highlightedBackground: string;
+            highlightedLabelColor: string;
+            selectedBackground: string;
+            selectedLabelColor: string;
+        };
+        IconButton: {
+            primaryInverseBackground: string;
+            primaryInverseHoverBackground: string;
+            primaryInverseActiveBackground: string;
+            primaryInverseColor: string;
+            primaryInverseBorderColor: string;
+            secondaryBackground: string;
+            secondaryHoverBackground: string;
+            secondaryActiveBackground: string;
+            secondaryColor: string;
+            secondaryBorderColor: string;
+        };
+    };
+};
+//# sourceMappingURL=buildDarkThemeOverride.d.ts.map

package/dist/theme/buildDarkThemeOverride.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildDarkThemeOverride.d.ts","sourceRoot":"","sources":["../../src/theme/buildDarkThemeOverride.ts"],"names":[],"mappings":"AAwBA,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFrD"}

package/dist/theme/darkThemeColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"darkThemeColors.d.ts","sourceRoot":"","sources":["../../src/theme/darkThemeColors.ts"],"names":[],"mappings":"AAkBA,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,CAAA;IACtB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,YAUzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,YAUxB,CAAA;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,GAAG,YAAY,CAE7D"}
+{"version":3,"file":"darkThemeColors.d.ts","sourceRoot":"","sources":["../../src/theme/darkThemeColors.ts"],"names":[],"mappings":"AAsBA,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,CAAA;IACtB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,YAUzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,YAUxB,CAAA;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,GAAG,YAAY,CAE7D"}

package/dist/theme/useDarkModeChrome.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+export declare const DARK_MODE_STYLE_ID = "widget-dashboard-dark-mode";
+export declare const DARK_MODE_ROOT_ATTR = "data-widget-dashboard-dark-root";
+/**
+ * Owns the page-level dark chrome for the widget dashboard: paints the page
+ * background navy and injects the scoped `!important` overrides that the InstUI
+ * theme override cannot reach. Everything is reverted on cleanup / when `isDark`
+ * turns off, so the host page is left untouched in light mode.
+ */
+export declare function useDarkModeChrome(isDark: boolean, rootRef: RefObject<HTMLElement | null>): void;
+//# sourceMappingURL=useDarkModeChrome.d.ts.map

package/dist/theme/useDarkModeChrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDarkModeChrome.d.ts","sourceRoot":"","sources":["../../src/theme/useDarkModeChrome.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAA;AAIjD,eAAO,MAAM,kBAAkB,+BAA+B,CAAA;AAK9D,eAAO,MAAM,mBAAmB,oCAAoC,CAAA;AAoEpE;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CA6B/F"}

package/dist/widgetRegistry.d.ts

@@ -1,3 +1,8 @@
 import { WidgetRegistry } from './types';
 export declare const widgetRegistry: WidgetRegistry;
+/**
+ * Filters a widget registry down to the widgets available for a given role.
+ * Pass no role to get learner widgets (those without a `roles` field).
+ */
+export declare const getWidgetsForRole: (registry: WidgetRegistry, role?: string) => WidgetRegistry;
 //# sourceMappingURL=widgetRegistry.d.ts.map

package/dist/widgetRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widgetRegistry.d.ts","sourceRoot":"","sources":["../src/widgetRegistry.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,cAAc,EAAE,cA0F5B,CAAA"}
+{"version":3,"file":"widgetRegistry.d.ts","sourceRoot":"","sources":["../src/widgetRegistry.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,cAAc,EAAE,cA0F5B,CAAA;AAOD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAU,cAAc,EAAE,OAAO,MAAM,KAAG,cACwB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/platform-widget-dashboard",
-  "version": "7.4.3",
+  "version": "7.5.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -64,10 +64,10 @@
     "@instructure/platform-canvas-fetch": "0.1.3",
     "@instructure/platform-color-picker": "0.2.2",
     "@instructure/platform-get-cookie": "0.2.1",
-    "@instructure/platform-grades": "0.2.3",
     "@instructure/platform-image-utils": "0.2.0",
     "@instructure/platform-instui-bindings": "0.6.2",
-    "@instructure/platform-provider": "0.5.2"
+    "@instructure/platform-provider": "0.5.2",
+    "@instructure/platform-grades": "0.2.3"
   },
   "dependencies": {
     "@tanstack/query-persist-client-core": "^5.0.0",

package/dist/theme/WidgetThemeContext.d.ts

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-import { WidgetColors } from './darkThemeColors';
-interface WidgetThemeContextValue {
-    isDark: boolean;
-    colors: WidgetColors;
-    setIsDark: (isDark: boolean) => void;
-}
-interface WidgetThemeProviderProps {
-    isDark: boolean;
-    setIsDark: (isDark: boolean) => void;
-    children: React.ReactNode;
-}
-export declare const WidgetThemeProvider: ({ isDark, setIsDark, children }: WidgetThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useWidgetTheme: () => WidgetThemeContextValue;
-export {};
-//# sourceMappingURL=WidgetThemeContext.d.ts.map

package/dist/theme/WidgetThemeContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetThemeContext.d.ts","sourceRoot":"","sources":["../../src/theme/WidgetThemeContext.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAkE,MAAM,OAAO,CAAA;AAEtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,YAAY,CAAA;IACpB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC;AAQD,UAAU,wBAAwB;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,GAAI,iCAAiC,wBAAwB,4CAW5F,CAAA;AAED,eAAO,MAAM,cAAc,+BAAuC,CAAA"}

package/dist/theme/widgetThemeColors.d.ts

@@ -1,15 +0,0 @@
-export interface WidgetColors {
-    pageBackground: string;
-    cardBackground: string;
-    cardSecondary: string;
-    border: string;
-    textPrimary: string;
-    textSecondary: string;
-    textLink: string;
-    inputBackground: string;
-    inputBorder: string;
-}
-export declare const lightColors: WidgetColors;
-export declare const darkColors: WidgetColors;
-export declare function getWidgetColors(isDark: boolean): WidgetColors;
-//# sourceMappingURL=widgetThemeColors.d.ts.map

package/dist/theme/widgetThemeColors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"widgetThemeColors.d.ts","sourceRoot":"","sources":["../../src/theme/widgetThemeColors.ts"],"names":[],"mappings":"AAsBA,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,CAAA;IACtB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,YAUzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,YAUxB,CAAA;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,GAAG,YAAY,CAE7D"}