@optiaxiom/proteus 1.1.0 → 1.1.2
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-yGx8JdKz.css → ProteusChart.css.ts.vanilla-BYvPGdWv.css} +2 -2
- package/dist/esm/assets/src/proteus-chart/{ProteusChartTooltipContent.css.ts.vanilla-HapBe2oo.css → ProteusChartTooltipContent.css.ts.vanilla-CykN-vdX.css} +2 -2
- package/dist/esm/assets/src/proteus-document/{ProteusDocumentShell.css.ts.vanilla-BPytQ9pT.css → ProteusDocumentShell.css.ts.vanilla-CnC9TXlJ.css} +2 -2
- package/dist/esm/assets/src/proteus-image-carousel/{ProteusImageCarousel.css.ts.vanilla-DnlXoyv1.css → ProteusImageCarousel.css.ts.vanilla-CPqn1tWx.css} +2 -2
- package/dist/esm/assets/src/proteus-question/{ProteusQuestion.css.ts.vanilla-CpDgoW0l.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-federated/ProteusFederated.js +21 -2
- 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-rich-text-editor/ProteusRichTextEditor.js +23 -0
- package/dist/esm/schema/public-schema.js +89 -5
- package/dist/esm/schema/runtime-schema.js +88 -5
- package/dist/index.d.ts +10 -3
- package/package.json +4 -4
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,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useProteusDocumentContext } from "../proteus-document/ProteusDocumentContext.js";
|
|
3
|
-
import { Suspense, useEffect, useId, useState } from "react";
|
|
3
|
+
import React, { Suspense, useEffect, useId, useState } from "react";
|
|
4
|
+
import * as ReactJsxRuntime from "react/jsx-runtime";
|
|
4
5
|
import { Fragment, jsx } from "react/jsx-runtime";
|
|
5
6
|
import { getInstance, init, loadRemote, registerRemotes } from "@module-federation/enhanced/runtime";
|
|
6
7
|
//#region src/proteus-federated/ProteusFederated.tsx
|
|
@@ -49,7 +50,25 @@ function ProteusFederated({ entry, exposeKey = ".", fallback }) {
|
|
|
49
50
|
function ensureInstance() {
|
|
50
51
|
if (!getInstance()) init({
|
|
51
52
|
name: "proteus-federated",
|
|
52
|
-
remotes: []
|
|
53
|
+
remotes: [],
|
|
54
|
+
shared: {
|
|
55
|
+
react: {
|
|
56
|
+
lib: () => React,
|
|
57
|
+
shareConfig: {
|
|
58
|
+
requiredVersion: false,
|
|
59
|
+
singleton: true
|
|
60
|
+
},
|
|
61
|
+
version: React.version
|
|
62
|
+
},
|
|
63
|
+
"react/jsx-runtime": {
|
|
64
|
+
lib: () => ReactJsxRuntime,
|
|
65
|
+
shareConfig: {
|
|
66
|
+
requiredVersion: false,
|
|
67
|
+
singleton: true
|
|
68
|
+
},
|
|
69
|
+
version: React.version
|
|
70
|
+
}
|
|
71
|
+
}
|
|
53
72
|
});
|
|
54
73
|
}
|
|
55
74
|
ProteusFederated.displayName = "@optiaxiom/proteus/ProteusFederated";
|
|
@@ -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: [{
|
|
@@ -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 };
|
|
@@ -223,7 +223,7 @@ var public_schema_default = {
|
|
|
223
223
|
{ "const": "1" },
|
|
224
224
|
{ "$ref": "#/definitions/ProteusExpression" }
|
|
225
225
|
],
|
|
226
|
-
"description": "Set the element's `flex` CSS property"
|
|
226
|
+
"description": "Set the element's `flex` CSS property. `1` grows to fill available\nspace; `auto` grows and shrinks to fit content; `initial` shrinks but\ndoes not grow; `none` neither grows nor shrinks (use this instead of\n`flex-shrink: 0`)."
|
|
227
227
|
},
|
|
228
228
|
"SprinkleProp_flexDirection": {
|
|
229
229
|
"anyOf": [
|
|
@@ -300,7 +300,7 @@ var public_schema_default = {
|
|
|
300
300
|
},
|
|
301
301
|
"SprinkleProp_gridAutoRows": {
|
|
302
302
|
"anyOf": [{ "const": "fr" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
303
|
-
"description": "Set the element's `grid-auto-rows` CSS property"
|
|
303
|
+
"description": "Set the element's `grid-auto-rows` CSS property. The only value `fr`\nsizes implicit rows to `minmax(0, 1fr)` (equal-height rows that can\nshrink below their content)."
|
|
304
304
|
},
|
|
305
305
|
"SprinkleProp_gridColumn": {
|
|
306
306
|
"anyOf": [
|
|
@@ -310,7 +310,7 @@ var public_schema_default = {
|
|
|
310
310
|
{ "const": "3" },
|
|
311
311
|
{ "$ref": "#/definitions/ProteusExpression" }
|
|
312
312
|
],
|
|
313
|
-
"description": "Set the element
|
|
313
|
+
"description": "Set how many columns the element spans in a grid (`grid-column`). The\nvalue is the span count, e.g. `2` spans 2 columns — NOT the column it\nstarts at."
|
|
314
314
|
},
|
|
315
315
|
"SprinkleProp_gridTemplateColumns": {
|
|
316
316
|
"anyOf": [
|
|
@@ -320,7 +320,7 @@ var public_schema_default = {
|
|
|
320
320
|
{ "const": "3" },
|
|
321
321
|
{ "$ref": "#/definitions/ProteusExpression" }
|
|
322
322
|
],
|
|
323
|
-
"description": "Control number of columns in a grid layout"
|
|
323
|
+
"description": "Control number of columns in a grid layout (`grid-template-columns`).\nThe value is the number of equal columns, e.g. `2` creates two equal\ncolumns (`repeat(2, minmax(0, 1fr))`) — use this instead of a raw\n`style={{ gridTemplateColumns: \"1fr 1fr\" }}`."
|
|
324
324
|
},
|
|
325
325
|
"SprinkleProp_h": {
|
|
326
326
|
"anyOf": [
|
|
@@ -848,7 +848,7 @@ var public_schema_default = {
|
|
|
848
848
|
{ "const": "colors" },
|
|
849
849
|
{ "$ref": "#/definitions/ProteusExpression" }
|
|
850
850
|
],
|
|
851
|
-
"description": "Control which CSS properties should transition"
|
|
851
|
+
"description": "Control which CSS properties should transition. Each value is a preset:\n`colors` transitions color-related properties (background, border,\ncolor, fill, stroke, text-decoration); `opacity` and `transform`\ntransition just that property; `all` transitions everything; `none`\ndisables transitions."
|
|
852
852
|
},
|
|
853
853
|
"SprinkleProp_w": {
|
|
854
854
|
"anyOf": [
|
|
@@ -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" },
|
|
@@ -3857,6 +3858,89 @@ var public_schema_default = {
|
|
|
3857
3858
|
"required": ["$type"],
|
|
3858
3859
|
"type": "object"
|
|
3859
3860
|
},
|
|
3861
|
+
"ProteusRichTextEditor": {
|
|
3862
|
+
"additionalProperties": false,
|
|
3863
|
+
"examples": [{
|
|
3864
|
+
"$type": "RichTextEditor",
|
|
3865
|
+
"name": "field_name",
|
|
3866
|
+
"placeholder": "Write here..."
|
|
3867
|
+
}],
|
|
3868
|
+
"properties": {
|
|
3869
|
+
"$type": { "const": "RichTextEditor" },
|
|
3870
|
+
"alignItems": { "$ref": "#/definitions/SprinkleProp_alignItems" },
|
|
3871
|
+
"alignSelf": { "$ref": "#/definitions/SprinkleProp_alignSelf" },
|
|
3872
|
+
"animation": { "$ref": "#/definitions/SprinkleProp_animation" },
|
|
3873
|
+
"backgroundImage": { "$ref": "#/definitions/SprinkleProp_backgroundImage" },
|
|
3874
|
+
"bg": { "$ref": "#/definitions/SprinkleProp_bg" },
|
|
3875
|
+
"border": { "$ref": "#/definitions/SprinkleProp_border" },
|
|
3876
|
+
"borderB": { "$ref": "#/definitions/SprinkleProp_borderB" },
|
|
3877
|
+
"borderColor": { "$ref": "#/definitions/SprinkleProp_borderColor" },
|
|
3878
|
+
"borderL": { "$ref": "#/definitions/SprinkleProp_borderL" },
|
|
3879
|
+
"borderR": { "$ref": "#/definitions/SprinkleProp_borderR" },
|
|
3880
|
+
"borderT": { "$ref": "#/definitions/SprinkleProp_borderT" },
|
|
3881
|
+
"color": { "$ref": "#/definitions/SprinkleProp_color" },
|
|
3882
|
+
"cursor": { "$ref": "#/definitions/SprinkleProp_cursor" },
|
|
3883
|
+
"display": { "$ref": "#/definitions/SprinkleProp_display" },
|
|
3884
|
+
"flex": { "$ref": "#/definitions/SprinkleProp_flex" },
|
|
3885
|
+
"flexDirection": { "$ref": "#/definitions/SprinkleProp_flexDirection" },
|
|
3886
|
+
"flexWrap": { "$ref": "#/definitions/SprinkleProp_flexWrap" },
|
|
3887
|
+
"fontFamily": { "$ref": "#/definitions/SprinkleProp_fontFamily" },
|
|
3888
|
+
"fontSize": { "$ref": "#/definitions/SprinkleProp_fontSize" },
|
|
3889
|
+
"fontWeight": { "$ref": "#/definitions/SprinkleProp_fontWeight" },
|
|
3890
|
+
"gap": { "$ref": "#/definitions/SprinkleProp_gap" },
|
|
3891
|
+
"gridAutoRows": { "$ref": "#/definitions/SprinkleProp_gridAutoRows" },
|
|
3892
|
+
"gridColumn": { "$ref": "#/definitions/SprinkleProp_gridColumn" },
|
|
3893
|
+
"gridTemplateColumns": { "$ref": "#/definitions/SprinkleProp_gridTemplateColumns" },
|
|
3894
|
+
"h": { "$ref": "#/definitions/SprinkleProp_h" },
|
|
3895
|
+
"justifyContent": { "$ref": "#/definitions/SprinkleProp_justifyContent" },
|
|
3896
|
+
"justifyItems": { "$ref": "#/definitions/SprinkleProp_justifyItems" },
|
|
3897
|
+
"m": { "$ref": "#/definitions/SprinkleProp_m" },
|
|
3898
|
+
"maxH": { "$ref": "#/definitions/SprinkleProp_maxH" },
|
|
3899
|
+
"maxW": { "$ref": "#/definitions/SprinkleProp_maxW" },
|
|
3900
|
+
"mb": { "$ref": "#/definitions/SprinkleProp_mb" },
|
|
3901
|
+
"ml": { "$ref": "#/definitions/SprinkleProp_ml" },
|
|
3902
|
+
"mr": { "$ref": "#/definitions/SprinkleProp_mr" },
|
|
3903
|
+
"mt": { "$ref": "#/definitions/SprinkleProp_mt" },
|
|
3904
|
+
"mx": { "$ref": "#/definitions/SprinkleProp_mx" },
|
|
3905
|
+
"my": { "$ref": "#/definitions/SprinkleProp_my" },
|
|
3906
|
+
"name": {
|
|
3907
|
+
"anyOf": [{ "type": "string" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3908
|
+
"description": "Name of the form control element. Used by form-data integrations."
|
|
3909
|
+
},
|
|
3910
|
+
"objectFit": { "$ref": "#/definitions/SprinkleProp_objectFit" },
|
|
3911
|
+
"overflow": { "$ref": "#/definitions/SprinkleProp_overflow" },
|
|
3912
|
+
"overflowX": { "$ref": "#/definitions/SprinkleProp_overflowX" },
|
|
3913
|
+
"overflowY": { "$ref": "#/definitions/SprinkleProp_overflowY" },
|
|
3914
|
+
"p": { "$ref": "#/definitions/SprinkleProp_p" },
|
|
3915
|
+
"pb": { "$ref": "#/definitions/SprinkleProp_pb" },
|
|
3916
|
+
"pl": { "$ref": "#/definitions/SprinkleProp_pl" },
|
|
3917
|
+
"placeholder": {
|
|
3918
|
+
"anyOf": [{ "type": "string" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3919
|
+
"description": "Placeholder text shown when the editor is empty."
|
|
3920
|
+
},
|
|
3921
|
+
"placeItems": { "$ref": "#/definitions/SprinkleProp_placeItems" },
|
|
3922
|
+
"pointerEvents": { "$ref": "#/definitions/SprinkleProp_pointerEvents" },
|
|
3923
|
+
"pr": { "$ref": "#/definitions/SprinkleProp_pr" },
|
|
3924
|
+
"pt": { "$ref": "#/definitions/SprinkleProp_pt" },
|
|
3925
|
+
"px": { "$ref": "#/definitions/SprinkleProp_px" },
|
|
3926
|
+
"py": { "$ref": "#/definitions/SprinkleProp_py" },
|
|
3927
|
+
"readOnly": {
|
|
3928
|
+
"anyOf": [{ "type": "boolean" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3929
|
+
"description": "Whether the editor is read-only."
|
|
3930
|
+
},
|
|
3931
|
+
"rounded": { "$ref": "#/definitions/SprinkleProp_rounded" },
|
|
3932
|
+
"shadow": { "$ref": "#/definitions/SprinkleProp_shadow" },
|
|
3933
|
+
"size": { "$ref": "#/definitions/SprinkleProp_size" },
|
|
3934
|
+
"textAlign": { "$ref": "#/definitions/SprinkleProp_textAlign" },
|
|
3935
|
+
"textTransform": { "$ref": "#/definitions/SprinkleProp_textTransform" },
|
|
3936
|
+
"transition": { "$ref": "#/definitions/SprinkleProp_transition" },
|
|
3937
|
+
"w": { "$ref": "#/definitions/SprinkleProp_w" },
|
|
3938
|
+
"whiteSpace": { "$ref": "#/definitions/SprinkleProp_whiteSpace" },
|
|
3939
|
+
"z": { "$ref": "#/definitions/SprinkleProp_z" }
|
|
3940
|
+
},
|
|
3941
|
+
"required": ["$type"],
|
|
3942
|
+
"type": "object"
|
|
3943
|
+
},
|
|
3860
3944
|
"ProteusSelect": {
|
|
3861
3945
|
"additionalProperties": false,
|
|
3862
3946
|
"examples": [{
|
|
@@ -221,7 +221,7 @@ var definitions = {
|
|
|
221
221
|
{ "const": "1" },
|
|
222
222
|
{ "$ref": "#/definitions/ProteusExpression" }
|
|
223
223
|
],
|
|
224
|
-
"description": "Set the element's `flex` CSS property"
|
|
224
|
+
"description": "Set the element's `flex` CSS property. `1` grows to fill available\nspace; `auto` grows and shrinks to fit content; `initial` shrinks but\ndoes not grow; `none` neither grows nor shrinks (use this instead of\n`flex-shrink: 0`)."
|
|
225
225
|
},
|
|
226
226
|
"SprinkleProp_flexDirection": {
|
|
227
227
|
"anyOf": [
|
|
@@ -298,7 +298,7 @@ var definitions = {
|
|
|
298
298
|
},
|
|
299
299
|
"SprinkleProp_gridAutoRows": {
|
|
300
300
|
"anyOf": [{ "const": "fr" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
301
|
-
"description": "Set the element's `grid-auto-rows` CSS property"
|
|
301
|
+
"description": "Set the element's `grid-auto-rows` CSS property. The only value `fr`\nsizes implicit rows to `minmax(0, 1fr)` (equal-height rows that can\nshrink below their content)."
|
|
302
302
|
},
|
|
303
303
|
"SprinkleProp_gridColumn": {
|
|
304
304
|
"anyOf": [
|
|
@@ -308,7 +308,7 @@ var definitions = {
|
|
|
308
308
|
{ "const": "3" },
|
|
309
309
|
{ "$ref": "#/definitions/ProteusExpression" }
|
|
310
310
|
],
|
|
311
|
-
"description": "Set the element
|
|
311
|
+
"description": "Set how many columns the element spans in a grid (`grid-column`). The\nvalue is the span count, e.g. `2` spans 2 columns — NOT the column it\nstarts at."
|
|
312
312
|
},
|
|
313
313
|
"SprinkleProp_gridTemplateColumns": {
|
|
314
314
|
"anyOf": [
|
|
@@ -318,7 +318,7 @@ var definitions = {
|
|
|
318
318
|
{ "const": "3" },
|
|
319
319
|
{ "$ref": "#/definitions/ProteusExpression" }
|
|
320
320
|
],
|
|
321
|
-
"description": "Control number of columns in a grid layout"
|
|
321
|
+
"description": "Control number of columns in a grid layout (`grid-template-columns`).\nThe value is the number of equal columns, e.g. `2` creates two equal\ncolumns (`repeat(2, minmax(0, 1fr))`) — use this instead of a raw\n`style={{ gridTemplateColumns: \"1fr 1fr\" }}`."
|
|
322
322
|
},
|
|
323
323
|
"SprinkleProp_h": {
|
|
324
324
|
"anyOf": [
|
|
@@ -846,7 +846,7 @@ var definitions = {
|
|
|
846
846
|
{ "const": "colors" },
|
|
847
847
|
{ "$ref": "#/definitions/ProteusExpression" }
|
|
848
848
|
],
|
|
849
|
-
"description": "Control which CSS properties should transition"
|
|
849
|
+
"description": "Control which CSS properties should transition. Each value is a preset:\n`colors` transitions color-related properties (background, border,\ncolor, fill, stroke, text-decoration); `opacity` and `transform`\ntransition just that property; `all` transitions everything; `none`\ndisables transitions."
|
|
850
850
|
},
|
|
851
851
|
"SprinkleProp_w": {
|
|
852
852
|
"anyOf": [
|
|
@@ -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" },
|
|
@@ -3794,6 +3795,88 @@ var definitions = {
|
|
|
3794
3795
|
"required": ["$type"],
|
|
3795
3796
|
"type": "object"
|
|
3796
3797
|
},
|
|
3798
|
+
"ProteusRichTextEditor": {
|
|
3799
|
+
"examples": [{
|
|
3800
|
+
"$type": "RichTextEditor",
|
|
3801
|
+
"name": "field_name",
|
|
3802
|
+
"placeholder": "Write here..."
|
|
3803
|
+
}],
|
|
3804
|
+
"properties": {
|
|
3805
|
+
"$type": { "const": "RichTextEditor" },
|
|
3806
|
+
"alignItems": { "$ref": "#/definitions/SprinkleProp_alignItems" },
|
|
3807
|
+
"alignSelf": { "$ref": "#/definitions/SprinkleProp_alignSelf" },
|
|
3808
|
+
"animation": { "$ref": "#/definitions/SprinkleProp_animation" },
|
|
3809
|
+
"backgroundImage": { "$ref": "#/definitions/SprinkleProp_backgroundImage" },
|
|
3810
|
+
"bg": { "$ref": "#/definitions/SprinkleProp_bg" },
|
|
3811
|
+
"border": { "$ref": "#/definitions/SprinkleProp_border" },
|
|
3812
|
+
"borderB": { "$ref": "#/definitions/SprinkleProp_borderB" },
|
|
3813
|
+
"borderColor": { "$ref": "#/definitions/SprinkleProp_borderColor" },
|
|
3814
|
+
"borderL": { "$ref": "#/definitions/SprinkleProp_borderL" },
|
|
3815
|
+
"borderR": { "$ref": "#/definitions/SprinkleProp_borderR" },
|
|
3816
|
+
"borderT": { "$ref": "#/definitions/SprinkleProp_borderT" },
|
|
3817
|
+
"color": { "$ref": "#/definitions/SprinkleProp_color" },
|
|
3818
|
+
"cursor": { "$ref": "#/definitions/SprinkleProp_cursor" },
|
|
3819
|
+
"display": { "$ref": "#/definitions/SprinkleProp_display" },
|
|
3820
|
+
"flex": { "$ref": "#/definitions/SprinkleProp_flex" },
|
|
3821
|
+
"flexDirection": { "$ref": "#/definitions/SprinkleProp_flexDirection" },
|
|
3822
|
+
"flexWrap": { "$ref": "#/definitions/SprinkleProp_flexWrap" },
|
|
3823
|
+
"fontFamily": { "$ref": "#/definitions/SprinkleProp_fontFamily" },
|
|
3824
|
+
"fontSize": { "$ref": "#/definitions/SprinkleProp_fontSize" },
|
|
3825
|
+
"fontWeight": { "$ref": "#/definitions/SprinkleProp_fontWeight" },
|
|
3826
|
+
"gap": { "$ref": "#/definitions/SprinkleProp_gap" },
|
|
3827
|
+
"gridAutoRows": { "$ref": "#/definitions/SprinkleProp_gridAutoRows" },
|
|
3828
|
+
"gridColumn": { "$ref": "#/definitions/SprinkleProp_gridColumn" },
|
|
3829
|
+
"gridTemplateColumns": { "$ref": "#/definitions/SprinkleProp_gridTemplateColumns" },
|
|
3830
|
+
"h": { "$ref": "#/definitions/SprinkleProp_h" },
|
|
3831
|
+
"justifyContent": { "$ref": "#/definitions/SprinkleProp_justifyContent" },
|
|
3832
|
+
"justifyItems": { "$ref": "#/definitions/SprinkleProp_justifyItems" },
|
|
3833
|
+
"m": { "$ref": "#/definitions/SprinkleProp_m" },
|
|
3834
|
+
"maxH": { "$ref": "#/definitions/SprinkleProp_maxH" },
|
|
3835
|
+
"maxW": { "$ref": "#/definitions/SprinkleProp_maxW" },
|
|
3836
|
+
"mb": { "$ref": "#/definitions/SprinkleProp_mb" },
|
|
3837
|
+
"ml": { "$ref": "#/definitions/SprinkleProp_ml" },
|
|
3838
|
+
"mr": { "$ref": "#/definitions/SprinkleProp_mr" },
|
|
3839
|
+
"mt": { "$ref": "#/definitions/SprinkleProp_mt" },
|
|
3840
|
+
"mx": { "$ref": "#/definitions/SprinkleProp_mx" },
|
|
3841
|
+
"my": { "$ref": "#/definitions/SprinkleProp_my" },
|
|
3842
|
+
"name": {
|
|
3843
|
+
"anyOf": [{ "type": "string" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3844
|
+
"description": "Name of the form control element. Used by form-data integrations."
|
|
3845
|
+
},
|
|
3846
|
+
"objectFit": { "$ref": "#/definitions/SprinkleProp_objectFit" },
|
|
3847
|
+
"overflow": { "$ref": "#/definitions/SprinkleProp_overflow" },
|
|
3848
|
+
"overflowX": { "$ref": "#/definitions/SprinkleProp_overflowX" },
|
|
3849
|
+
"overflowY": { "$ref": "#/definitions/SprinkleProp_overflowY" },
|
|
3850
|
+
"p": { "$ref": "#/definitions/SprinkleProp_p" },
|
|
3851
|
+
"pb": { "$ref": "#/definitions/SprinkleProp_pb" },
|
|
3852
|
+
"pl": { "$ref": "#/definitions/SprinkleProp_pl" },
|
|
3853
|
+
"placeholder": {
|
|
3854
|
+
"anyOf": [{ "type": "string" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3855
|
+
"description": "Placeholder text shown when the editor is empty."
|
|
3856
|
+
},
|
|
3857
|
+
"placeItems": { "$ref": "#/definitions/SprinkleProp_placeItems" },
|
|
3858
|
+
"pointerEvents": { "$ref": "#/definitions/SprinkleProp_pointerEvents" },
|
|
3859
|
+
"pr": { "$ref": "#/definitions/SprinkleProp_pr" },
|
|
3860
|
+
"pt": { "$ref": "#/definitions/SprinkleProp_pt" },
|
|
3861
|
+
"px": { "$ref": "#/definitions/SprinkleProp_px" },
|
|
3862
|
+
"py": { "$ref": "#/definitions/SprinkleProp_py" },
|
|
3863
|
+
"readOnly": {
|
|
3864
|
+
"anyOf": [{ "type": "boolean" }, { "$ref": "#/definitions/ProteusExpression" }],
|
|
3865
|
+
"description": "Whether the editor is read-only."
|
|
3866
|
+
},
|
|
3867
|
+
"rounded": { "$ref": "#/definitions/SprinkleProp_rounded" },
|
|
3868
|
+
"shadow": { "$ref": "#/definitions/SprinkleProp_shadow" },
|
|
3869
|
+
"size": { "$ref": "#/definitions/SprinkleProp_size" },
|
|
3870
|
+
"textAlign": { "$ref": "#/definitions/SprinkleProp_textAlign" },
|
|
3871
|
+
"textTransform": { "$ref": "#/definitions/SprinkleProp_textTransform" },
|
|
3872
|
+
"transition": { "$ref": "#/definitions/SprinkleProp_transition" },
|
|
3873
|
+
"w": { "$ref": "#/definitions/SprinkleProp_w" },
|
|
3874
|
+
"whiteSpace": { "$ref": "#/definitions/SprinkleProp_whiteSpace" },
|
|
3875
|
+
"z": { "$ref": "#/definitions/SprinkleProp_z" }
|
|
3876
|
+
},
|
|
3877
|
+
"required": ["$type"],
|
|
3878
|
+
"type": "object"
|
|
3879
|
+
},
|
|
3797
3880
|
"ProteusSelect": {
|
|
3798
3881
|
"examples": [{
|
|
3799
3882
|
"$type": "Select",
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
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
|
+
import * as ReactJsxRuntime from "react/jsx-runtime";
|
|
3
4
|
|
|
4
5
|
//#region src/proteus-bridge/ProteusBridge.d.ts
|
|
5
6
|
type ProteusBridgeProps = {
|
|
@@ -110,7 +111,7 @@ declare function ProteusFederated({
|
|
|
110
111
|
entry,
|
|
111
112
|
exposeKey,
|
|
112
113
|
fallback
|
|
113
|
-
}: ProteusFederatedProps):
|
|
114
|
+
}: ProteusFederatedProps): ReactJsxRuntime.JSX.Element | null;
|
|
114
115
|
declare namespace ProteusFederated {
|
|
115
116
|
var displayName: string;
|
|
116
117
|
}
|
|
@@ -605,6 +606,12 @@ declare namespace ProteusInput {
|
|
|
605
606
|
var displayName: string;
|
|
606
607
|
}
|
|
607
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
|
|
608
615
|
//#region src/proteus-textarea/ProteusTextarea.d.ts
|
|
609
616
|
declare function ProteusTextarea(props: TextareaProps): import("react/jsx-runtime").JSX.Element;
|
|
610
617
|
declare namespace ProteusTextarea {
|
|
@@ -614,4 +621,4 @@ declare namespace ProteusTextarea {
|
|
|
614
621
|
//#region src/use-proteus-value/useProteusValue.d.ts
|
|
615
622
|
declare function useProteusValue(element: ProteusValueProps): any;
|
|
616
623
|
//#endregion
|
|
617
|
-
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.2",
|
|
11
11
|
"files": [
|
|
12
12
|
"dist/**",
|
|
13
13
|
"LICENSE"
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
"embla-carousel-react": "^8.6.0",
|
|
40
40
|
"jsonpointer": "^5.0.1",
|
|
41
41
|
"recharts": "^3.8.1",
|
|
42
|
-
"@optiaxiom/
|
|
43
|
-
"@optiaxiom/
|
|
42
|
+
"@optiaxiom/icons": "^1.1.3",
|
|
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
|
}
|