@optiaxiom/proteus 1.1.1 → 1.1.3
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/dist/esm/assets/src/proteus-chart/{ProteusChart.css.ts.vanilla-BxkAs8DI.css → ProteusChart.css.ts.vanilla-BYvPGdWv.css} +2 -2
- package/dist/esm/assets/src/proteus-chart/{ProteusChartTooltipContent.css.ts.vanilla-D-SePpAZ.css → ProteusChartTooltipContent.css.ts.vanilla-CykN-vdX.css} +2 -2
- package/dist/esm/assets/src/proteus-document/{ProteusDocumentShell.css.ts.vanilla-ED0xFm5G.css → ProteusDocumentShell.css.ts.vanilla-CnC9TXlJ.css} +2 -2
- package/dist/esm/assets/src/proteus-image-carousel/{ProteusImageCarousel.css.ts.vanilla-wUNZklfd.css → ProteusImageCarousel.css.ts.vanilla-CPqn1tWx.css} +2 -2
- package/dist/esm/assets/src/proteus-question/{ProteusQuestion.css.ts.vanilla-DJDdM2PO.css → ProteusQuestion.css.ts.vanilla-DXJt60Ji.css} +2 -2
- package/dist/esm/index.js +2 -1
- package/dist/esm/proteus-chart/ProteusChart-css.js +1 -1
- package/dist/esm/proteus-chart/ProteusChartTooltipContent-css.js +1 -1
- package/dist/esm/proteus-document/ProteusDocumentShell-css.js +1 -1
- package/dist/esm/proteus-element/ProteusElement.js +2 -0
- package/dist/esm/proteus-image-carousel/ProteusImageCarousel-css.js +1 -1
- package/dist/esm/proteus-question/ProteusQuestion-css.js +1 -1
- package/dist/esm/proteus-question/ProteusQuestion.js +19 -3
- package/dist/esm/proteus-rich-text-editor/ProteusRichTextEditor.js +23 -0
- package/dist/esm/schema/public-schema.js +88 -0
- package/dist/esm/schema/runtime-schema.js +87 -0
- package/dist/index.d.ts +8 -2
- package/package.json +3 -3
package/dist/esm/index.js
CHANGED
|
@@ -14,9 +14,10 @@ import { ProteusLength } from "./proteus-length/ProteusLength.js";
|
|
|
14
14
|
import { ProteusMapIndex } from "./proteus-map-index/ProteusMapIndex.js";
|
|
15
15
|
import { ProteusMap } from "./proteus-map/ProteusMap.js";
|
|
16
16
|
import { ProteusPillMenu } from "./proteus-pill-menu/ProteusPillMenu.js";
|
|
17
|
+
import { ProteusRichTextEditor } from "./proteus-rich-text-editor/ProteusRichTextEditor.js";
|
|
17
18
|
import { ProteusSelect } from "./proteus-select/ProteusSelect.js";
|
|
18
19
|
import { ProteusShow } from "./proteus-show/ProteusShow.js";
|
|
19
20
|
import { ProteusTextarea } from "./proteus-textarea/ProteusTextarea.js";
|
|
20
21
|
import { ProteusDocumentShell } from "./proteus-document/ProteusDocumentShell.js";
|
|
21
22
|
import { ProteusDocumentRenderer } from "./proteus-document/ProteusDocumentRenderer.js";
|
|
22
|
-
export { ProteusAction, ProteusBridge, ProteusChart, ProteusDataTable, ProteusDateInput, ProteusDocumentRenderer, ProteusDocumentShell, ProteusFederated, ProteusFileUpload, ProteusImage, ProteusImageCarousel, ProteusInput, ProteusLength, ProteusMap, ProteusMapIndex, ProteusPillMenu, ProteusSelect, ProteusShow, ProteusTextarea, safeParseDocument, useProteusValue };
|
|
23
|
+
export { ProteusAction, ProteusBridge, ProteusChart, ProteusDataTable, ProteusDateInput, ProteusDocumentRenderer, ProteusDocumentShell, ProteusFederated, ProteusFileUpload, ProteusImage, ProteusImageCarousel, ProteusInput, ProteusLength, ProteusMap, ProteusMapIndex, ProteusPillMenu, ProteusRichTextEditor, ProteusSelect, ProteusShow, ProteusTextarea, safeParseDocument, useProteusValue };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "./../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-
|
|
1
|
+
import "./../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-BYvPGdWv.css";
|
|
2
2
|
import { recipe } from "@optiaxiom/react/css-runtime";
|
|
3
3
|
//#region src/proteus-chart/ProteusChart.css.ts
|
|
4
4
|
var chart = recipe({ base: [
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { recipe } from "@optiaxiom/react/css-runtime";
|
|
2
|
-
import "./../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-
|
|
2
|
+
import "./../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-CykN-vdX.css";
|
|
3
3
|
//#region src/proteus-chart/ProteusChartTooltipContent.css.ts
|
|
4
4
|
var tooltip = recipe({ base: [{
|
|
5
5
|
bg: "bg.default",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { recipe } from "@optiaxiom/react/css-runtime";
|
|
2
|
-
import "./../assets/src/proteus-document/ProteusDocumentShell.css.ts.vanilla-
|
|
2
|
+
import "./../assets/src/proteus-document/ProteusDocumentShell.css.ts.vanilla-CnC9TXlJ.css";
|
|
3
3
|
//#region src/proteus-document/ProteusDocumentShell.css.ts
|
|
4
4
|
var body = recipe({
|
|
5
5
|
base: [{
|
|
@@ -19,6 +19,7 @@ import { ProteusMapIndex } from "../proteus-map-index/ProteusMapIndex.js";
|
|
|
19
19
|
import { ProteusMap } from "../proteus-map/ProteusMap.js";
|
|
20
20
|
import { ProteusPillMenu } from "../proteus-pill-menu/ProteusPillMenu.js";
|
|
21
21
|
import { ProteusQuestion } from "../proteus-question/ProteusQuestion.js";
|
|
22
|
+
import { ProteusRichTextEditor } from "../proteus-rich-text-editor/ProteusRichTextEditor.js";
|
|
22
23
|
import { ProteusSelect } from "../proteus-select/ProteusSelect.js";
|
|
23
24
|
import { ProteusShow } from "../proteus-show/ProteusShow.js";
|
|
24
25
|
import { ProteusSwitch } from "../proteus-switch/ProteusSwitch.js";
|
|
@@ -102,6 +103,7 @@ const ProteusElement = ({ element: elementProp }) => {
|
|
|
102
103
|
case "PillMenu": return /* @__PURE__ */ jsx(ProteusPillMenu, { ...resolve(element) });
|
|
103
104
|
case "Question": return /* @__PURE__ */ jsx(ProteusQuestion, { ...resolve(element) });
|
|
104
105
|
case "Range": return /* @__PURE__ */ jsx(Range, { ...resolve(element) });
|
|
106
|
+
case "RichTextEditor": return /* @__PURE__ */ jsx(ProteusRichTextEditor, { ...resolve(element) });
|
|
105
107
|
case "Select": return /* @__PURE__ */ jsx(ProteusSelect, { ...resolve(element) });
|
|
106
108
|
case "SelectContent": return /* @__PURE__ */ jsx(SelectContent, { ...resolve(element) });
|
|
107
109
|
case "SelectTrigger": return /* @__PURE__ */ jsx(SelectTrigger, { ...resolve(element) });
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { recipe } from "@optiaxiom/react/css-runtime";
|
|
2
|
-
import "./../assets/src/proteus-image-carousel/ProteusImageCarousel.css.ts.vanilla-
|
|
2
|
+
import "./../assets/src/proteus-image-carousel/ProteusImageCarousel.css.ts.vanilla-CPqn1tWx.css";
|
|
3
3
|
//#region src/proteus-image-carousel/ProteusImageCarousel.css.ts
|
|
4
4
|
var carousel = recipe({ base: [{
|
|
5
5
|
flexDirection: "column",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { recipe } from "@optiaxiom/react/css-runtime";
|
|
2
|
-
import "./../assets/src/proteus-question/ProteusQuestion.css.ts.vanilla-
|
|
2
|
+
import "./../assets/src/proteus-question/ProteusQuestion.css.ts.vanilla-DXJt60Ji.css";
|
|
3
3
|
//#region src/proteus-question/ProteusQuestion.css.ts
|
|
4
4
|
var addon = recipe({
|
|
5
5
|
base: [{
|
|
@@ -11,7 +11,7 @@ import { InlineInput } from "@optiaxiom/react/unstable";
|
|
|
11
11
|
import { IconArrowRight, IconPen } from "@optiaxiom/icons";
|
|
12
12
|
import * as RovingFocus from "@radix-ui/react-roving-focus";
|
|
13
13
|
//#region src/proteus-question/ProteusQuestion.tsx
|
|
14
|
-
function ProteusQuestion({ questions }) {
|
|
14
|
+
function ProteusQuestion({ interaction, questions }) {
|
|
15
15
|
const { onEvent, onTrack } = useProteusDocumentContext("@optiaxiom/proteus/ProteusQuestion");
|
|
16
16
|
const [answers, setAnswers] = useState([]);
|
|
17
17
|
const [currentIndex, setCurrentIndex] = useState(0);
|
|
@@ -26,11 +26,20 @@ function ProteusQuestion({ questions }) {
|
|
|
26
26
|
}, [currentIndex, onTrack]);
|
|
27
27
|
const onDismiss = useCallback(() => {
|
|
28
28
|
onTrack?.("Ask User Question Dismissed", { questionIndex: String(currentIndex) });
|
|
29
|
-
onEvent({
|
|
29
|
+
if (interaction) onEvent({
|
|
30
|
+
interaction,
|
|
31
|
+
params: {
|
|
32
|
+
cancelled: "[User declined to answer the question]",
|
|
33
|
+
questions
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
else onEvent({ message: "[User declined to answer the question]" });
|
|
30
37
|
}, [
|
|
31
38
|
currentIndex,
|
|
39
|
+
interaction,
|
|
32
40
|
onEvent,
|
|
33
|
-
onTrack
|
|
41
|
+
onTrack,
|
|
42
|
+
questions
|
|
34
43
|
]);
|
|
35
44
|
const questionRef = useRef(null);
|
|
36
45
|
const lastIndexRef = useRef(currentIndex);
|
|
@@ -61,6 +70,13 @@ function ProteusQuestion({ questions }) {
|
|
|
61
70
|
skippedCount: String(questions.length - answeredCount),
|
|
62
71
|
totalQuestions: String(questions.length)
|
|
63
72
|
});
|
|
73
|
+
if (interaction) return onEvent({
|
|
74
|
+
interaction,
|
|
75
|
+
params: {
|
|
76
|
+
answers: Object.fromEntries(questions.map(({ question }, index) => [question, (answers[index] ?? []).join(", ")])),
|
|
77
|
+
questions
|
|
78
|
+
}
|
|
79
|
+
});
|
|
64
80
|
return onEvent({ message: answers.map((value, index) => `Q: ${questions[index].question}\nA: ${value || "[Not specified]"}`).join("\n\n") });
|
|
65
81
|
};
|
|
66
82
|
const onValueChange = (value) => {
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useProteusDocumentContext } from "../proteus-document/ProteusDocumentContext.js";
|
|
3
|
+
import { useProteusDocumentPathContext } from "../proteus-document/ProteusDocumentPathContext.js";
|
|
4
|
+
import { useProteusValue } from "../use-proteus-value/useProteusValue.js";
|
|
5
|
+
import { RichTextEditor } from "@optiaxiom/react";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
//#region src/proteus-rich-text-editor/ProteusRichTextEditor.tsx
|
|
8
|
+
function ProteusRichTextEditor(props) {
|
|
9
|
+
const { onDataChange, readOnly } = useProteusDocumentContext("@optiaxiom/proteus/ProteusRichTextEditor");
|
|
10
|
+
const { path: parentPath } = useProteusDocumentPathContext("@optiaxiom/proteus/ProteusRichTextEditor");
|
|
11
|
+
const value = useProteusValue({ path: props.name ?? "" });
|
|
12
|
+
return /* @__PURE__ */ jsx(RichTextEditor, {
|
|
13
|
+
...props,
|
|
14
|
+
onValueChange: (value) => {
|
|
15
|
+
if (props.name) onDataChange?.(`${parentPath}/${props.name}`, value);
|
|
16
|
+
},
|
|
17
|
+
readOnly,
|
|
18
|
+
value: props.name ? String(value ?? "") : void 0
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
ProteusRichTextEditor.displayName = "@optiaxiom/proteus/ProteusRichTextEditor";
|
|
22
|
+
//#endregion
|
|
23
|
+
export { ProteusRichTextEditor };
|
|
@@ -1299,6 +1299,7 @@ var public_schema_default = {
|
|
|
1299
1299
|
{ "$ref": "#/definitions/ProteusPillMenu" },
|
|
1300
1300
|
{ "$ref": "#/definitions/ProteusQuestion" },
|
|
1301
1301
|
{ "$ref": "#/definitions/ProteusRange" },
|
|
1302
|
+
{ "$ref": "#/definitions/ProteusRichTextEditor" },
|
|
1302
1303
|
{ "$ref": "#/definitions/ProteusSelect" },
|
|
1303
1304
|
{ "$ref": "#/definitions/ProteusSelectContent" },
|
|
1304
1305
|
{ "$ref": "#/definitions/ProteusSelectTrigger" },
|
|
@@ -3747,6 +3748,10 @@ var public_schema_default = {
|
|
|
3747
3748
|
"additionalProperties": false,
|
|
3748
3749
|
"properties": {
|
|
3749
3750
|
"$type": { "const": "Question" },
|
|
3751
|
+
"interaction": {
|
|
3752
|
+
"description": "Name of the interaction to fire when the user finishes or cancels. When set, submit and cancel send a structured `{ questions, answers }` payload via the named interaction so a calling tool can read the answers programmatically. When omitted, a human-readable transcript is sent via the `message` event instead.",
|
|
3753
|
+
"type": "string"
|
|
3754
|
+
},
|
|
3750
3755
|
"questions": {
|
|
3751
3756
|
"$ref": "#/definitions/ProteusExpression",
|
|
3752
3757
|
"description": "Array of questions data"
|
|
@@ -3857,6 +3862,89 @@ var public_schema_default = {
|
|
|
3857
3862
|
"required": ["$type"],
|
|
3858
3863
|
"type": "object"
|
|
3859
3864
|
},
|
|
3865
|
+
"ProteusRichTextEditor": {
|
|
3866
|
+
"additionalProperties": false,
|
|
3867
|
+
"examples": [{
|
|
3868
|
+
"$type": "RichTextEditor",
|
|
3869
|
+
"name": "field_name",
|
|
3870
|
+
"placeholder": "Write here..."
|
|
3871
|
+
}],
|
|
3872
|
+
"properties": {
|
|
3873
|
+
"$type": { "const": "RichTextEditor" },
|
|
3874
|
+
"alignItems": { "$ref": "#/definitions/SprinkleProp_alignItems" },
|
|
3875
|
+
"alignSelf": { "$ref": "#/definitions/SprinkleProp_alignSelf" },
|
|
3876
|
+
"animation": { "$ref": "#/definitions/SprinkleProp_animation" },
|
|
3877
|
+
"backgroundImage": { "$ref": "#/definitions/SprinkleProp_backgroundImage" },
|
|
3878
|
+
"bg": { "$ref": "#/definitions/SprinkleProp_bg" },
|
|
3879
|
+
"border": { "$ref": "#/definitions/SprinkleProp_border" },
|
|
3880
|
+
"borderB": { "$ref": "#/definitions/SprinkleProp_borderB" },
|
|
3881
|
+
"borderColor": { "$ref": "#/definitions/SprinkleProp_borderColor" },
|
|
3882
|
+
"borderL": { "$ref": "#/definitions/SprinkleProp_borderL" },
|
|
3883
|
+
"borderR": { "$ref": "#/definitions/SprinkleProp_borderR" },
|
|
3884
|
+
"borderT": { "$ref": "#/definitions/SprinkleProp_borderT" },
|
|
3885
|
+
"color": { "$ref": "#/definitions/SprinkleProp_color" },
|
|
3886
|
+
"cursor": { "$ref": "#/definitions/SprinkleProp_cursor" },
|
|
3887
|
+
"display": { "$ref": "#/definitions/SprinkleProp_display" },
|
|
3888
|
+
"flex": { "$ref": "#/definitions/SprinkleProp_flex" },
|
|
3889
|
+
"flexDirection": { "$ref": "#/definitions/SprinkleProp_flexDirection" },
|
|
3890
|
+
"flexWrap": { "$ref": "#/definitions/SprinkleProp_flexWrap" },
|
|
3891
|
+
"fontFamily": { "$ref": "#/definitions/SprinkleProp_fontFamily" },
|
|
3892
|
+
"fontSize": { "$ref": "#/definitions/SprinkleProp_fontSize" },
|
|
3893
|
+
"fontWeight": { "$ref": "#/definitions/SprinkleProp_fontWeight" },
|
|
3894
|
+
"gap": { "$ref": "#/definitions/SprinkleProp_gap" },
|
|
3895
|
+
"gridAutoRows": { "$ref": "#/definitions/SprinkleProp_gridAutoRows" },
|
|
3896
|
+
"gridColumn": { "$ref": "#/definitions/SprinkleProp_gridColumn" },
|
|
3897
|
+
"gridTemplateColumns": { "$ref": "#/definitions/SprinkleProp_gridTemplateColumns" },
|
|
3898
|
+
"h": { "$ref": "#/definitions/SprinkleProp_h" },
|
|
3899
|
+
"justifyContent": { "$ref": "#/definitions/SprinkleProp_justifyContent" },
|
|
3900
|
+
"justifyItems": { "$ref": "#/definitions/SprinkleProp_justifyItems" },
|
|
3901
|
+
"m": { "$ref": "#/definitions/SprinkleProp_m" },
|
|
3902
|
+
"maxH": { "$ref": "#/definitions/SprinkleProp_maxH" },
|
|
3903
|
+
"maxW": { "$ref": "#/definitions/SprinkleProp_maxW" },
|
|
3904
|
+
"mb": { "$ref": "#/definitions/SprinkleProp_mb" },
|
|
3905
|
+
"ml": { "$ref": "#/definitions/SprinkleProp_ml" },
|
|
3906
|
+
"mr": { "$ref": "#/definitions/SprinkleProp_mr" },
|
|
3907
|
+
"mt": { "$ref": "#/definitions/SprinkleProp_mt" },
|
|
3908
|
+
"mx": { "$ref": "#/definitions/SprinkleProp_mx" },
|
|
3909
|
+
"my": { "$ref": "#/definitions/SprinkleProp_my" },
|
|
3910
|
+
"name": {
|
|
3911
|
+
"anyOf": [{ "type": "string" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3912
|
+
"description": "Name of the form control element. Used by form-data integrations."
|
|
3913
|
+
},
|
|
3914
|
+
"objectFit": { "$ref": "#/definitions/SprinkleProp_objectFit" },
|
|
3915
|
+
"overflow": { "$ref": "#/definitions/SprinkleProp_overflow" },
|
|
3916
|
+
"overflowX": { "$ref": "#/definitions/SprinkleProp_overflowX" },
|
|
3917
|
+
"overflowY": { "$ref": "#/definitions/SprinkleProp_overflowY" },
|
|
3918
|
+
"p": { "$ref": "#/definitions/SprinkleProp_p" },
|
|
3919
|
+
"pb": { "$ref": "#/definitions/SprinkleProp_pb" },
|
|
3920
|
+
"pl": { "$ref": "#/definitions/SprinkleProp_pl" },
|
|
3921
|
+
"placeholder": {
|
|
3922
|
+
"anyOf": [{ "type": "string" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3923
|
+
"description": "Placeholder text shown when the editor is empty."
|
|
3924
|
+
},
|
|
3925
|
+
"placeItems": { "$ref": "#/definitions/SprinkleProp_placeItems" },
|
|
3926
|
+
"pointerEvents": { "$ref": "#/definitions/SprinkleProp_pointerEvents" },
|
|
3927
|
+
"pr": { "$ref": "#/definitions/SprinkleProp_pr" },
|
|
3928
|
+
"pt": { "$ref": "#/definitions/SprinkleProp_pt" },
|
|
3929
|
+
"px": { "$ref": "#/definitions/SprinkleProp_px" },
|
|
3930
|
+
"py": { "$ref": "#/definitions/SprinkleProp_py" },
|
|
3931
|
+
"readOnly": {
|
|
3932
|
+
"anyOf": [{ "type": "boolean" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3933
|
+
"description": "Whether the editor is read-only."
|
|
3934
|
+
},
|
|
3935
|
+
"rounded": { "$ref": "#/definitions/SprinkleProp_rounded" },
|
|
3936
|
+
"shadow": { "$ref": "#/definitions/SprinkleProp_shadow" },
|
|
3937
|
+
"size": { "$ref": "#/definitions/SprinkleProp_size" },
|
|
3938
|
+
"textAlign": { "$ref": "#/definitions/SprinkleProp_textAlign" },
|
|
3939
|
+
"textTransform": { "$ref": "#/definitions/SprinkleProp_textTransform" },
|
|
3940
|
+
"transition": { "$ref": "#/definitions/SprinkleProp_transition" },
|
|
3941
|
+
"w": { "$ref": "#/definitions/SprinkleProp_w" },
|
|
3942
|
+
"whiteSpace": { "$ref": "#/definitions/SprinkleProp_whiteSpace" },
|
|
3943
|
+
"z": { "$ref": "#/definitions/SprinkleProp_z" }
|
|
3944
|
+
},
|
|
3945
|
+
"required": ["$type"],
|
|
3946
|
+
"type": "object"
|
|
3947
|
+
},
|
|
3860
3948
|
"ProteusSelect": {
|
|
3861
3949
|
"additionalProperties": false,
|
|
3862
3950
|
"examples": [{
|
|
@@ -1286,6 +1286,7 @@ var definitions = {
|
|
|
1286
1286
|
{ "$ref": "#/definitions/ProteusPillMenu" },
|
|
1287
1287
|
{ "$ref": "#/definitions/ProteusQuestion" },
|
|
1288
1288
|
{ "$ref": "#/definitions/ProteusRange" },
|
|
1289
|
+
{ "$ref": "#/definitions/ProteusRichTextEditor" },
|
|
1289
1290
|
{ "$ref": "#/definitions/ProteusSelect" },
|
|
1290
1291
|
{ "$ref": "#/definitions/ProteusSelectContent" },
|
|
1291
1292
|
{ "$ref": "#/definitions/ProteusSelectTrigger" },
|
|
@@ -3686,6 +3687,10 @@ var definitions = {
|
|
|
3686
3687
|
"ProteusQuestion": {
|
|
3687
3688
|
"properties": {
|
|
3688
3689
|
"$type": { "const": "Question" },
|
|
3690
|
+
"interaction": {
|
|
3691
|
+
"description": "Name of the interaction to fire when the user finishes or cancels. When set, submit and cancel send a structured `{ questions, answers }` payload via the named interaction so a calling tool can read the answers programmatically. When omitted, a human-readable transcript is sent via the `message` event instead.",
|
|
3692
|
+
"type": "string"
|
|
3693
|
+
},
|
|
3689
3694
|
"questions": {
|
|
3690
3695
|
"$ref": "#/definitions/ProteusExpression",
|
|
3691
3696
|
"description": "Array of questions data"
|
|
@@ -3794,6 +3799,88 @@ var definitions = {
|
|
|
3794
3799
|
"required": ["$type"],
|
|
3795
3800
|
"type": "object"
|
|
3796
3801
|
},
|
|
3802
|
+
"ProteusRichTextEditor": {
|
|
3803
|
+
"examples": [{
|
|
3804
|
+
"$type": "RichTextEditor",
|
|
3805
|
+
"name": "field_name",
|
|
3806
|
+
"placeholder": "Write here..."
|
|
3807
|
+
}],
|
|
3808
|
+
"properties": {
|
|
3809
|
+
"$type": { "const": "RichTextEditor" },
|
|
3810
|
+
"alignItems": { "$ref": "#/definitions/SprinkleProp_alignItems" },
|
|
3811
|
+
"alignSelf": { "$ref": "#/definitions/SprinkleProp_alignSelf" },
|
|
3812
|
+
"animation": { "$ref": "#/definitions/SprinkleProp_animation" },
|
|
3813
|
+
"backgroundImage": { "$ref": "#/definitions/SprinkleProp_backgroundImage" },
|
|
3814
|
+
"bg": { "$ref": "#/definitions/SprinkleProp_bg" },
|
|
3815
|
+
"border": { "$ref": "#/definitions/SprinkleProp_border" },
|
|
3816
|
+
"borderB": { "$ref": "#/definitions/SprinkleProp_borderB" },
|
|
3817
|
+
"borderColor": { "$ref": "#/definitions/SprinkleProp_borderColor" },
|
|
3818
|
+
"borderL": { "$ref": "#/definitions/SprinkleProp_borderL" },
|
|
3819
|
+
"borderR": { "$ref": "#/definitions/SprinkleProp_borderR" },
|
|
3820
|
+
"borderT": { "$ref": "#/definitions/SprinkleProp_borderT" },
|
|
3821
|
+
"color": { "$ref": "#/definitions/SprinkleProp_color" },
|
|
3822
|
+
"cursor": { "$ref": "#/definitions/SprinkleProp_cursor" },
|
|
3823
|
+
"display": { "$ref": "#/definitions/SprinkleProp_display" },
|
|
3824
|
+
"flex": { "$ref": "#/definitions/SprinkleProp_flex" },
|
|
3825
|
+
"flexDirection": { "$ref": "#/definitions/SprinkleProp_flexDirection" },
|
|
3826
|
+
"flexWrap": { "$ref": "#/definitions/SprinkleProp_flexWrap" },
|
|
3827
|
+
"fontFamily": { "$ref": "#/definitions/SprinkleProp_fontFamily" },
|
|
3828
|
+
"fontSize": { "$ref": "#/definitions/SprinkleProp_fontSize" },
|
|
3829
|
+
"fontWeight": { "$ref": "#/definitions/SprinkleProp_fontWeight" },
|
|
3830
|
+
"gap": { "$ref": "#/definitions/SprinkleProp_gap" },
|
|
3831
|
+
"gridAutoRows": { "$ref": "#/definitions/SprinkleProp_gridAutoRows" },
|
|
3832
|
+
"gridColumn": { "$ref": "#/definitions/SprinkleProp_gridColumn" },
|
|
3833
|
+
"gridTemplateColumns": { "$ref": "#/definitions/SprinkleProp_gridTemplateColumns" },
|
|
3834
|
+
"h": { "$ref": "#/definitions/SprinkleProp_h" },
|
|
3835
|
+
"justifyContent": { "$ref": "#/definitions/SprinkleProp_justifyContent" },
|
|
3836
|
+
"justifyItems": { "$ref": "#/definitions/SprinkleProp_justifyItems" },
|
|
3837
|
+
"m": { "$ref": "#/definitions/SprinkleProp_m" },
|
|
3838
|
+
"maxH": { "$ref": "#/definitions/SprinkleProp_maxH" },
|
|
3839
|
+
"maxW": { "$ref": "#/definitions/SprinkleProp_maxW" },
|
|
3840
|
+
"mb": { "$ref": "#/definitions/SprinkleProp_mb" },
|
|
3841
|
+
"ml": { "$ref": "#/definitions/SprinkleProp_ml" },
|
|
3842
|
+
"mr": { "$ref": "#/definitions/SprinkleProp_mr" },
|
|
3843
|
+
"mt": { "$ref": "#/definitions/SprinkleProp_mt" },
|
|
3844
|
+
"mx": { "$ref": "#/definitions/SprinkleProp_mx" },
|
|
3845
|
+
"my": { "$ref": "#/definitions/SprinkleProp_my" },
|
|
3846
|
+
"name": {
|
|
3847
|
+
"anyOf": [{ "type": "string" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3848
|
+
"description": "Name of the form control element. Used by form-data integrations."
|
|
3849
|
+
},
|
|
3850
|
+
"objectFit": { "$ref": "#/definitions/SprinkleProp_objectFit" },
|
|
3851
|
+
"overflow": { "$ref": "#/definitions/SprinkleProp_overflow" },
|
|
3852
|
+
"overflowX": { "$ref": "#/definitions/SprinkleProp_overflowX" },
|
|
3853
|
+
"overflowY": { "$ref": "#/definitions/SprinkleProp_overflowY" },
|
|
3854
|
+
"p": { "$ref": "#/definitions/SprinkleProp_p" },
|
|
3855
|
+
"pb": { "$ref": "#/definitions/SprinkleProp_pb" },
|
|
3856
|
+
"pl": { "$ref": "#/definitions/SprinkleProp_pl" },
|
|
3857
|
+
"placeholder": {
|
|
3858
|
+
"anyOf": [{ "type": "string" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3859
|
+
"description": "Placeholder text shown when the editor is empty."
|
|
3860
|
+
},
|
|
3861
|
+
"placeItems": { "$ref": "#/definitions/SprinkleProp_placeItems" },
|
|
3862
|
+
"pointerEvents": { "$ref": "#/definitions/SprinkleProp_pointerEvents" },
|
|
3863
|
+
"pr": { "$ref": "#/definitions/SprinkleProp_pr" },
|
|
3864
|
+
"pt": { "$ref": "#/definitions/SprinkleProp_pt" },
|
|
3865
|
+
"px": { "$ref": "#/definitions/SprinkleProp_px" },
|
|
3866
|
+
"py": { "$ref": "#/definitions/SprinkleProp_py" },
|
|
3867
|
+
"readOnly": {
|
|
3868
|
+
"anyOf": [{ "type": "boolean" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3869
|
+
"description": "Whether the editor is read-only."
|
|
3870
|
+
},
|
|
3871
|
+
"rounded": { "$ref": "#/definitions/SprinkleProp_rounded" },
|
|
3872
|
+
"shadow": { "$ref": "#/definitions/SprinkleProp_shadow" },
|
|
3873
|
+
"size": { "$ref": "#/definitions/SprinkleProp_size" },
|
|
3874
|
+
"textAlign": { "$ref": "#/definitions/SprinkleProp_textAlign" },
|
|
3875
|
+
"textTransform": { "$ref": "#/definitions/SprinkleProp_textTransform" },
|
|
3876
|
+
"transition": { "$ref": "#/definitions/SprinkleProp_transition" },
|
|
3877
|
+
"w": { "$ref": "#/definitions/SprinkleProp_w" },
|
|
3878
|
+
"whiteSpace": { "$ref": "#/definitions/SprinkleProp_whiteSpace" },
|
|
3879
|
+
"z": { "$ref": "#/definitions/SprinkleProp_z" }
|
|
3880
|
+
},
|
|
3881
|
+
"required": ["$type"],
|
|
3882
|
+
"type": "object"
|
|
3883
|
+
},
|
|
3797
3884
|
"ProteusSelect": {
|
|
3798
3885
|
"examples": [{
|
|
3799
3886
|
"$type": "Select",
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BoxProps, ButtonProps, DateInputProps, Disclosure, InputProps, SelectProps, TextareaProps } from "@optiaxiom/react";
|
|
1
|
+
import { BoxProps, ButtonProps, DateInputProps, Disclosure, InputProps, RichTextEditorProps, SelectProps, TextareaProps } from "@optiaxiom/react";
|
|
2
2
|
import { ComponentPropsWithoutRef, ComponentType, ReactNode } from "react";
|
|
3
3
|
import * as ReactJsxRuntime from "react/jsx-runtime";
|
|
4
4
|
|
|
@@ -606,6 +606,12 @@ declare namespace ProteusInput {
|
|
|
606
606
|
var displayName: string;
|
|
607
607
|
}
|
|
608
608
|
//#endregion
|
|
609
|
+
//#region src/proteus-rich-text-editor/ProteusRichTextEditor.d.ts
|
|
610
|
+
declare function ProteusRichTextEditor(props: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
|
|
611
|
+
declare namespace ProteusRichTextEditor {
|
|
612
|
+
var displayName: string;
|
|
613
|
+
}
|
|
614
|
+
//#endregion
|
|
609
615
|
//#region src/proteus-textarea/ProteusTextarea.d.ts
|
|
610
616
|
declare function ProteusTextarea(props: TextareaProps): import("react/jsx-runtime").JSX.Element;
|
|
611
617
|
declare namespace ProteusTextarea {
|
|
@@ -615,4 +621,4 @@ declare namespace ProteusTextarea {
|
|
|
615
621
|
//#region src/use-proteus-value/useProteusValue.d.ts
|
|
616
622
|
declare function useProteusValue(element: ProteusValueProps): any;
|
|
617
623
|
//#endregion
|
|
618
|
-
export { type FileUploadMetadata, ProteusAction, ProteusBridge, ProteusChart, ProteusDataTable, ProteusDateInput, ProteusDocumentRenderer, ProteusDocumentRendererProps, ProteusDocumentShell, ProteusDocumentShellProps, ProteusFederated, ProteusFileUpload, ProteusFileUploadProps, ProteusImage, ProteusImageCarousel, ProteusInput, ProteusLength, ProteusMap, ProteusMapIndex, ProteusPillMenu, ProteusPillMenuProps, ProteusSelect, ProteusShow, ProteusTextarea, type StructuredMessage, type UploadFile, safeParseDocument, useProteusValue };
|
|
624
|
+
export { type FileUploadMetadata, ProteusAction, ProteusBridge, ProteusChart, ProteusDataTable, ProteusDateInput, ProteusDocumentRenderer, ProteusDocumentRendererProps, ProteusDocumentShell, ProteusDocumentShellProps, ProteusFederated, ProteusFileUpload, ProteusFileUploadProps, ProteusImage, ProteusImageCarousel, ProteusInput, ProteusLength, ProteusMap, ProteusMapIndex, ProteusPillMenu, ProteusPillMenuProps, ProteusRichTextEditor, ProteusSelect, ProteusShow, ProteusTextarea, type StructuredMessage, type UploadFile, safeParseDocument, useProteusValue };
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
|
|
8
8
|
},
|
|
9
9
|
"type": "module",
|
|
10
|
-
"version": "1.1.
|
|
10
|
+
"version": "1.1.3",
|
|
11
11
|
"files": [
|
|
12
12
|
"dist/**",
|
|
13
13
|
"LICENSE"
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"jsonpointer": "^5.0.1",
|
|
41
41
|
"recharts": "^3.8.1",
|
|
42
42
|
"@optiaxiom/icons": "^1.1.3",
|
|
43
|
-
"@optiaxiom/react": "^1.9.
|
|
43
|
+
"@optiaxiom/react": "^1.9.40"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@emotion/hash": "^0.9.2",
|
|
@@ -55,6 +55,6 @@
|
|
|
55
55
|
},
|
|
56
56
|
"scripts": {
|
|
57
57
|
"build": "rolldown -c",
|
|
58
|
-
"dev": "rm -rf dist && wait-on ../../packages/react/dist/index.d.ts ../../packages/react/dist/unstable.d.ts ../../packages/shared/data/docs.json && rolldown -wc"
|
|
58
|
+
"dev": "rm -rf dist && wait-on ../../packages/react/dist/index.d.ts ../../packages/react/dist/unstable.d.ts ../../packages/react/dist/css-runtime.d.ts ../../packages/shared/data/docs.json && rolldown -wc"
|
|
59
59
|
}
|
|
60
60
|
}
|