@xplor-education/react-wrappers 5.3.0 → 6.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,29 @@
1
+ import { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
2
+ import { Components, XplorButtonCustomEvent, XplorModalCustomEvent } from '@xplor-education/core-stencil-components';
3
+ import { XplorBadgeActive as XplorBadgeActiveElement } from '@xplor-education/core-stencil-components/components/xplor-badge-active.js';
4
+ import { XplorBadgeArchived as XplorBadgeArchivedElement } from '@xplor-education/core-stencil-components/components/xplor-badge-archived.js';
5
+ import { XplorBadgeDeleted as XplorBadgeDeletedElement } from '@xplor-education/core-stencil-components/components/xplor-badge-deleted.js';
6
+ import { XplorBadgeExpired as XplorBadgeExpiredElement } from '@xplor-education/core-stencil-components/components/xplor-badge-expired.js';
7
+ import { XplorBadgeInactive as XplorBadgeInactiveElement } from '@xplor-education/core-stencil-components/components/xplor-badge-inactive.js';
8
+ import { XplorBadgeRecalled as XplorBadgeRecalledElement } from '@xplor-education/core-stencil-components/components/xplor-badge-recalled.js';
9
+ import { XplorBadgeUpcoming as XplorBadgeUpcomingElement } from '@xplor-education/core-stencil-components/components/xplor-badge-upcoming.js';
10
+ import { XplorBadgeWaitlist as XplorBadgeWaitlistElement } from '@xplor-education/core-stencil-components/components/xplor-badge-waitlist.js';
11
+ export declare const XplorBadgeActive: StencilReactComponent<XplorBadgeActiveElement, NonNullable<unknown>, Components.XplorBadgeActive>;
12
+ export declare const XplorBadgeArchived: StencilReactComponent<XplorBadgeArchivedElement, NonNullable<unknown>, Components.XplorBadgeArchived>;
13
+ export declare const XplorBadgeDeleted: StencilReactComponent<XplorBadgeDeletedElement, NonNullable<unknown>, Components.XplorBadgeDeleted>;
14
+ export declare const XplorBadgeExpired: StencilReactComponent<XplorBadgeExpiredElement, NonNullable<unknown>, Components.XplorBadgeExpired>;
15
+ export declare const XplorBadgeInactive: StencilReactComponent<XplorBadgeInactiveElement, NonNullable<unknown>, Components.XplorBadgeInactive>;
16
+ export declare const XplorBadgeRecalled: StencilReactComponent<XplorBadgeRecalledElement, NonNullable<unknown>, Components.XplorBadgeRecalled>;
17
+ export declare const XplorBadgeUpcoming: StencilReactComponent<XplorBadgeUpcomingElement, NonNullable<unknown>, Components.XplorBadgeUpcoming>;
18
+ export declare const XplorBadgeWaitlist: StencilReactComponent<XplorBadgeWaitlistElement, NonNullable<unknown>, Components.XplorBadgeWaitlist>;
19
+ export type XplorButtonEvents = {
20
+ onSdClick: EventName<XplorButtonCustomEvent<void>>;
21
+ onXplorClick: EventName<XplorButtonCustomEvent<void>>;
22
+ };
23
+ export declare const XplorButton: StencilReactComponent<HTMLElement, XplorButtonEvents, Components.XplorButton>;
24
+ export type XplorModalEvents = {
25
+ onSdClose: EventName<XplorModalCustomEvent<void>>;
26
+ onSdOpen: EventName<XplorModalCustomEvent<void>>;
27
+ onXplorClose: EventName<XplorModalCustomEvent<void>>;
28
+ };
29
+ export declare const XplorModal: StencilReactComponent<HTMLElement, XplorModalEvents, Components.XplorModal>;
package/package.json CHANGED
@@ -1,16 +1,18 @@
1
1
  {
2
2
  "name": "@xplor-education/react-wrappers",
3
- "version": "5.3.0",
4
- "description": "React component wrappers for the Xplor design system",
3
+ "version": "6.0.1",
4
+ "private": false,
5
+ "description": "Stardust Design System — React component wrappers",
5
6
  "license": "MIT",
6
- "author": "Xplor",
7
- "keywords": [
8
- "xplor",
9
- "design-system",
10
- "react",
11
- "stencil",
12
- "web-components"
13
- ],
7
+ "author": "Xplor Design Team",
8
+ "repository": {
9
+ "type": "git",
10
+ "url": "https://github.com/myxplor/stardust-components.git",
11
+ "directory": "packages/react"
12
+ },
13
+ "publishConfig": {
14
+ "access": "public"
15
+ },
14
16
  "type": "module",
15
17
  "main": "./dist/index.cjs",
16
18
  "module": "./dist/index.js",
@@ -22,58 +24,26 @@
22
24
  "require": "./dist/index.cjs"
23
25
  }
24
26
  },
25
- "files": [
26
- "dist",
27
- "package.json",
28
- "README.md",
29
- "CHANGELOG.md"
30
- ],
31
- "publishConfig": {
32
- "access": "public"
33
- },
27
+ "files": ["dist"],
34
28
  "scripts": {
35
- "dev": "vite",
36
- "clean": "rm -rf dist",
37
- "gen": "node scripts/generate-index.mjs",
38
- "prebuild": "pnpm run gen",
39
29
  "build": "vite build",
40
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
41
- "prettier": "pnpm run prettier.base --write",
42
- "prettier.base": "prettier \"./({src,__tests__}/**/*.{ts,tsx,js,jsx})|*.{ts,tsx,js,jsx}\"",
43
- "prettier.dry-run": "pnpm run prettier.base --list-different",
44
- "preview": "vite preview",
45
- "test": "wdio run ./wdio.conf.ts",
46
- "prepublishOnly": "pnpm run build"
30
+ "prettier": "prettier \"./src/**/*.{ts,tsx}\" --write",
31
+ "prettier:check": "prettier \"./src/**/*.{ts,tsx}\" --list-different"
32
+ },
33
+ "dependencies": {
34
+ "@stencil/react-output-target": "^1.6.0"
47
35
  },
48
36
  "peerDependencies": {
49
37
  "@xplor-education/core-stencil-components": "*",
50
38
  "react": "^18.0.0 || ^19.0.0"
51
39
  },
52
40
  "devDependencies": {
53
- "@stencil/react-output-target": "workspace:*",
54
- "@types/mocha": "^10.0.9",
41
+ "@xplor-education/core-stencil-components": "workspace:*",
55
42
  "@types/react": "^18",
56
- "@types/react-dom": "^18",
57
- "@typescript-eslint/eslint-plugin": "^8.8.1",
58
- "@typescript-eslint/parser": "^8.8.1",
59
43
  "@vitejs/plugin-react": "^4.3.2",
60
- "@wdio/cli": "^9.1.5",
61
- "@wdio/globals": "^9.1.5",
62
- "@wdio/mocha-framework": "^9.1.3",
63
- "@wdio/spec-reporter": "^9.1.3",
64
- "@xplor-education/core-stencil-components": "workspace:*",
65
- "eslint": "^8.57.0",
66
- "eslint-plugin-react-hooks": "^4.6.2",
67
- "eslint-plugin-react-refresh": "^0.4.12",
68
- "expect-webdriverio": "^5.0.3",
69
44
  "react": "^18.3.1",
70
- "react-dom": "^18.3.1",
71
- "react-router-dom": "^7.13.1",
72
- "tsx": "^4.19.1",
73
- "typescript": "^5.6.3",
45
+ "typescript": "^5.8.3",
74
46
  "vite": "^5.4.8",
75
- "vite-plugin-dts": "^4.5.4",
76
- "wdio-vite-service": "^1.0.9",
77
- "webdriverio": "^9.1.5"
47
+ "vite-plugin-dts": "^4.5.4"
78
48
  }
79
49
  }
package/CHANGELOG.md DELETED
@@ -1,50 +0,0 @@
1
- # Changelog
2
-
3
- All notable changes to `@xplor-education/react-wrappers` are documented here.
4
-
5
- ## [5.3.0] - 2026-07-17
6
-
7
- ### New Features
8
-
9
- - **`XplorTiptapEditor`: entity chips and inline images.** Two new opt-in props
10
- (both default `false`):
11
- - `allowEntityChips` — enables non-editable entity-chip "pill" nodes that
12
- round-trip through `getHTMLContent()`/`setContent()`.
13
- - `allowImages` — enables inline images, rendered size-constrained within the
14
- editor content area.
15
-
16
- ## [5.1.1] - 2026-07-02
17
-
18
- ### BREAKING
19
-
20
- - **`XplorRichEditor`: `getHTML()` is renamed to `getHTMLContent()`.** The old name
21
- collides with the native `Element.getHTML(): string` in recent TypeScript DOM lib
22
- definitions, which makes `HTMLXplorRichEditorElement` fail the `HTMLElement`
23
- constraint (TS2344) when type-checking this package. `getHTMLContent` matches the
24
- name `XplorTiptapEditor` already uses. `getHTML` shipped in v5.1.0 only — released
25
- hours before this fix — so if you call it, replace `ref.getHTML()` with
26
- `ref.getHTMLContent()`. The `RichEditorApi` facade passed to extensions keeps
27
- `getHTML()` (it is a plain interface and does not collide).
28
-
29
- ## [4.0.0] - 2026-05-29
30
-
31
- ### New Features
32
-
33
- - **`XplorButton`** now exposes `onXplorClick?: (event: CustomEvent<void>) => void` — click events can be handled via the React wrapper prop directly. Previously the only option was the `clickAction` function prop; both patterns remain valid and `clickAction` is unchanged.
34
- - **`XplorDropdown`** now exposes `onXplorChange?: (event: CustomEvent<string>) => void` — selection change events are now surfaced.
35
- - **`XplorCard`** is now exported as a typed React wrapper, including `onXplorCardClick?: (event: CustomEvent<...>) => void`.
36
-
37
- ### Migration Notes
38
-
39
- - **`@xplor-education/core-stencil-components` is now a declared peer dependency.** Both v3 and v4 require it for TypeScript types to resolve (the `index.d.ts` imports its JSX namespace), but v3 did not declare it explicitly. If you use a strict peer checker (e.g. pnpm with `strict-peer-dependencies=true`), add it to your `dependencies` or `devDependencies`.
40
- - **Remove any Jest `moduleNameMapper` entry for `@stencil/react-output-target/runtime`.** The runtime is now bundled into the package output. Any existing mapper entry is harmless but dead config.
41
-
42
- ### Internal
43
-
44
- - Package source moved to `apps/component-library-react`. Stencil's `reactOutputTarget` now writes directly to this package's `src/`, eliminating the separate `react-wrappers` sync step.
45
- - Build entry changed to `src/index.ts` — a typed wrapper layer that adds `children` and `className` to all component props, generated automatically from the Stencil output on each build.
46
- - `@stencil/react-output-target/runtime` is now bundled into the output, so consumers no longer need a `moduleNameMapper` entry for it in Jest config.
47
-
48
- ## [3.2.13] and earlier
49
-
50
- See the [react-wrappers package history](https://www.npmjs.com/package/@xplor-education/react-wrappers?activeTab=versions) for prior release notes.