@tumaet/prompt-ui-components 1.0.8 → 1.0.11

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 TUM Applied Education Technologies
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,106 @@
+# prompt-ui-components
+
+A shared UI component library for the **AET Prompt** system, built on [shadcn/ui](https://ui.shadcn.dev/).
+
+Components are designed for **Module Federation** singleton usage, which ensures:
+- A **consistent UI experience** across microfrontends
+- **Reduced bundle size** by avoiding duplicate component loading
+- **Unified UI state** such as shared toast handling across apps
+
+For shared state primitives and shared TypeScript interfaces, use [`@tumaet/prompt-shared-state`](https://github.com/prompt-edu/prompt-shared-state).
+
+---
+
+## Package
+
+`@tumaet/prompt-ui-components` provides:
+- **36+ shadcn/ui base components** (buttons, dialogs, forms, tables, etc.)
+- **PromptTable** — advanced data table with sorting, filtering, pagination, row selection, and URL-synced state
+- **MinimalTiptapEditor** — rich text editor with toolbar, code highlighting, image support, and link management
+- **Custom components** — date pickers, multi-select, management page headers, score level selectors, and more
+
+---
+
+## Prerequisites
+
+This project uses **Yarn 4** as specified in the `packageManager` field of each `package.json`. To work with this repository, enable Corepack, which will automatically use the correct Yarn version.
+
+```bash
+corepack enable
+```
+
+Corepack is included by default with Node.js 16.9+ and 14.19+. If you see an error like:
+
+```text
+error This project's package.json defines "packageManager": "yarn@4.13.0". However the current global version of Yarn is 1.22.22.
+```
+
+Run `corepack enable` to fix it.
+
+---
+
+## Development
+
+### Building Locally
+
+```bash
+yarn install
+yarn build
+```
+
+### Linting
+
+```bash
+# From within the package directory
+yarn lint
+```
+
+### Testing Before Release
+
+```bash
+yarn build
+```
+
+---
+
+## Publishing Packages
+
+The package is published to npm when you create a GitHub release.
+
+### 1. Update Package Version
+
+Ensure `package.json` has the version number matching your intended release tag.
+
+```bash
+yarn version patch   # 1.2.3 -> 1.2.4
+# or: yarn version minor  (1.2.3 -> 1.3.0)
+# or: yarn version major  (1.2.3 -> 2.0.0)
+```
+
+Or edit the `package.json` file manually.
+
+### 2. Create a GitHub Release
+
+1. Go to the [Releases page](../../releases)
+2. Click **"Create a new release"**
+3. Create a new tag with the format `v{version}` (for example, `v1.2.3`)
+4. Set the release title and add release notes
+5. Click **"Publish release"**
+
+### 3. Automated Publishing
+
+Once you publish the release, the GitHub Actions workflow:
+
+1. **Validates** that `package.json` matches the release tag
+2. **Builds** the package
+3. **Publishes** `@tumaet/prompt-ui-components` to npm
+
+If there is a version mismatch, the workflow fails with a clear error.
+
+---
+
+## Package Information
+
+| Package | Latest Version | Description |
+|---|---|---|
+| [@tumaet/prompt-ui-components](https://www.npmjs.com/package/@tumaet/prompt-ui-components) | ![npm](https://img.shields.io/npm/v/@tumaet/prompt-ui-components) | Reusable React UI components |

package/dist/components/ScoreLevelSelector.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LockIcon } from 'lucide-react';
+import { ScoreLevel } from '@tumaet/prompt-shared-state';
+import { cn } from '../lib/utils';
+import { getLevelConfig } from './getLevelConfig';
+const scoreLevels = Object.values(ScoreLevel);
+export const ScoreLevelSelector = ({ selectedScore, onScoreChange, completed, descriptionsByLevel, labelsByLevel, showIndicators = true, indicators, hideUnselectedOnDesktop = true, className, }) => {
+    const hasIndicators = showIndicators && scoreLevels.some((level) => (indicators?.[level] ?? []).length > 0);
+    return (_jsx("div", { className: className, children: scoreLevels.map((level) => {
+            const config = getLevelConfig(level);
+            const isSelected = selectedScore === level;
+            const descriptionID = `score-level-${level}-description`;
+            const label = labelsByLevel?.[level] ?? config.title;
+            const levelIndicators = showIndicators ? indicators?.[level] ?? [] : [];
+            return (_jsxs("div", { className: cn('relative', hideUnselectedOnDesktop &&
+                    selectedScore !== undefined &&
+                    !isSelected &&
+                    'lg:hidden'), children: [levelIndicators.length > 0 && (_jsx("div", { className: 'absolute -top-6 left-0 z-10 w-full', children: _jsx("div", { className: 'flex items-center justify-center gap-2 text-left', children: levelIndicators.map((indicator, index) => (_jsx("span", { className: 'flex items-center', children: indicator }, `${level}-indicator-${index}`))) }) })), _jsxs("button", { type: 'button', onClick: () => onScoreChange(level), disabled: completed, "aria-pressed": isSelected, "aria-disabled": completed, "aria-label": `Select ${label} score level`, "aria-describedby": descriptionID, className: cn('flex h-full w-full flex-col justify-start rounded-lg border-2 p-3 text-left text-sm transition-all', !isSelected && 'hover:bg-gray-100 dark:hover:bg-gray-800', isSelected
+                            ? cn(config.textColor, config.selectedBg)
+                            : 'bg-gray-50 dark:bg-gray-900', !completed && 'focus:ring-2 focus:ring-gray-400 focus:ring-offset-2', completed && 'cursor-not-allowed opacity-80', hasIndicators && 'mt-2', !selectedScore && config.border), children: [_jsxs("div", { className: 'mb-1 flex justify-between', children: [_jsx("span", { className: 'font-semibold', children: label }), completed && isSelected && (_jsx("span", { className: 'flex items-center gap-1', children: _jsx(LockIcon, { className: cn('h-4 w-4 text-muted-foreground', isSelected && 'dark:text-gray-200') }) }))] }), _jsx("p", { id: descriptionID, className: cn('line-clamp-3 text-muted-foreground', isSelected && 'dark:text-gray-200'), children: descriptionsByLevel[level] })] })] }, level));
+        }) }));
+};
+//# sourceMappingURL=ScoreLevelSelector.js.map

package/dist/components/ScoreLevelSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScoreLevelSelector.js","sourceRoot":"","sources":["../../src/components/ScoreLevelSelector.tsx"],"names":[],"mappings":"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"}

package/dist/components/getLevelConfig.js

@@ -0,0 +1,55 @@
+import { ScoreLevel } from '@tumaet/prompt-shared-state';
+const assertUnreachable = (value) => {
+    throw new Error(`Unhandled ScoreLevel: ${String(value)}`);
+};
+export const getLevelConfig = (level, unknown) => {
+    const unknownConfig = {
+        title: 'Unknown',
+        textColor: 'text-gray-700 dark:text-gray-100',
+        selectedBg: 'bg-gray-100 dark:bg-gray-600',
+        border: 'border-gray-200 dark:border-gray-200',
+    };
+    if (unknown) {
+        return unknownConfig;
+    }
+    switch (level) {
+        case ScoreLevel.VeryBad:
+            return {
+                title: 'Strongly Disagree',
+                textColor: 'text-red-700 dark:text-red-100',
+                selectedBg: 'bg-red-200 dark:bg-red-600',
+                border: 'border-red-200 dark:border-red-200',
+            };
+        case ScoreLevel.Bad:
+            return {
+                title: 'Disagree',
+                textColor: 'text-orange-700 dark:text-orange-100',
+                selectedBg: 'bg-orange-200 dark:bg-orange-600',
+                border: 'border-orange-200 dark:border-orange-200',
+            };
+        case ScoreLevel.Ok:
+            return {
+                title: 'Neutral',
+                textColor: 'text-yellow-700 dark:text-yellow-100',
+                selectedBg: 'bg-yellow-200 dark:bg-yellow-600',
+                border: 'border-yellow-200 dark:border-yellow-200',
+            };
+        case ScoreLevel.Good:
+            return {
+                title: 'Agree',
+                textColor: 'text-green-700 dark:text-green-100',
+                selectedBg: 'bg-green-200 dark:bg-green-600',
+                border: 'border-green-200 dark:border-green-200',
+            };
+        case ScoreLevel.VeryGood:
+            return {
+                title: 'Strongly Agree',
+                textColor: 'text-blue-700 dark:text-blue-100',
+                selectedBg: 'bg-blue-200 dark:bg-blue-600',
+                border: 'border-blue-200 dark:border-blue-200',
+            };
+        default:
+            return assertUnreachable(level);
+    }
+};
+//# sourceMappingURL=getLevelConfig.js.map

package/dist/components/getLevelConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLevelConfig.js","sourceRoot":"","sources":["../../src/components/getLevelConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AASxD,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAS,EAAE;IAChD,MAAM,IAAI,KAAK,CAAC,yBAAyB,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;AAC3D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAE,OAAiB,EAAoB,EAAE;IACvF,MAAM,aAAa,GAAqB;QACtC,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,kCAAkC;QAC7C,UAAU,EAAE,8BAA8B;QAC1C,MAAM,EAAE,sCAAsC;KAC/C,CAAA;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,aAAa,CAAA;IACtB,CAAC;IAED,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,UAAU,CAAC,OAAO;YACrB,OAAO;gBACL,KAAK,EAAE,mBAAmB;gBAC1B,SAAS,EAAE,gCAAgC;gBAC3C,UAAU,EAAE,4BAA4B;gBACxC,MAAM,EAAE,oCAAoC;aAC7C,CAAA;QACH,KAAK,UAAU,CAAC,GAAG;YACjB,OAAO;gBACL,KAAK,EAAE,UAAU;gBACjB,SAAS,EAAE,sCAAsC;gBACjD,UAAU,EAAE,kCAAkC;gBAC9C,MAAM,EAAE,0CAA0C;aACnD,CAAA;QACH,KAAK,UAAU,CAAC,EAAE;YAChB,OAAO;gBACL,KAAK,EAAE,SAAS;gBAChB,SAAS,EAAE,sCAAsC;gBACjD,UAAU,EAAE,kCAAkC;gBAC9C,MAAM,EAAE,0CAA0C;aACnD,CAAA;QACH,KAAK,UAAU,CAAC,IAAI;YAClB,OAAO;gBACL,KAAK,EAAE,OAAO;gBACd,SAAS,EAAE,oCAAoC;gBAC/C,UAAU,EAAE,gCAAgC;gBAC5C,MAAM,EAAE,wCAAwC;aACjD,CAAA;QACH,KAAK,UAAU,CAAC,QAAQ;YACtB,OAAO;gBACL,KAAK,EAAE,gBAAgB;gBACvB,SAAS,EAAE,kCAAkC;gBAC7C,UAAU,EAAE,8BAA8B;gBAC1C,MAAM,EAAE,sCAAsC;aAC/C,CAAA;QACH;YACE,OAAO,iBAAiB,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC;AACH,CAAC,CAAA"}

package/dist/components/index.js

@@ -10,5 +10,7 @@ export * from './LoadingPage';
 export * from './ManagementPageHeader';
 export * from './MultiSelect';
 export * from './SaveChangesAlert';
+export * from './ScoreLevelSelector';
 export * from './UnauthorizedPage';
+export * from './getLevelConfig';
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAA;AACpB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,wBAAwB,CAAA;AACtC,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAA;AACpB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,wBAAwB,CAAA;AACtC,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA"}

package/dist/components/table/PromptTable/tableBarComponents/TableSearch.js

@@ -22,7 +22,7 @@ export function TableSearch({ value, onChange, table, filters }) {
         }
     };
     const showFilter = filters && filters.length > 0 && table;
-    return (_jsx("div", { className: 'relative flex-1 min-w-0 h-full', children: _jsxs("div", { className: 'flex rounded-md border border-input focus-within:ring-1 focus-within:ring-ring overflow-hidden h-full', children: [_jsxs("div", { className: 'relative flex-1 min-w-0', children: [_jsx(Input, { placeholder: 'Search ... (press Enter)', value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, className: 'h-full pl-3 sm:pl-9 w-full border-0 shadow-none focus-visible:ring-0 rounded-none' }), _jsx(SearchIcon, { className: 'absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground hidden sm:block' })] }), showFilter && (_jsx(TableFiltersMenu, { table: table, filters: filters, trigger: _jsxs("button", { type: 'button', "aria-label": 'Filter', className: 'flex items-center gap-1.5 shrink-0 border-l ' +
+    return (_jsx("div", { className: 'relative flex-1 min-w-0 h-full', children: _jsxs("div", { className: 'flex rounded-md border border-input focus-within:ring-1 focus-within:ring-ring overflow-hidden h-10', children: [_jsxs("div", { className: 'relative flex-1 min-w-0', children: [_jsx(Input, { placeholder: 'Search ... (press Enter)', value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, className: 'h-full pl-3 sm:pl-9 w-full border-0 shadow-none focus-visible:ring-0 rounded-none' }), _jsx(SearchIcon, { className: 'absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground hidden sm:block' })] }), showFilter && (_jsx(TableFiltersMenu, { table: table, filters: filters, trigger: _jsxs("button", { type: 'button', "aria-label": 'Filter', className: 'flex items-center gap-1.5 shrink-0 border-l ' +
                             'border-input px-3 text-sm text-muted-foreground hover:text-foreground hover:bg-muted transition-colors outline-none', children: [_jsx(Filter, { className: 'h-4 w-4' }), _jsx("span", { className: 'hidden sm:inline', children: "Filter" })] }) }))] }) }));
 }
 //# sourceMappingURL=TableSearch.js.map

package/dist/components/table/PromptTable/tableBarComponents/TableSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSearch.js","sourceRoot":"","sources":["../../../../../src/components/table/PromptTable/tableBarComponents/TableSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAA+B,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAS9D,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAoB;IAC/E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;YAC5B,OAAM;QACR,CAAC;QACD,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,aAAa,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC3D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;YACpD,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,QAAQ,CAAC,UAAU,CAAC,CAAA;YACpB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;YAC3B,aAAa,CAAC,EAAE,CAAC,CAAA;QACnB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAA;IAEzD,OAAO,CACL,cAAK,SAAS,EAAC,gCAAgC,YAC7C,eAAK,SAAS,EAAC,uGAAuG,aACpH,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,KAAK,IACJ,WAAW,EAAC,0BAA0B,EACtC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,mFAAmF,GAC7F,EACF,KAAC,UAAU,IAAC,SAAS,EAAC,wFAAwF,GAAG,IAC7G,EAEL,UAAU,IAAI,CACb,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,kBACE,IAAI,EAAC,QAAQ,gBACF,QAAQ,EACnB,SAAS,EACP,8CAA8C;4BAC9C,qHAAqH,aAGvH,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,GAAG,EAC9B,eAAM,SAAS,EAAC,kBAAkB,uBAAc,IACzC,GAEX,CACH,IACG,GACF,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"TableSearch.js","sourceRoot":"","sources":["../../../../../src/components/table/PromptTable/tableBarComponents/TableSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAA+B,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAS9D,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAoB;IAC/E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;YAC5B,OAAM;QACR,CAAC;QACD,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,aAAa,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC3D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;YACpD,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,QAAQ,CAAC,UAAU,CAAC,CAAA;YACpB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;YAC3B,aAAa,CAAC,EAAE,CAAC,CAAA;QACnB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAA;IAEzD,OAAO,CACL,cAAK,SAAS,EAAC,gCAAgC,YAC7C,eAAK,SAAS,EAAC,qGAAqG,aAClH,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,KAAK,IACJ,WAAW,EAAC,0BAA0B,EACtC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,mFAAmF,GAC7F,EACF,KAAC,UAAU,IAAC,SAAS,EAAC,wFAAwF,GAAG,IAC7G,EAEL,UAAU,IAAI,CACb,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,kBACE,IAAI,EAAC,QAAQ,gBACF,QAAQ,EACnB,SAAS,EACP,8CAA8C;4BAC9C,qHAAqH,aAGvH,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,GAAG,EAC9B,eAAM,SAAS,EAAC,kBAAkB,uBAAc,IACzC,GAEX,CACH,IACG,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/types/components/ScoreLevelSelector.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import { ScoreLevel } from '@tumaet/prompt-shared-state';
+export interface ScoreLevelSelectorProps {
+    selectedScore?: ScoreLevel;
+    onScoreChange: (value: ScoreLevel) => void;
+    completed: boolean;
+    descriptionsByLevel: Record<ScoreLevel, string>;
+    labelsByLevel?: Partial<Record<ScoreLevel, string>>;
+    showIndicators?: boolean;
+    indicators?: Partial<Record<ScoreLevel, ReactNode[]>>;
+    hideUnselectedOnDesktop?: boolean;
+    className?: string;
+}
+export declare const ScoreLevelSelector: ({ selectedScore, onScoreChange, completed, descriptionsByLevel, labelsByLevel, showIndicators, indicators, hideUnselectedOnDesktop, className, }: ScoreLevelSelectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/getLevelConfig.d.ts

@@ -0,0 +1,8 @@
+import { ScoreLevel } from '@tumaet/prompt-shared-state';
+export interface ScoreLevelConfig {
+    title: string;
+    textColor: string;
+    selectedBg: string;
+    border: string;
+}
+export declare const getLevelConfig: (level: ScoreLevel, unknown?: boolean) => ScoreLevelConfig;

package/dist/types/components/index.d.ts

@@ -10,4 +10,6 @@ export * from './LoadingPage';
 export * from './ManagementPageHeader';
 export * from './MultiSelect';
 export * from './SaveChangesAlert';
+export * from './ScoreLevelSelector';
 export * from './UnauthorizedPage';
+export * from './getLevelConfig';

package/dist/types/components/ui/chart.d.ts

@@ -25,23 +25,23 @@ declare const ChartStyle: ({ id, config }: {
     config: ChartConfig;
 }) => import("react/jsx-runtime").JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<Omit<RechartsPrimitive.DefaultTooltipContentProps<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType>, "label" | "viewBox" | "active" | "payload" | "coordinate" | "accessibilityLayer"> & {
+declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<Omit<RechartsPrimitive.DefaultTooltipContentProps<RechartsPrimitive.TooltipValueType, import("recharts/types/component/DefaultTooltipContent").NameType>, "label" | "viewBox" | "active" | "payload" | "coordinate" | "accessibilityLayer"> & {
     active?: boolean;
     allowEscapeViewBox?: import("recharts/types/util/types").AllowInDimension;
     animationDuration?: import("recharts/types/util/types").AnimationDuration;
     animationEasing?: import("recharts/types/util/types").AnimationTiming;
     axisId?: RechartsPrimitive.AxisId;
-    content?: import("recharts/types/component/Tooltip").ContentType<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType> | undefined;
+    content?: import("recharts/types/component/Tooltip").ContentType<RechartsPrimitive.TooltipValueType, import("recharts/types/component/DefaultTooltipContent").NameType> | undefined;
     contentStyle?: React.CSSProperties;
     cursor?: import("recharts/types/component/Cursor").CursorDefinition;
     defaultIndex?: number | RechartsPrimitive.TooltipIndex;
     filterNull?: boolean;
-    formatter?: ((value: import("recharts/types/component/DefaultTooltipContent").ValueType, name: import("recharts/types/component/DefaultTooltipContent").NameType, item: RechartsPrimitive.TooltipPayloadEntry<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType>, index: number, payload: RechartsPrimitive.TooltipPayloadEntry<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType>[]) => React.ReactNode | [React.ReactNode, React.ReactNode]) | undefined;
+    formatter?: ((value: RechartsPrimitive.TooltipValueType, name: import("recharts/types/component/DefaultTooltipContent").NameType, item: import("recharts/types/state/tooltipSlice").TooltipPayloadEntry, index: number, payload: RechartsPrimitive.TooltipPayload) => React.ReactNode | [React.ReactNode, React.ReactNode]) | undefined;
     includeHidden?: boolean | undefined;
     isAnimationActive?: boolean | "auto";
-    itemSorter?: "value" | "name" | "dataKey" | ((item: RechartsPrimitive.TooltipPayloadEntry<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType>) => number | string | undefined) | undefined;
+    itemSorter?: RechartsPrimitive.TooltipItemSorter;
     itemStyle?: React.CSSProperties;
-    labelFormatter?: ((label: any, payload: RechartsPrimitive.TooltipPayloadEntry<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType>[]) => React.ReactNode) | undefined;
+    labelFormatter?: (label: any, payload: RechartsPrimitive.TooltipPayload) => React.ReactNode;
     labelStyle?: React.CSSProperties;
     offset?: number | RechartsPrimitive.Coordinate;
     payloadUniqBy?: import("recharts/types/util/payload/getUniqPayload").UniqueOption<import("recharts/types/state/tooltipSlice").TooltipPayloadEntry>;
@@ -62,7 +62,7 @@ declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<Omit<Rec
     payload?: any[];
     label?: any;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
 declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     payload?: any[];
     verticalAlign?: "top" | "bottom";

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@tumaet/prompt-ui-components",
-  "version": "1.0.8",
+  "version": "1.0.11",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ls1intum/prompt-lib.git"
+    "url": "git+https://github.com/prompt-edu/prompt-lib.git"
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -26,9 +26,9 @@
     "build": "yarn build:esm && yarn build:copy-css",
     "lint": "eslint \"**/*.{js,jsx,ts,tsx}\""
   },
-  "packageManager": "yarn@4.12.0",
+  "packageManager": "yarn@4.13.0",
   "dependencies": {
-    "@hookform/resolvers": "^3.10.0",
+    "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",
@@ -66,40 +66,41 @@
     "@tiptap/pm": "^2.27.2",
     "@tiptap/react": "^2.27.2",
     "@tiptap/starter-kit": "^2.27.2",
+    "@tumaet/prompt-shared-state": "^1.0.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "1.1.1",
     "date-fns": "^4.1.0",
     "highlight.js": "^11.11.1",
     "lowlight": "^3.3.0",
-    "lucide-react": "^0.576.0",
-    "postcss": "^8.5.6",
-    "postcss-preset-env": "^10.6.1",
-    "react": "^19.2.4",
+    "lucide-react": "^1.8.0",
+    "postcss": "^8.5.10",
+    "postcss-preset-env": "^11.2.1",
+    "react": "^19.2.5",
     "react-day-picker": "8.10.1",
-    "react-dom": "^19.2.4",
-    "react-hook-form": "^7.71.2",
-    "react-medium-image-zoom": "^5.4.1",
-    "react-router-dom": "^7.13.1",
-    "recharts": "^3.7.0",
+    "react-dom": "^19.2.5",
+    "react-hook-form": "^7.72.1",
+    "react-medium-image-zoom": "^5.4.3",
+    "react-router-dom": "^7.14.2",
+    "recharts": "^3.8.1",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^2.6.1",
+    "tailwind-merge": "^3.5.0",
     "tsc-alias": "^1.8.16",
     "typescript": "^5.9.3"
   },
   "devDependencies": {
-    "@eslint/compat": "^1.4.1",
+    "@eslint/compat": "^2.0.5",
     "@types/react": "^19.2.14",
-    "@typescript-eslint/eslint-plugin": "^8.56.1",
-    "@typescript-eslint/parser": "^8.56.1",
-    "eslint": "^9.39.3",
+    "@typescript-eslint/eslint-plugin": "^8.57.1",
+    "@typescript-eslint/parser": "^8.57.1",
+    "eslint": "^10.2.1",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "postcss-cli": "^10.1.0",
-    "prettier": "^3.8.1"
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "postcss-cli": "^11.0.1",
+    "prettier": "^3.8.3"
   },
   "resolutions": {
-    "tar": "^7.5.8"
+    "tar": "^7.5.13"
   }
 }

package/readme.md

@@ -1,36 +0,0 @@
-# prompt-ui-components
-
-A shared library for the **AET Prompt2** system that provides common UI components.
-
-These components are built using [shadcn/ui](https://ui.shadcn.dev/) and are maintained centrally to enable loading via **Module Federation** as a **singleton**.  
-This ensures:
-- A **consistent UI experience** across microfrontends
-- **Reduced bundle size** by avoiding duplicate component loading
-- **Unified UI state management** (e.g., for global toast notifications)
-
-## Overview
-
-The **prompt-ui-components-lib** package is designed to allow multiple microfrontends to share:
-- **Common, reusable UI components** with a unified look and feel
-- **Shared UI state**, such as toasts and modals, across independently deployed apps
-
-By using this library, all microfrontends rely on the same component instances and styling, preventing UI inconsistencies and improving maintainability.
-
-## Features
-
-- **Reusable UI Components**: Built on shadcn/ui, styled and configured for the Prompt2 system
-- **Shared UI State**: Centralized management for features like toast notifications
-- **Module Federation Ready**: Components are loaded as a singleton, preventing duplication
-- **Consistent Design System**: Ensures the same visual language across all microfrontends
-
-## Installation
-
-Install the package with your preferred package manager:
-
-```bash
-# Using Yarn
-yarn add @tumaet/prompt-ui-components-lib
-
-# Or using npm
-npm install @tumaet/prompt-ui-components-lib
-```