@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.
- package/README.md +36 -20
- package/dist/components.d.ts +372 -0
- package/dist/index.cjs +1 -28182
- package/dist/index.d.ts +2 -223
- package/dist/index.js +595 -60092
- package/dist/status-badges.d.ts +29 -0
- package/package.json +21 -51
- package/CHANGELOG.md +0 -50
|
@@ -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": "
|
|
4
|
-
"
|
|
3
|
+
"version": "6.0.1",
|
|
4
|
+
"private": false,
|
|
5
|
+
"description": "Stardust Design System — React component wrappers",
|
|
5
6
|
"license": "MIT",
|
|
6
|
-
"author": "Xplor",
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"react"
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
"
|
|
41
|
-
"prettier": "
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
"
|
|
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
|
-
"@
|
|
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
|
-
"
|
|
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.
|