@uniformdev/mesh-sdk-react 19.68.1-alpha.27 → 19.72.2-alpha.0
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/index.d.mts +12 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.esm.js +40 -13
- package/dist/index.js +31 -4
- package/dist/index.mjs +40 -13
- package/package.json +5 -5
package/dist/index.d.mts
CHANGED
|
@@ -437,6 +437,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
|
|
|
437
437
|
type: TLocationType;
|
|
438
438
|
}> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
|
|
439
439
|
type: TLocationType;
|
|
440
|
+
}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
|
|
441
|
+
type: TLocationType;
|
|
440
442
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
|
|
441
443
|
type: TLocationType;
|
|
442
444
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
|
|
@@ -454,6 +456,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
|
|
|
454
456
|
type: TLocationType;
|
|
455
457
|
}> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
|
|
456
458
|
type: TLocationType;
|
|
459
|
+
}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
|
|
460
|
+
type: TLocationType;
|
|
457
461
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
|
|
458
462
|
type: TLocationType;
|
|
459
463
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
|
|
@@ -470,6 +474,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
|
|
|
470
474
|
type: TLocationType;
|
|
471
475
|
}> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
|
|
472
476
|
type: TLocationType;
|
|
477
|
+
}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
|
|
478
|
+
type: TLocationType;
|
|
473
479
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
|
|
474
480
|
type: TLocationType;
|
|
475
481
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
|
|
@@ -592,6 +598,10 @@ type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
|
|
|
592
598
|
* If not passed, defaults to helpText.
|
|
593
599
|
*/
|
|
594
600
|
tooltip?: string;
|
|
601
|
+
/**
|
|
602
|
+
If true the variable will be shown only in menus.
|
|
603
|
+
*/
|
|
604
|
+
system?: boolean;
|
|
595
605
|
};
|
|
596
606
|
/**
|
|
597
607
|
* Provides information for an undefined variable that might be referenced in data,
|
|
@@ -801,6 +811,8 @@ type InputVariablesProps<TEditorContext = unknown> = {
|
|
|
801
811
|
warningMessage?: string;
|
|
802
812
|
/** (optional) sets and shows the the info message value */
|
|
803
813
|
infoMessage?: string;
|
|
814
|
+
/** (optional) sets placeholder when there is no value */
|
|
815
|
+
placeholder?: string;
|
|
804
816
|
/** (optional) sets caption text value */
|
|
805
817
|
caption?: string;
|
|
806
818
|
/** Disables editing the value of the input, editing variables, and adding variables */
|
package/dist/index.d.ts
CHANGED
|
@@ -437,6 +437,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
|
|
|
437
437
|
type: TLocationType;
|
|
438
438
|
}> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
|
|
439
439
|
type: TLocationType;
|
|
440
|
+
}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
|
|
441
|
+
type: TLocationType;
|
|
440
442
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
|
|
441
443
|
type: TLocationType;
|
|
442
444
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
|
|
@@ -454,6 +456,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
|
|
|
454
456
|
type: TLocationType;
|
|
455
457
|
}> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
|
|
456
458
|
type: TLocationType;
|
|
459
|
+
}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
|
|
460
|
+
type: TLocationType;
|
|
457
461
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
|
|
458
462
|
type: TLocationType;
|
|
459
463
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
|
|
@@ -470,6 +474,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
|
|
|
470
474
|
type: TLocationType;
|
|
471
475
|
}> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
|
|
472
476
|
type: TLocationType;
|
|
477
|
+
}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
|
|
478
|
+
type: TLocationType;
|
|
473
479
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
|
|
474
480
|
type: TLocationType;
|
|
475
481
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
|
|
@@ -592,6 +598,10 @@ type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
|
|
|
592
598
|
* If not passed, defaults to helpText.
|
|
593
599
|
*/
|
|
594
600
|
tooltip?: string;
|
|
601
|
+
/**
|
|
602
|
+
If true the variable will be shown only in menus.
|
|
603
|
+
*/
|
|
604
|
+
system?: boolean;
|
|
595
605
|
};
|
|
596
606
|
/**
|
|
597
607
|
* Provides information for an undefined variable that might be referenced in data,
|
|
@@ -801,6 +811,8 @@ type InputVariablesProps<TEditorContext = unknown> = {
|
|
|
801
811
|
warningMessage?: string;
|
|
802
812
|
/** (optional) sets and shows the the info message value */
|
|
803
813
|
infoMessage?: string;
|
|
814
|
+
/** (optional) sets placeholder when there is no value */
|
|
815
|
+
placeholder?: string;
|
|
804
816
|
/** (optional) sets caption text value */
|
|
805
817
|
caption?: string;
|
|
806
818
|
/** Disables editing the value of the input, editing variables, and adding variables */
|
package/dist/index.esm.js
CHANGED
|
@@ -4083,6 +4083,18 @@ var inputCompact = css21`
|
|
|
4083
4083
|
padding-block: var(--spacing-sm);
|
|
4084
4084
|
font-size: var(--fs-sm);
|
|
4085
4085
|
`;
|
|
4086
|
+
var placeholderCaption = css21`
|
|
4087
|
+
position: absolute;
|
|
4088
|
+
color: var(--gray-400);
|
|
4089
|
+
inset: var(--spacing-base) var(--spacing-lg) var(--spacing-base) var(--spacing-base);
|
|
4090
|
+
overflow: hidden;
|
|
4091
|
+
text-overflow: ellipsis;
|
|
4092
|
+
white-space: nowrap;
|
|
4093
|
+
pointer-events: none;
|
|
4094
|
+
`;
|
|
4095
|
+
var placeholderCompact = css21`
|
|
4096
|
+
inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
|
|
4097
|
+
`;
|
|
4086
4098
|
|
|
4087
4099
|
// src/components/Variables/toolbox/InputVariablesProvider.tsx
|
|
4088
4100
|
import * as React10 from "react";
|
|
@@ -4491,14 +4503,18 @@ import {
|
|
|
4491
4503
|
PASTE_COMMAND as PASTE_COMMAND2
|
|
4492
4504
|
} from "lexical";
|
|
4493
4505
|
import { useEffect as useEffect13 } from "react";
|
|
4494
|
-
import { jsx as jsx38, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
|
|
4495
|
-
function VariablesComposerInput({
|
|
4506
|
+
import { Fragment as Fragment9, jsx as jsx38, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
|
|
4507
|
+
function VariablesComposerInput({
|
|
4508
|
+
css: css37,
|
|
4509
|
+
placeholder,
|
|
4510
|
+
...contentEditableProps
|
|
4511
|
+
}) {
|
|
4496
4512
|
return /* @__PURE__ */ jsxs22("div", { children: [
|
|
4497
4513
|
/* @__PURE__ */ jsx38(
|
|
4498
4514
|
PlainTextPlugin,
|
|
4499
4515
|
{
|
|
4500
4516
|
contentEditable: /* @__PURE__ */ jsx38(ContentEditable, { ...contentEditableProps }),
|
|
4501
|
-
placeholder: null,
|
|
4517
|
+
placeholder: placeholder ? /* @__PURE__ */ jsx38(Fragment9, { children: placeholder }) : null,
|
|
4502
4518
|
ErrorBoundary: LexicalErrorBoundary
|
|
4503
4519
|
}
|
|
4504
4520
|
),
|
|
@@ -4583,7 +4599,7 @@ function RichishCopyAndPastePlugin() {
|
|
|
4583
4599
|
}
|
|
4584
4600
|
|
|
4585
4601
|
// src/components/Variables/InputVariables.tsx
|
|
4586
|
-
import { Fragment as
|
|
4602
|
+
import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
|
|
4587
4603
|
function InputVariables(props) {
|
|
4588
4604
|
const {
|
|
4589
4605
|
id,
|
|
@@ -4596,6 +4612,7 @@ function InputVariables(props) {
|
|
|
4596
4612
|
transformPaste,
|
|
4597
4613
|
showAddVariableMenuOption,
|
|
4598
4614
|
inputWhenNoVariables,
|
|
4615
|
+
placeholder,
|
|
4599
4616
|
caption,
|
|
4600
4617
|
errorMessage,
|
|
4601
4618
|
warningMessage,
|
|
@@ -4636,7 +4653,17 @@ function InputVariables(props) {
|
|
|
4636
4653
|
"aria-label": ariaLabel,
|
|
4637
4654
|
"data-testid": dataTestId ? dataTestId : "input-container",
|
|
4638
4655
|
"data-text-value": value,
|
|
4639
|
-
css: [input, styleVariant === "compact" ? inputCompact : null]
|
|
4656
|
+
css: [input, styleVariant === "compact" ? inputCompact : null],
|
|
4657
|
+
placeholder: placeholder ? /* @__PURE__ */ jsx39(
|
|
4658
|
+
Caption,
|
|
4659
|
+
{
|
|
4660
|
+
css: [
|
|
4661
|
+
placeholderCaption,
|
|
4662
|
+
styleVariant === "compact" ? placeholderCompact : null
|
|
4663
|
+
],
|
|
4664
|
+
children: placeholder
|
|
4665
|
+
}
|
|
4666
|
+
) : void 0
|
|
4640
4667
|
}
|
|
4641
4668
|
)
|
|
4642
4669
|
}
|
|
@@ -4695,7 +4722,7 @@ function InputVariablesOverlayMenu({
|
|
|
4695
4722
|
...props
|
|
4696
4723
|
}) {
|
|
4697
4724
|
if (disabled) {
|
|
4698
|
-
return /* @__PURE__ */ jsx39(
|
|
4725
|
+
return /* @__PURE__ */ jsx39(Fragment10, { children });
|
|
4699
4726
|
}
|
|
4700
4727
|
return /* @__PURE__ */ jsxs23("div", { css: menuContainer, children: [
|
|
4701
4728
|
children,
|
|
@@ -5121,10 +5148,10 @@ var variableValue = css25`
|
|
|
5121
5148
|
`;
|
|
5122
5149
|
|
|
5123
5150
|
// src/components/Variables/VariablesList.tsx
|
|
5124
|
-
import { Fragment as
|
|
5151
|
+
import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
|
|
5125
5152
|
function VariablesList() {
|
|
5126
5153
|
const { variables, dispatch } = useVariables();
|
|
5127
|
-
const sorted = variablesToList(variables);
|
|
5154
|
+
const sorted = variablesToList(variables).filter((variable) => !variable.system);
|
|
5128
5155
|
const onDragEnd = (res) => {
|
|
5129
5156
|
var _a, _b;
|
|
5130
5157
|
if (res.destination && res.source.droppableId === ((_a = res.destination) == null ? void 0 : _a.droppableId)) {
|
|
@@ -5142,7 +5169,7 @@ function VariablesList() {
|
|
|
5142
5169
|
return result;
|
|
5143
5170
|
}
|
|
5144
5171
|
};
|
|
5145
|
-
return /* @__PURE__ */ jsxs27(
|
|
5172
|
+
return /* @__PURE__ */ jsxs27(Fragment11, { children: [
|
|
5146
5173
|
/* @__PURE__ */ jsx43(DragDropContext2, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx43(Droppable2, { droppableId: "variables-table", children: (provided) => /* @__PURE__ */ jsxs27(Table, { ...provided.droppableProps, ref: provided.innerRef, children: [
|
|
5147
5174
|
/* @__PURE__ */ jsx43(TableHead, { children: /* @__PURE__ */ jsxs27(TableRow, { children: [
|
|
5148
5175
|
/* @__PURE__ */ jsx43(TableCellHead, { children: "Name" }),
|
|
@@ -5770,7 +5797,7 @@ function decodeVariablesInUrlEncodedString(string, varValues) {
|
|
|
5770
5797
|
}
|
|
5771
5798
|
|
|
5772
5799
|
// src/components/Request/RequestUrl.tsx
|
|
5773
|
-
import { Fragment as
|
|
5800
|
+
import { Fragment as Fragment12, jsx as jsx52, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
|
|
5774
5801
|
function RequestUrl() {
|
|
5775
5802
|
var _a, _b;
|
|
5776
5803
|
const { variables } = useVariables();
|
|
@@ -5794,7 +5821,7 @@ function RequestUrl() {
|
|
|
5794
5821
|
request.baseRequest ? /* @__PURE__ */ jsx52("span", { children: (_b = request.baseRequest) == null ? void 0 : _b.baseUrl }) : null,
|
|
5795
5822
|
/* @__PURE__ */ jsxs31("span", { css: { fontWeight: request.baseRequest ? "bold" : "inherit" }, children: [
|
|
5796
5823
|
urlEncodeRequestUrl(request.relativeUrl, variables),
|
|
5797
|
-
mergedParameters.length > 0 ? /* @__PURE__ */ jsxs31(
|
|
5824
|
+
mergedParameters.length > 0 ? /* @__PURE__ */ jsxs31(Fragment12, { children: [
|
|
5798
5825
|
"?",
|
|
5799
5826
|
mergedParameters.map((param, index) => {
|
|
5800
5827
|
const encoded = urlEncodeRequestParameter(param, variables);
|
|
@@ -6749,7 +6776,7 @@ var ObjectSearchResultListTitle = css36`
|
|
|
6749
6776
|
`;
|
|
6750
6777
|
|
|
6751
6778
|
// src/components/ObjectSearch/ObjectSearchResultList.tsx
|
|
6752
|
-
import { Fragment as
|
|
6779
|
+
import { Fragment as Fragment13, jsx as jsx65, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
|
|
6753
6780
|
function ObjectSearchResultList({
|
|
6754
6781
|
resultLabelText = "Selected",
|
|
6755
6782
|
removeButtonText = "Remove all",
|
|
@@ -6776,7 +6803,7 @@ function ObjectSearchResultList({
|
|
|
6776
6803
|
return result;
|
|
6777
6804
|
}
|
|
6778
6805
|
};
|
|
6779
|
-
return /* @__PURE__ */ jsxs40(
|
|
6806
|
+
return /* @__PURE__ */ jsxs40(Fragment13, { children: [
|
|
6780
6807
|
/* @__PURE__ */ jsxs40("div", { role: "group", css: ObjectSearchResultListContainer, children: [
|
|
6781
6808
|
/* @__PURE__ */ jsxs40("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
|
|
6782
6809
|
/* @__PURE__ */ jsx65("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
|
package/dist/index.js
CHANGED
|
@@ -4261,6 +4261,18 @@ var inputCompact = import_react41.css`
|
|
|
4261
4261
|
padding-block: var(--spacing-sm);
|
|
4262
4262
|
font-size: var(--fs-sm);
|
|
4263
4263
|
`;
|
|
4264
|
+
var placeholderCaption = import_react41.css`
|
|
4265
|
+
position: absolute;
|
|
4266
|
+
color: var(--gray-400);
|
|
4267
|
+
inset: var(--spacing-base) var(--spacing-lg) var(--spacing-base) var(--spacing-base);
|
|
4268
|
+
overflow: hidden;
|
|
4269
|
+
text-overflow: ellipsis;
|
|
4270
|
+
white-space: nowrap;
|
|
4271
|
+
pointer-events: none;
|
|
4272
|
+
`;
|
|
4273
|
+
var placeholderCompact = import_react41.css`
|
|
4274
|
+
inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
|
|
4275
|
+
`;
|
|
4264
4276
|
|
|
4265
4277
|
// src/components/Variables/toolbox/InputVariablesProvider.tsx
|
|
4266
4278
|
var React10 = __toESM(require("react"));
|
|
@@ -4658,13 +4670,17 @@ var import_utils4 = require("@lexical/utils");
|
|
|
4658
4670
|
var import_lexical9 = require("lexical");
|
|
4659
4671
|
var import_react48 = require("react");
|
|
4660
4672
|
var import_jsx_runtime38 = require("@emotion/react/jsx-runtime");
|
|
4661
|
-
function VariablesComposerInput({
|
|
4673
|
+
function VariablesComposerInput({
|
|
4674
|
+
css: css37,
|
|
4675
|
+
placeholder,
|
|
4676
|
+
...contentEditableProps
|
|
4677
|
+
}) {
|
|
4662
4678
|
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
|
|
4663
4679
|
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
4664
4680
|
import_LexicalPlainTextPlugin.PlainTextPlugin,
|
|
4665
4681
|
{
|
|
4666
4682
|
contentEditable: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_LexicalContentEditable.ContentEditable, { ...contentEditableProps }),
|
|
4667
|
-
placeholder: null,
|
|
4683
|
+
placeholder: placeholder ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: placeholder }) : null,
|
|
4668
4684
|
ErrorBoundary: import_LexicalErrorBoundary.default
|
|
4669
4685
|
}
|
|
4670
4686
|
),
|
|
@@ -4762,6 +4778,7 @@ function InputVariables(props) {
|
|
|
4762
4778
|
transformPaste,
|
|
4763
4779
|
showAddVariableMenuOption,
|
|
4764
4780
|
inputWhenNoVariables,
|
|
4781
|
+
placeholder,
|
|
4765
4782
|
caption,
|
|
4766
4783
|
errorMessage,
|
|
4767
4784
|
warningMessage,
|
|
@@ -4802,7 +4819,17 @@ function InputVariables(props) {
|
|
|
4802
4819
|
"aria-label": ariaLabel,
|
|
4803
4820
|
"data-testid": dataTestId ? dataTestId : "input-container",
|
|
4804
4821
|
"data-text-value": value,
|
|
4805
|
-
css: [input, styleVariant === "compact" ? inputCompact : null]
|
|
4822
|
+
css: [input, styleVariant === "compact" ? inputCompact : null],
|
|
4823
|
+
placeholder: placeholder ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4824
|
+
import_design_system20.Caption,
|
|
4825
|
+
{
|
|
4826
|
+
css: [
|
|
4827
|
+
placeholderCaption,
|
|
4828
|
+
styleVariant === "compact" ? placeholderCompact : null
|
|
4829
|
+
],
|
|
4830
|
+
children: placeholder
|
|
4831
|
+
}
|
|
4832
|
+
) : void 0
|
|
4806
4833
|
}
|
|
4807
4834
|
)
|
|
4808
4835
|
}
|
|
@@ -5280,7 +5307,7 @@ var variableValue = import_react55.css`
|
|
|
5280
5307
|
var import_jsx_runtime43 = require("@emotion/react/jsx-runtime");
|
|
5281
5308
|
function VariablesList() {
|
|
5282
5309
|
const { variables, dispatch } = useVariables();
|
|
5283
|
-
const sorted = variablesToList(variables);
|
|
5310
|
+
const sorted = variablesToList(variables).filter((variable) => !variable.system);
|
|
5284
5311
|
const onDragEnd = (res) => {
|
|
5285
5312
|
var _a, _b;
|
|
5286
5313
|
if (res.destination && res.source.droppableId === ((_a = res.destination) == null ? void 0 : _a.droppableId)) {
|
package/dist/index.mjs
CHANGED
|
@@ -4083,6 +4083,18 @@ var inputCompact = css21`
|
|
|
4083
4083
|
padding-block: var(--spacing-sm);
|
|
4084
4084
|
font-size: var(--fs-sm);
|
|
4085
4085
|
`;
|
|
4086
|
+
var placeholderCaption = css21`
|
|
4087
|
+
position: absolute;
|
|
4088
|
+
color: var(--gray-400);
|
|
4089
|
+
inset: var(--spacing-base) var(--spacing-lg) var(--spacing-base) var(--spacing-base);
|
|
4090
|
+
overflow: hidden;
|
|
4091
|
+
text-overflow: ellipsis;
|
|
4092
|
+
white-space: nowrap;
|
|
4093
|
+
pointer-events: none;
|
|
4094
|
+
`;
|
|
4095
|
+
var placeholderCompact = css21`
|
|
4096
|
+
inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
|
|
4097
|
+
`;
|
|
4086
4098
|
|
|
4087
4099
|
// src/components/Variables/toolbox/InputVariablesProvider.tsx
|
|
4088
4100
|
import * as React10 from "react";
|
|
@@ -4491,14 +4503,18 @@ import {
|
|
|
4491
4503
|
PASTE_COMMAND as PASTE_COMMAND2
|
|
4492
4504
|
} from "lexical";
|
|
4493
4505
|
import { useEffect as useEffect13 } from "react";
|
|
4494
|
-
import { jsx as jsx38, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
|
|
4495
|
-
function VariablesComposerInput({
|
|
4506
|
+
import { Fragment as Fragment9, jsx as jsx38, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
|
|
4507
|
+
function VariablesComposerInput({
|
|
4508
|
+
css: css37,
|
|
4509
|
+
placeholder,
|
|
4510
|
+
...contentEditableProps
|
|
4511
|
+
}) {
|
|
4496
4512
|
return /* @__PURE__ */ jsxs22("div", { children: [
|
|
4497
4513
|
/* @__PURE__ */ jsx38(
|
|
4498
4514
|
PlainTextPlugin,
|
|
4499
4515
|
{
|
|
4500
4516
|
contentEditable: /* @__PURE__ */ jsx38(ContentEditable, { ...contentEditableProps }),
|
|
4501
|
-
placeholder: null,
|
|
4517
|
+
placeholder: placeholder ? /* @__PURE__ */ jsx38(Fragment9, { children: placeholder }) : null,
|
|
4502
4518
|
ErrorBoundary: LexicalErrorBoundary
|
|
4503
4519
|
}
|
|
4504
4520
|
),
|
|
@@ -4583,7 +4599,7 @@ function RichishCopyAndPastePlugin() {
|
|
|
4583
4599
|
}
|
|
4584
4600
|
|
|
4585
4601
|
// src/components/Variables/InputVariables.tsx
|
|
4586
|
-
import { Fragment as
|
|
4602
|
+
import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
|
|
4587
4603
|
function InputVariables(props) {
|
|
4588
4604
|
const {
|
|
4589
4605
|
id,
|
|
@@ -4596,6 +4612,7 @@ function InputVariables(props) {
|
|
|
4596
4612
|
transformPaste,
|
|
4597
4613
|
showAddVariableMenuOption,
|
|
4598
4614
|
inputWhenNoVariables,
|
|
4615
|
+
placeholder,
|
|
4599
4616
|
caption,
|
|
4600
4617
|
errorMessage,
|
|
4601
4618
|
warningMessage,
|
|
@@ -4636,7 +4653,17 @@ function InputVariables(props) {
|
|
|
4636
4653
|
"aria-label": ariaLabel,
|
|
4637
4654
|
"data-testid": dataTestId ? dataTestId : "input-container",
|
|
4638
4655
|
"data-text-value": value,
|
|
4639
|
-
css: [input, styleVariant === "compact" ? inputCompact : null]
|
|
4656
|
+
css: [input, styleVariant === "compact" ? inputCompact : null],
|
|
4657
|
+
placeholder: placeholder ? /* @__PURE__ */ jsx39(
|
|
4658
|
+
Caption,
|
|
4659
|
+
{
|
|
4660
|
+
css: [
|
|
4661
|
+
placeholderCaption,
|
|
4662
|
+
styleVariant === "compact" ? placeholderCompact : null
|
|
4663
|
+
],
|
|
4664
|
+
children: placeholder
|
|
4665
|
+
}
|
|
4666
|
+
) : void 0
|
|
4640
4667
|
}
|
|
4641
4668
|
)
|
|
4642
4669
|
}
|
|
@@ -4695,7 +4722,7 @@ function InputVariablesOverlayMenu({
|
|
|
4695
4722
|
...props
|
|
4696
4723
|
}) {
|
|
4697
4724
|
if (disabled) {
|
|
4698
|
-
return /* @__PURE__ */ jsx39(
|
|
4725
|
+
return /* @__PURE__ */ jsx39(Fragment10, { children });
|
|
4699
4726
|
}
|
|
4700
4727
|
return /* @__PURE__ */ jsxs23("div", { css: menuContainer, children: [
|
|
4701
4728
|
children,
|
|
@@ -5121,10 +5148,10 @@ var variableValue = css25`
|
|
|
5121
5148
|
`;
|
|
5122
5149
|
|
|
5123
5150
|
// src/components/Variables/VariablesList.tsx
|
|
5124
|
-
import { Fragment as
|
|
5151
|
+
import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
|
|
5125
5152
|
function VariablesList() {
|
|
5126
5153
|
const { variables, dispatch } = useVariables();
|
|
5127
|
-
const sorted = variablesToList(variables);
|
|
5154
|
+
const sorted = variablesToList(variables).filter((variable) => !variable.system);
|
|
5128
5155
|
const onDragEnd = (res) => {
|
|
5129
5156
|
var _a, _b;
|
|
5130
5157
|
if (res.destination && res.source.droppableId === ((_a = res.destination) == null ? void 0 : _a.droppableId)) {
|
|
@@ -5142,7 +5169,7 @@ function VariablesList() {
|
|
|
5142
5169
|
return result;
|
|
5143
5170
|
}
|
|
5144
5171
|
};
|
|
5145
|
-
return /* @__PURE__ */ jsxs27(
|
|
5172
|
+
return /* @__PURE__ */ jsxs27(Fragment11, { children: [
|
|
5146
5173
|
/* @__PURE__ */ jsx43(DragDropContext2, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx43(Droppable2, { droppableId: "variables-table", children: (provided) => /* @__PURE__ */ jsxs27(Table, { ...provided.droppableProps, ref: provided.innerRef, children: [
|
|
5147
5174
|
/* @__PURE__ */ jsx43(TableHead, { children: /* @__PURE__ */ jsxs27(TableRow, { children: [
|
|
5148
5175
|
/* @__PURE__ */ jsx43(TableCellHead, { children: "Name" }),
|
|
@@ -5770,7 +5797,7 @@ function decodeVariablesInUrlEncodedString(string, varValues) {
|
|
|
5770
5797
|
}
|
|
5771
5798
|
|
|
5772
5799
|
// src/components/Request/RequestUrl.tsx
|
|
5773
|
-
import { Fragment as
|
|
5800
|
+
import { Fragment as Fragment12, jsx as jsx52, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
|
|
5774
5801
|
function RequestUrl() {
|
|
5775
5802
|
var _a, _b;
|
|
5776
5803
|
const { variables } = useVariables();
|
|
@@ -5794,7 +5821,7 @@ function RequestUrl() {
|
|
|
5794
5821
|
request.baseRequest ? /* @__PURE__ */ jsx52("span", { children: (_b = request.baseRequest) == null ? void 0 : _b.baseUrl }) : null,
|
|
5795
5822
|
/* @__PURE__ */ jsxs31("span", { css: { fontWeight: request.baseRequest ? "bold" : "inherit" }, children: [
|
|
5796
5823
|
urlEncodeRequestUrl(request.relativeUrl, variables),
|
|
5797
|
-
mergedParameters.length > 0 ? /* @__PURE__ */ jsxs31(
|
|
5824
|
+
mergedParameters.length > 0 ? /* @__PURE__ */ jsxs31(Fragment12, { children: [
|
|
5798
5825
|
"?",
|
|
5799
5826
|
mergedParameters.map((param, index) => {
|
|
5800
5827
|
const encoded = urlEncodeRequestParameter(param, variables);
|
|
@@ -6749,7 +6776,7 @@ var ObjectSearchResultListTitle = css36`
|
|
|
6749
6776
|
`;
|
|
6750
6777
|
|
|
6751
6778
|
// src/components/ObjectSearch/ObjectSearchResultList.tsx
|
|
6752
|
-
import { Fragment as
|
|
6779
|
+
import { Fragment as Fragment13, jsx as jsx65, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
|
|
6753
6780
|
function ObjectSearchResultList({
|
|
6754
6781
|
resultLabelText = "Selected",
|
|
6755
6782
|
removeButtonText = "Remove all",
|
|
@@ -6776,7 +6803,7 @@ function ObjectSearchResultList({
|
|
|
6776
6803
|
return result;
|
|
6777
6804
|
}
|
|
6778
6805
|
};
|
|
6779
|
-
return /* @__PURE__ */ jsxs40(
|
|
6806
|
+
return /* @__PURE__ */ jsxs40(Fragment13, { children: [
|
|
6780
6807
|
/* @__PURE__ */ jsxs40("div", { role: "group", css: ObjectSearchResultListContainer, children: [
|
|
6781
6808
|
/* @__PURE__ */ jsxs40("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
|
|
6782
6809
|
/* @__PURE__ */ jsx65("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/mesh-sdk-react",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.72.2-alpha.0+7c41d864e",
|
|
4
4
|
"description": "Uniform Mesh Framework SDK for React",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -50,9 +50,9 @@
|
|
|
50
50
|
"@lexical/selection": "^0.12.0",
|
|
51
51
|
"@lexical/utils": "^0.12.0",
|
|
52
52
|
"@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v4.10.1/react-icons-all-files-4.10.1.tgz",
|
|
53
|
-
"@uniformdev/canvas": "19.
|
|
54
|
-
"@uniformdev/design-system": "19.
|
|
55
|
-
"@uniformdev/mesh-sdk": "19.
|
|
53
|
+
"@uniformdev/canvas": "19.72.2-alpha.0+7c41d864e",
|
|
54
|
+
"@uniformdev/design-system": "19.72.2-alpha.0+7c41d864e",
|
|
55
|
+
"@uniformdev/mesh-sdk": "19.72.2-alpha.0+7c41d864e",
|
|
56
56
|
"dequal": "^2.0.3",
|
|
57
57
|
"lexical": "^0.12.0",
|
|
58
58
|
"mitt": "^3.0.0",
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"publishConfig": {
|
|
87
87
|
"access": "public"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "7c41d864eb265bf902149f75d45ad2414ddb8c0e"
|
|
90
90
|
}
|