@uipath/apollo-wind 0.9.1 → 0.10.0-pr257.2a4b17b
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/components/forms/field-renderer.cjs +120 -69
- package/dist/components/forms/field-renderer.js +120 -69
- package/dist/components/forms/form-designer.cjs +2352 -1488
- package/dist/components/forms/form-designer.js +2353 -1489
- package/dist/components/forms/form-examples.cjs +10 -10
- package/dist/components/forms/form-examples.js +10 -10
- package/dist/components/forms/form-state-viewer.cjs +988 -433
- package/dist/components/forms/form-state-viewer.js +988 -433
- package/dist/components/forms/metadata-form.cjs +446 -170
- package/dist/components/forms/metadata-form.js +446 -170
- package/dist/components/forms/schema-viewer.cjs +173 -80
- package/dist/components/forms/schema-viewer.js +173 -80
- package/dist/components/ui/accordion.cjs +131 -27
- package/dist/components/ui/accordion.js +131 -27
- package/dist/components/ui/alert-dialog.cjs +273 -45
- package/dist/components/ui/alert-dialog.js +273 -45
- package/dist/components/ui/alert.cjs +106 -17
- package/dist/components/ui/alert.js +106 -17
- package/dist/components/ui/avatar.cjs +100 -15
- package/dist/components/ui/avatar.js +100 -15
- package/dist/components/ui/badge.cjs +36 -6
- package/dist/components/ui/badge.js +36 -6
- package/dist/components/ui/breadcrumb.cjs +258 -52
- package/dist/components/ui/breadcrumb.js +258 -52
- package/dist/components/ui/button-group.cjs +119 -19
- package/dist/components/ui/button-group.js +119 -19
- package/dist/components/ui/button.cjs +48 -8
- package/dist/components/ui/button.js +48 -8
- package/dist/components/ui/calendar.cjs +88 -30
- package/dist/components/ui/calendar.js +88 -30
- package/dist/components/ui/card.cjs +199 -30
- package/dist/components/ui/card.js +199 -30
- package/dist/components/ui/checkbox.cjs +42 -8
- package/dist/components/ui/checkbox.js +42 -8
- package/dist/components/ui/combobox.cjs +150 -53
- package/dist/components/ui/combobox.js +150 -53
- package/dist/components/ui/command.cjs +291 -53
- package/dist/components/ui/command.js +291 -53
- package/dist/components/ui/context-menu.cjs +370 -72
- package/dist/components/ui/context-menu.js +370 -72
- package/dist/components/ui/data-table.cjs +76 -39
- package/dist/components/ui/data-table.js +76 -39
- package/dist/components/ui/date-picker.cjs +179 -68
- package/dist/components/ui/date-picker.js +179 -68
- package/dist/components/ui/datetime-picker.cjs +225 -104
- package/dist/components/ui/datetime-picker.js +225 -104
- package/dist/components/ui/dialog.cjs +290 -78
- package/dist/components/ui/dialog.js +290 -78
- package/dist/components/ui/drawer.cjs +220 -39
- package/dist/components/ui/drawer.js +220 -39
- package/dist/components/ui/dropdown-menu.cjs +376 -73
- package/dist/components/ui/dropdown-menu.js +376 -73
- package/dist/components/ui/editable-cell.cjs +106 -42
- package/dist/components/ui/editable-cell.js +106 -42
- package/dist/components/ui/empty-state.cjs +106 -33
- package/dist/components/ui/empty-state.js +106 -33
- package/dist/components/ui/file-upload.cjs +405 -187
- package/dist/components/ui/file-upload.d.ts +3 -1
- package/dist/components/ui/file-upload.js +405 -187
- package/dist/components/ui/hover-card.cjs +46 -7
- package/dist/components/ui/hover-card.js +46 -7
- package/dist/components/ui/index.cjs +22 -22
- package/dist/components/ui/input.cjs +39 -6
- package/dist/components/ui/input.js +39 -6
- package/dist/components/ui/label.cjs +34 -5
- package/dist/components/ui/label.js +34 -5
- package/dist/components/ui/layout/column.cjs +209 -41
- package/dist/components/ui/layout/column.js +209 -41
- package/dist/components/ui/layout/grid.cjs +275 -60
- package/dist/components/ui/layout/grid.js +275 -60
- package/dist/components/ui/layout/row.cjs +209 -41
- package/dist/components/ui/layout/row.js +209 -41
- package/dist/components/ui/menubar.cjs +540 -106
- package/dist/components/ui/menubar.js +540 -106
- package/dist/components/ui/multi-select.cjs +289 -135
- package/dist/components/ui/multi-select.js +289 -135
- package/dist/components/ui/navigation-menu.cjs +244 -47
- package/dist/components/ui/navigation-menu.js +244 -47
- package/dist/components/ui/pagination.cjs +301 -65
- package/dist/components/ui/pagination.js +301 -65
- package/dist/components/ui/popover.cjs +48 -9
- package/dist/components/ui/popover.js +48 -9
- package/dist/components/ui/progress.cjs +48 -8
- package/dist/components/ui/progress.js +48 -8
- package/dist/components/ui/radio-group.cjs +74 -12
- package/dist/components/ui/radio-group.js +74 -12
- package/dist/components/ui/resizable.cjs +75 -10
- package/dist/components/ui/resizable.js +75 -10
- package/dist/components/ui/scroll-area.cjs +113 -21
- package/dist/components/ui/scroll-area.js +113 -21
- package/dist/components/ui/search.cjs +280 -98
- package/dist/components/ui/search.js +280 -98
- package/dist/components/ui/select.cjs +334 -68
- package/dist/components/ui/select.js +334 -68
- package/dist/components/ui/separator.cjs +48 -7
- package/dist/components/ui/separator.js +48 -7
- package/dist/components/ui/sheet.cjs +236 -50
- package/dist/components/ui/sheet.js +236 -50
- package/dist/components/ui/skeleton.cjs +31 -5
- package/dist/components/ui/skeleton.js +31 -5
- package/dist/components/ui/slider.cjs +71 -21
- package/dist/components/ui/slider.js +71 -21
- package/dist/components/ui/sonner.cjs +43 -15
- package/dist/components/ui/sonner.js +43 -15
- package/dist/components/ui/spinner.cjs +83 -21
- package/dist/components/ui/spinner.js +83 -21
- package/dist/components/ui/stats-card.cjs +169 -60
- package/dist/components/ui/stats-card.js +169 -60
- package/dist/components/ui/stepper.cjs +126 -57
- package/dist/components/ui/stepper.js +126 -57
- package/dist/components/ui/switch.cjs +42 -8
- package/dist/components/ui/switch.js +42 -8
- package/dist/components/ui/table.cjs +267 -42
- package/dist/components/ui/table.js +267 -42
- package/dist/components/ui/tabs.cjs +100 -15
- package/dist/components/ui/tabs.js +100 -15
- package/dist/components/ui/textarea.cjs +34 -5
- package/dist/components/ui/textarea.js +34 -5
- package/dist/components/ui/toggle-group.cjs +112 -19
- package/dist/components/ui/toggle-group.js +112 -19
- package/dist/components/ui/toggle.cjs +43 -6
- package/dist/components/ui/toggle.js +43 -6
- package/dist/components/ui/tooltip.cjs +40 -6
- package/dist/components/ui/tooltip.js +40 -6
- package/dist/examples/admin-layout-example.cjs +879 -347
- package/dist/examples/admin-layout-example.js +879 -347
- package/dist/examples/app-shell-example.cjs +14 -14
- package/dist/examples/app-shell-example.js +14 -14
- package/dist/examples/dashboard-example.cjs +495 -334
- package/dist/examples/dashboard-example.js +495 -334
- package/dist/examples/data-management-example.cjs +501 -303
- package/dist/examples/data-management-example.js +502 -304
- package/dist/examples/flow-editor-layout-example.cjs +435 -231
- package/dist/examples/flow-editor-layout-example.js +436 -232
- package/dist/examples/flow-start-example.cjs +508 -251
- package/dist/examples/flow-start-example.js +509 -252
- package/dist/examples/form-builder-example.cjs +1006 -602
- package/dist/examples/form-builder-example.js +1007 -603
- package/dist/examples/new-project-example.cjs +806 -474
- package/dist/examples/new-project-example.js +807 -475
- package/dist/examples/settings-example.cjs +792 -704
- package/dist/examples/settings-example.js +792 -704
- package/dist/examples/vscode-example.cjs +731 -236
- package/dist/examples/vscode-example.js +731 -236
- package/package.json +4 -1
|
@@ -27,6 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
27
27
|
FormFieldRenderer: ()=>FormFieldRenderer
|
|
28
28
|
});
|
|
29
29
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const compiler_runtime_namespaceObject = require("react/compiler-runtime");
|
|
30
31
|
const external_react_namespaceObject = require("react");
|
|
31
32
|
const external_react_hook_form_namespaceObject = require("react-hook-form");
|
|
32
33
|
const external_form_schema_cjs_namespaceObject = require("./form-schema.cjs");
|
|
@@ -52,7 +53,7 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
52
53
|
const getInitialVisibility = ()=>{
|
|
53
54
|
if (!field.rules || 0 === field.rules.length) return true;
|
|
54
55
|
const hasShowRule = field.rules.some((rule)=>rule.effects?.visible === true);
|
|
55
|
-
const hasHideRule = field.rules.some((
|
|
56
|
+
const hasHideRule = field.rules.some((rule_0)=>rule_0.effects?.visible === false);
|
|
56
57
|
if (!hasShowRule && !hasHideRule) return true;
|
|
57
58
|
const allValues = getValues();
|
|
58
59
|
const ruleResult = external_rules_engine_cjs_namespaceObject.RulesEngine.applyRules(field.rules, allValues, context);
|
|
@@ -62,9 +63,9 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
62
63
|
const getInitialRequired = ()=>{
|
|
63
64
|
const staticRequired = field.validation?.required ?? false;
|
|
64
65
|
if (!field.rules || 0 === field.rules.length) return staticRequired;
|
|
65
|
-
const
|
|
66
|
-
const
|
|
67
|
-
return
|
|
66
|
+
const allValues_0 = getValues();
|
|
67
|
+
const ruleResult_0 = external_rules_engine_cjs_namespaceObject.RulesEngine.applyRules(field.rules, allValues_0, context);
|
|
68
|
+
return ruleResult_0.required ?? staticRequired;
|
|
68
69
|
};
|
|
69
70
|
const [fieldState, setFieldState] = (0, external_react_namespaceObject.useState)({
|
|
70
71
|
visible: getInitialVisibility(),
|
|
@@ -75,8 +76,8 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
75
76
|
const dependentFields = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
76
77
|
if (!field.rules || 0 === field.rules.length) return [];
|
|
77
78
|
const fields = new Set();
|
|
78
|
-
field.rules.forEach((
|
|
79
|
-
|
|
79
|
+
field.rules.forEach((rule_1)=>{
|
|
80
|
+
rule_1.conditions?.forEach((condition)=>{
|
|
80
81
|
if ('when' in condition && condition.when) fields.add(condition.when);
|
|
81
82
|
});
|
|
82
83
|
});
|
|
@@ -86,12 +87,12 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
86
87
|
]);
|
|
87
88
|
const dataSourceDependentFields = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
88
89
|
if (!field.dataSource) return [];
|
|
89
|
-
const
|
|
90
|
+
const fields_0 = new Set();
|
|
90
91
|
if ('params' in field.dataSource && field.dataSource.params) Object.values(field.dataSource.params).forEach((value)=>{
|
|
91
|
-
if ('string' == typeof value && value.startsWith('$'))
|
|
92
|
+
if ('string' == typeof value && value.startsWith('$')) fields_0.add(value.slice(1));
|
|
92
93
|
});
|
|
93
|
-
if ('computed' === field.dataSource.type && 'dependency' in field.dataSource) field.dataSource.dependency.forEach((dep)=>
|
|
94
|
-
return Array.from(
|
|
94
|
+
if ('computed' === field.dataSource.type && 'dependency' in field.dataSource) field.dataSource.dependency.forEach((dep)=>fields_0.add(dep));
|
|
95
|
+
return Array.from(fields_0);
|
|
95
96
|
}, [
|
|
96
97
|
field.dataSource
|
|
97
98
|
]);
|
|
@@ -99,21 +100,21 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
99
100
|
const watchedRuleDependentValues = watch(dependentFields);
|
|
100
101
|
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
101
102
|
if (!field.rules || 0 === field.rules.length) return;
|
|
102
|
-
const
|
|
103
|
-
const
|
|
104
|
-
const
|
|
105
|
-
const
|
|
106
|
-
const hasRequiredRule = field.rules.some((
|
|
107
|
-
const hasDisabledRule = field.rules.some((
|
|
103
|
+
const allValues_1 = getValues();
|
|
104
|
+
const ruleResult_1 = external_rules_engine_cjs_namespaceObject.RulesEngine.applyRules(field.rules, allValues_1, contextRef.current);
|
|
105
|
+
const hasShowRule_0 = field.rules.some((rule_2)=>rule_2.effects?.visible === true);
|
|
106
|
+
const hasHideRule_0 = field.rules.some((rule_3)=>rule_3.effects?.visible === false);
|
|
107
|
+
const hasRequiredRule = field.rules.some((rule_4)=>rule_4.effects?.required !== void 0);
|
|
108
|
+
const hasDisabledRule = field.rules.some((rule_5)=>rule_5.effects?.disabled !== void 0);
|
|
108
109
|
const newState = {};
|
|
109
|
-
if (void 0 !==
|
|
110
|
-
else if (
|
|
111
|
-
if (void 0 !==
|
|
110
|
+
if (void 0 !== ruleResult_1.visible) newState.visible = ruleResult_1.visible;
|
|
111
|
+
else if (hasShowRule_0 || hasHideRule_0) newState.visible = !hasShowRule_0;
|
|
112
|
+
if (void 0 !== ruleResult_1.required) newState.required = ruleResult_1.required;
|
|
112
113
|
else if (hasRequiredRule) {
|
|
113
|
-
const hasUnconditionalRequired = field.rules.some((
|
|
114
|
+
const hasUnconditionalRequired = field.rules.some((rule_6)=>rule_6.effects?.required === true && 0 === rule_6.conditions.length);
|
|
114
115
|
newState.required = hasUnconditionalRequired || (field.validation?.required ?? false);
|
|
115
116
|
}
|
|
116
|
-
if (void 0 !==
|
|
117
|
+
if (void 0 !== ruleResult_1.disabled) newState.disabled = ruleResult_1.disabled;
|
|
117
118
|
else if (hasDisabledRule) newState.disabled = false;
|
|
118
119
|
setFieldState((prev)=>{
|
|
119
120
|
const nextState = {
|
|
@@ -133,10 +134,10 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
133
134
|
if (field.dataSource) return;
|
|
134
135
|
if (!(0, external_form_schema_cjs_namespaceObject.hasOptions)(field)) return;
|
|
135
136
|
const inlineOptions = field.options || [];
|
|
136
|
-
setFieldState((
|
|
137
|
-
if ((0, index_cjs_namespaceObject.deepEqual)(
|
|
137
|
+
setFieldState((prev_0)=>{
|
|
138
|
+
if ((0, index_cjs_namespaceObject.deepEqual)(prev_0.options, inlineOptions)) return prev_0;
|
|
138
139
|
return {
|
|
139
|
-
...
|
|
140
|
+
...prev_0,
|
|
140
141
|
options: inlineOptions
|
|
141
142
|
};
|
|
142
143
|
});
|
|
@@ -147,12 +148,12 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
147
148
|
if (!field.dataSource) return;
|
|
148
149
|
const fetchOptions = async ()=>{
|
|
149
150
|
try {
|
|
150
|
-
const
|
|
151
|
-
const data = await external_data_fetcher_cjs_namespaceObject.DataFetcher.fetch(field.dataSource,
|
|
152
|
-
setFieldState((
|
|
153
|
-
if ((0, index_cjs_namespaceObject.deepEqual)(
|
|
151
|
+
const allValues_2 = getValues();
|
|
152
|
+
const data = await external_data_fetcher_cjs_namespaceObject.DataFetcher.fetch(field.dataSource, allValues_2);
|
|
153
|
+
setFieldState((prev_1)=>{
|
|
154
|
+
if ((0, index_cjs_namespaceObject.deepEqual)(prev_1.options, data)) return prev_1;
|
|
154
155
|
return {
|
|
155
|
-
...
|
|
156
|
+
...prev_1,
|
|
156
157
|
options: data
|
|
157
158
|
};
|
|
158
159
|
});
|
|
@@ -180,13 +181,13 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
180
181
|
name: field.name,
|
|
181
182
|
control: control,
|
|
182
183
|
defaultValue: field.defaultValue,
|
|
183
|
-
render: ({ field: formField, fieldState: { error } })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CustomComponent, {
|
|
184
|
+
render: ({ field: formField, fieldState: { error: error_0 } })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CustomComponent, {
|
|
184
185
|
...formField,
|
|
185
186
|
...field.componentProps,
|
|
186
187
|
field: field,
|
|
187
188
|
disabled: formDisabled || fieldState.disabled,
|
|
188
189
|
required: fieldState.required,
|
|
189
|
-
error:
|
|
190
|
+
error: error_0?.message
|
|
190
191
|
})
|
|
191
192
|
})
|
|
192
193
|
});
|
|
@@ -197,10 +198,10 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
197
198
|
name: field.name,
|
|
198
199
|
control: control,
|
|
199
200
|
defaultValue: field.defaultValue,
|
|
200
|
-
render: ({ field:
|
|
201
|
+
render: ({ field: formField_0, fieldState: { error: error_1 } })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FieldByType, {
|
|
201
202
|
field: field,
|
|
202
|
-
formField:
|
|
203
|
-
error:
|
|
203
|
+
formField: formField_0,
|
|
204
|
+
error: error_1?.message,
|
|
204
205
|
disabled: formDisabled || fieldState.disabled,
|
|
205
206
|
required: fieldState.required,
|
|
206
207
|
options: fieldState.options
|
|
@@ -220,7 +221,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
|
|
|
220
221
|
}),
|
|
221
222
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
|
|
222
223
|
value: formField.value,
|
|
223
|
-
onChange: (
|
|
224
|
+
onChange: (e_1)=>formField.onChange(e_1.target.value),
|
|
224
225
|
onBlur: formField.onBlur,
|
|
225
226
|
name: formField.name,
|
|
226
227
|
ref: formField.ref,
|
|
@@ -255,7 +256,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
|
|
|
255
256
|
step: field.step,
|
|
256
257
|
placeholder: field.placeholder,
|
|
257
258
|
disabled: disabled,
|
|
258
|
-
onChange: (
|
|
259
|
+
onChange: (e_0)=>formField.onChange(parseFloat(e_0.target.value))
|
|
259
260
|
}),
|
|
260
261
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormDescription, {
|
|
261
262
|
children: field.description
|
|
@@ -308,11 +309,11 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
|
|
|
308
309
|
})
|
|
309
310
|
}),
|
|
310
311
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectContent, {
|
|
311
|
-
children: options.map((
|
|
312
|
-
value: String(
|
|
313
|
-
disabled: 'disabled' in
|
|
314
|
-
children:
|
|
315
|
-
}, String(
|
|
312
|
+
children: options.map((option_0)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
|
|
313
|
+
value: String(option_0.value),
|
|
314
|
+
disabled: 'disabled' in option_0 ? Boolean(option_0.disabled) : false,
|
|
315
|
+
children: option_0.label
|
|
316
|
+
}, String(option_0.value)))
|
|
316
317
|
})
|
|
317
318
|
]
|
|
318
319
|
}),
|
|
@@ -360,7 +361,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
|
|
|
360
361
|
children: [
|
|
361
362
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.Checkbox, {
|
|
362
363
|
checked: true === formField.value,
|
|
363
|
-
onCheckedChange: (
|
|
364
|
+
onCheckedChange: (checked_0)=>formField.onChange(true === checked_0),
|
|
364
365
|
disabled: disabled,
|
|
365
366
|
id: field.name
|
|
366
367
|
}),
|
|
@@ -553,38 +554,88 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
|
|
|
553
554
|
return null;
|
|
554
555
|
}
|
|
555
556
|
}
|
|
556
|
-
function FormField(
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
557
|
+
function FormField(t0) {
|
|
558
|
+
const $ = (0, compiler_runtime_namespaceObject.c)(5);
|
|
559
|
+
const { children, className: t1 } = t0;
|
|
560
|
+
const className = void 0 === t1 ? "" : t1;
|
|
561
|
+
let t2;
|
|
562
|
+
if ($[0] !== className) {
|
|
563
|
+
t2 = (0, index_cjs_namespaceObject.cn)("space-y-2", className);
|
|
564
|
+
$[0] = className;
|
|
565
|
+
$[1] = t2;
|
|
566
|
+
} else t2 = $[1];
|
|
567
|
+
let t3;
|
|
568
|
+
if ($[2] !== children || $[3] !== t2) {
|
|
569
|
+
t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
570
|
+
className: t2,
|
|
571
|
+
children: children
|
|
572
|
+
});
|
|
573
|
+
$[2] = children;
|
|
574
|
+
$[3] = t2;
|
|
575
|
+
$[4] = t3;
|
|
576
|
+
} else t3 = $[4];
|
|
577
|
+
return t3;
|
|
561
578
|
}
|
|
562
|
-
function FormLabel(
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
]
|
|
573
|
-
|
|
579
|
+
function FormLabel(t0) {
|
|
580
|
+
const $ = (0, compiler_runtime_namespaceObject.c)(7);
|
|
581
|
+
const { children, required, htmlFor, className: t1 } = t0;
|
|
582
|
+
const className = void 0 === t1 ? "" : t1;
|
|
583
|
+
let t2;
|
|
584
|
+
if ($[0] !== required) {
|
|
585
|
+
t2 = required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
586
|
+
className: "text-destructive ml-1",
|
|
587
|
+
children: "*"
|
|
588
|
+
});
|
|
589
|
+
$[0] = required;
|
|
590
|
+
$[1] = t2;
|
|
591
|
+
} else t2 = $[1];
|
|
592
|
+
let t3;
|
|
593
|
+
if ($[2] !== children || $[3] !== className || $[4] !== htmlFor || $[5] !== t2) {
|
|
594
|
+
t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(label_cjs_namespaceObject.Label, {
|
|
595
|
+
htmlFor: htmlFor,
|
|
596
|
+
className: className,
|
|
597
|
+
children: [
|
|
598
|
+
children,
|
|
599
|
+
t2
|
|
600
|
+
]
|
|
601
|
+
});
|
|
602
|
+
$[2] = children;
|
|
603
|
+
$[3] = className;
|
|
604
|
+
$[4] = htmlFor;
|
|
605
|
+
$[5] = t2;
|
|
606
|
+
$[6] = t3;
|
|
607
|
+
} else t3 = $[6];
|
|
608
|
+
return t3;
|
|
574
609
|
}
|
|
575
|
-
function FormDescription(
|
|
610
|
+
function FormDescription(t0) {
|
|
611
|
+
const $ = (0, compiler_runtime_namespaceObject.c)(2);
|
|
612
|
+
const { children } = t0;
|
|
576
613
|
if (!children) return null;
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
614
|
+
let t1;
|
|
615
|
+
if ($[0] !== children) {
|
|
616
|
+
t1 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
|
|
617
|
+
className: "text-sm text-muted-foreground",
|
|
618
|
+
children: children
|
|
619
|
+
});
|
|
620
|
+
$[0] = children;
|
|
621
|
+
$[1] = t1;
|
|
622
|
+
} else t1 = $[1];
|
|
623
|
+
return t1;
|
|
581
624
|
}
|
|
582
|
-
function FormError(
|
|
625
|
+
function FormError(t0) {
|
|
626
|
+
const $ = (0, compiler_runtime_namespaceObject.c)(2);
|
|
627
|
+
const { children } = t0;
|
|
583
628
|
if (!children) return null;
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
629
|
+
let t1;
|
|
630
|
+
if ($[0] !== children) {
|
|
631
|
+
t1 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
|
|
632
|
+
className: "text-sm text-destructive",
|
|
633
|
+
children: children
|
|
634
|
+
});
|
|
635
|
+
$[0] = children;
|
|
636
|
+
$[1] = t1;
|
|
637
|
+
} else t1 = $[1];
|
|
638
|
+
return t1;
|
|
588
639
|
}
|
|
589
640
|
exports.FormFieldRenderer = __webpack_exports__.FormFieldRenderer;
|
|
590
641
|
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { c } from "react/compiler-runtime";
|
|
2
3
|
import { useEffect, useMemo, useRef, useState } from "react";
|
|
3
4
|
import { Controller, useFormContext } from "react-hook-form";
|
|
4
5
|
import { hasOptions, isCustomField } from "./form-schema.js";
|
|
@@ -24,7 +25,7 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
24
25
|
const getInitialVisibility = ()=>{
|
|
25
26
|
if (!field.rules || 0 === field.rules.length) return true;
|
|
26
27
|
const hasShowRule = field.rules.some((rule)=>rule.effects?.visible === true);
|
|
27
|
-
const hasHideRule = field.rules.some((
|
|
28
|
+
const hasHideRule = field.rules.some((rule_0)=>rule_0.effects?.visible === false);
|
|
28
29
|
if (!hasShowRule && !hasHideRule) return true;
|
|
29
30
|
const allValues = getValues();
|
|
30
31
|
const ruleResult = RulesEngine.applyRules(field.rules, allValues, context);
|
|
@@ -34,9 +35,9 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
34
35
|
const getInitialRequired = ()=>{
|
|
35
36
|
const staticRequired = field.validation?.required ?? false;
|
|
36
37
|
if (!field.rules || 0 === field.rules.length) return staticRequired;
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
return
|
|
38
|
+
const allValues_0 = getValues();
|
|
39
|
+
const ruleResult_0 = RulesEngine.applyRules(field.rules, allValues_0, context);
|
|
40
|
+
return ruleResult_0.required ?? staticRequired;
|
|
40
41
|
};
|
|
41
42
|
const [fieldState, setFieldState] = useState({
|
|
42
43
|
visible: getInitialVisibility(),
|
|
@@ -47,8 +48,8 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
47
48
|
const dependentFields = useMemo(()=>{
|
|
48
49
|
if (!field.rules || 0 === field.rules.length) return [];
|
|
49
50
|
const fields = new Set();
|
|
50
|
-
field.rules.forEach((
|
|
51
|
-
|
|
51
|
+
field.rules.forEach((rule_1)=>{
|
|
52
|
+
rule_1.conditions?.forEach((condition)=>{
|
|
52
53
|
if ('when' in condition && condition.when) fields.add(condition.when);
|
|
53
54
|
});
|
|
54
55
|
});
|
|
@@ -58,12 +59,12 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
58
59
|
]);
|
|
59
60
|
const dataSourceDependentFields = useMemo(()=>{
|
|
60
61
|
if (!field.dataSource) return [];
|
|
61
|
-
const
|
|
62
|
+
const fields_0 = new Set();
|
|
62
63
|
if ('params' in field.dataSource && field.dataSource.params) Object.values(field.dataSource.params).forEach((value)=>{
|
|
63
|
-
if ('string' == typeof value && value.startsWith('$'))
|
|
64
|
+
if ('string' == typeof value && value.startsWith('$')) fields_0.add(value.slice(1));
|
|
64
65
|
});
|
|
65
|
-
if ('computed' === field.dataSource.type && 'dependency' in field.dataSource) field.dataSource.dependency.forEach((dep)=>
|
|
66
|
-
return Array.from(
|
|
66
|
+
if ('computed' === field.dataSource.type && 'dependency' in field.dataSource) field.dataSource.dependency.forEach((dep)=>fields_0.add(dep));
|
|
67
|
+
return Array.from(fields_0);
|
|
67
68
|
}, [
|
|
68
69
|
field.dataSource
|
|
69
70
|
]);
|
|
@@ -71,21 +72,21 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
71
72
|
const watchedRuleDependentValues = watch(dependentFields);
|
|
72
73
|
useEffect(()=>{
|
|
73
74
|
if (!field.rules || 0 === field.rules.length) return;
|
|
74
|
-
const
|
|
75
|
-
const
|
|
76
|
-
const
|
|
77
|
-
const
|
|
78
|
-
const hasRequiredRule = field.rules.some((
|
|
79
|
-
const hasDisabledRule = field.rules.some((
|
|
75
|
+
const allValues_1 = getValues();
|
|
76
|
+
const ruleResult_1 = RulesEngine.applyRules(field.rules, allValues_1, contextRef.current);
|
|
77
|
+
const hasShowRule_0 = field.rules.some((rule_2)=>rule_2.effects?.visible === true);
|
|
78
|
+
const hasHideRule_0 = field.rules.some((rule_3)=>rule_3.effects?.visible === false);
|
|
79
|
+
const hasRequiredRule = field.rules.some((rule_4)=>rule_4.effects?.required !== void 0);
|
|
80
|
+
const hasDisabledRule = field.rules.some((rule_5)=>rule_5.effects?.disabled !== void 0);
|
|
80
81
|
const newState = {};
|
|
81
|
-
if (void 0 !==
|
|
82
|
-
else if (
|
|
83
|
-
if (void 0 !==
|
|
82
|
+
if (void 0 !== ruleResult_1.visible) newState.visible = ruleResult_1.visible;
|
|
83
|
+
else if (hasShowRule_0 || hasHideRule_0) newState.visible = !hasShowRule_0;
|
|
84
|
+
if (void 0 !== ruleResult_1.required) newState.required = ruleResult_1.required;
|
|
84
85
|
else if (hasRequiredRule) {
|
|
85
|
-
const hasUnconditionalRequired = field.rules.some((
|
|
86
|
+
const hasUnconditionalRequired = field.rules.some((rule_6)=>rule_6.effects?.required === true && 0 === rule_6.conditions.length);
|
|
86
87
|
newState.required = hasUnconditionalRequired || (field.validation?.required ?? false);
|
|
87
88
|
}
|
|
88
|
-
if (void 0 !==
|
|
89
|
+
if (void 0 !== ruleResult_1.disabled) newState.disabled = ruleResult_1.disabled;
|
|
89
90
|
else if (hasDisabledRule) newState.disabled = false;
|
|
90
91
|
setFieldState((prev)=>{
|
|
91
92
|
const nextState = {
|
|
@@ -105,10 +106,10 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
105
106
|
if (field.dataSource) return;
|
|
106
107
|
if (!hasOptions(field)) return;
|
|
107
108
|
const inlineOptions = field.options || [];
|
|
108
|
-
setFieldState((
|
|
109
|
-
if (deepEqual(
|
|
109
|
+
setFieldState((prev_0)=>{
|
|
110
|
+
if (deepEqual(prev_0.options, inlineOptions)) return prev_0;
|
|
110
111
|
return {
|
|
111
|
-
...
|
|
112
|
+
...prev_0,
|
|
112
113
|
options: inlineOptions
|
|
113
114
|
};
|
|
114
115
|
});
|
|
@@ -119,12 +120,12 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
119
120
|
if (!field.dataSource) return;
|
|
120
121
|
const fetchOptions = async ()=>{
|
|
121
122
|
try {
|
|
122
|
-
const
|
|
123
|
-
const data = await DataFetcher.fetch(field.dataSource,
|
|
124
|
-
setFieldState((
|
|
125
|
-
if (deepEqual(
|
|
123
|
+
const allValues_2 = getValues();
|
|
124
|
+
const data = await DataFetcher.fetch(field.dataSource, allValues_2);
|
|
125
|
+
setFieldState((prev_1)=>{
|
|
126
|
+
if (deepEqual(prev_1.options, data)) return prev_1;
|
|
126
127
|
return {
|
|
127
|
-
...
|
|
128
|
+
...prev_1,
|
|
128
129
|
options: data
|
|
129
130
|
};
|
|
130
131
|
});
|
|
@@ -152,13 +153,13 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
152
153
|
name: field.name,
|
|
153
154
|
control: control,
|
|
154
155
|
defaultValue: field.defaultValue,
|
|
155
|
-
render: ({ field: formField, fieldState: { error } })=>/*#__PURE__*/ jsx(CustomComponent, {
|
|
156
|
+
render: ({ field: formField, fieldState: { error: error_0 } })=>/*#__PURE__*/ jsx(CustomComponent, {
|
|
156
157
|
...formField,
|
|
157
158
|
...field.componentProps,
|
|
158
159
|
field: field,
|
|
159
160
|
disabled: formDisabled || fieldState.disabled,
|
|
160
161
|
required: fieldState.required,
|
|
161
|
-
error:
|
|
162
|
+
error: error_0?.message
|
|
162
163
|
})
|
|
163
164
|
})
|
|
164
165
|
});
|
|
@@ -169,10 +170,10 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
|
|
|
169
170
|
name: field.name,
|
|
170
171
|
control: control,
|
|
171
172
|
defaultValue: field.defaultValue,
|
|
172
|
-
render: ({ field:
|
|
173
|
+
render: ({ field: formField_0, fieldState: { error: error_1 } })=>/*#__PURE__*/ jsx(FieldByType, {
|
|
173
174
|
field: field,
|
|
174
|
-
formField:
|
|
175
|
-
error:
|
|
175
|
+
formField: formField_0,
|
|
176
|
+
error: error_1?.message,
|
|
176
177
|
disabled: formDisabled || fieldState.disabled,
|
|
177
178
|
required: fieldState.required,
|
|
178
179
|
options: fieldState.options
|
|
@@ -192,7 +193,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
|
|
|
192
193
|
}),
|
|
193
194
|
/*#__PURE__*/ jsx(Input, {
|
|
194
195
|
value: formField.value,
|
|
195
|
-
onChange: (
|
|
196
|
+
onChange: (e_1)=>formField.onChange(e_1.target.value),
|
|
196
197
|
onBlur: formField.onBlur,
|
|
197
198
|
name: formField.name,
|
|
198
199
|
ref: formField.ref,
|
|
@@ -227,7 +228,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
|
|
|
227
228
|
step: field.step,
|
|
228
229
|
placeholder: field.placeholder,
|
|
229
230
|
disabled: disabled,
|
|
230
|
-
onChange: (
|
|
231
|
+
onChange: (e_0)=>formField.onChange(parseFloat(e_0.target.value))
|
|
231
232
|
}),
|
|
232
233
|
/*#__PURE__*/ jsx(FormDescription, {
|
|
233
234
|
children: field.description
|
|
@@ -280,11 +281,11 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
|
|
|
280
281
|
})
|
|
281
282
|
}),
|
|
282
283
|
/*#__PURE__*/ jsx(SelectContent, {
|
|
283
|
-
children: options.map((
|
|
284
|
-
value: String(
|
|
285
|
-
disabled: 'disabled' in
|
|
286
|
-
children:
|
|
287
|
-
}, String(
|
|
284
|
+
children: options.map((option_0)=>/*#__PURE__*/ jsx(SelectItem, {
|
|
285
|
+
value: String(option_0.value),
|
|
286
|
+
disabled: 'disabled' in option_0 ? Boolean(option_0.disabled) : false,
|
|
287
|
+
children: option_0.label
|
|
288
|
+
}, String(option_0.value)))
|
|
288
289
|
})
|
|
289
290
|
]
|
|
290
291
|
}),
|
|
@@ -332,7 +333,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
|
|
|
332
333
|
children: [
|
|
333
334
|
/*#__PURE__*/ jsx(Checkbox, {
|
|
334
335
|
checked: true === formField.value,
|
|
335
|
-
onCheckedChange: (
|
|
336
|
+
onCheckedChange: (checked_0)=>formField.onChange(true === checked_0),
|
|
336
337
|
disabled: disabled,
|
|
337
338
|
id: field.name
|
|
338
339
|
}),
|
|
@@ -525,37 +526,87 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
|
|
|
525
526
|
return null;
|
|
526
527
|
}
|
|
527
528
|
}
|
|
528
|
-
function FormField(
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
529
|
+
function FormField(t0) {
|
|
530
|
+
const $ = c(5);
|
|
531
|
+
const { children, className: t1 } = t0;
|
|
532
|
+
const className = void 0 === t1 ? "" : t1;
|
|
533
|
+
let t2;
|
|
534
|
+
if ($[0] !== className) {
|
|
535
|
+
t2 = cn("space-y-2", className);
|
|
536
|
+
$[0] = className;
|
|
537
|
+
$[1] = t2;
|
|
538
|
+
} else t2 = $[1];
|
|
539
|
+
let t3;
|
|
540
|
+
if ($[2] !== children || $[3] !== t2) {
|
|
541
|
+
t3 = /*#__PURE__*/ jsx("div", {
|
|
542
|
+
className: t2,
|
|
543
|
+
children: children
|
|
544
|
+
});
|
|
545
|
+
$[2] = children;
|
|
546
|
+
$[3] = t2;
|
|
547
|
+
$[4] = t3;
|
|
548
|
+
} else t3 = $[4];
|
|
549
|
+
return t3;
|
|
533
550
|
}
|
|
534
|
-
function FormLabel(
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
]
|
|
545
|
-
|
|
551
|
+
function FormLabel(t0) {
|
|
552
|
+
const $ = c(7);
|
|
553
|
+
const { children, required, htmlFor, className: t1 } = t0;
|
|
554
|
+
const className = void 0 === t1 ? "" : t1;
|
|
555
|
+
let t2;
|
|
556
|
+
if ($[0] !== required) {
|
|
557
|
+
t2 = required && /*#__PURE__*/ jsx("span", {
|
|
558
|
+
className: "text-destructive ml-1",
|
|
559
|
+
children: "*"
|
|
560
|
+
});
|
|
561
|
+
$[0] = required;
|
|
562
|
+
$[1] = t2;
|
|
563
|
+
} else t2 = $[1];
|
|
564
|
+
let t3;
|
|
565
|
+
if ($[2] !== children || $[3] !== className || $[4] !== htmlFor || $[5] !== t2) {
|
|
566
|
+
t3 = /*#__PURE__*/ jsxs(Label, {
|
|
567
|
+
htmlFor: htmlFor,
|
|
568
|
+
className: className,
|
|
569
|
+
children: [
|
|
570
|
+
children,
|
|
571
|
+
t2
|
|
572
|
+
]
|
|
573
|
+
});
|
|
574
|
+
$[2] = children;
|
|
575
|
+
$[3] = className;
|
|
576
|
+
$[4] = htmlFor;
|
|
577
|
+
$[5] = t2;
|
|
578
|
+
$[6] = t3;
|
|
579
|
+
} else t3 = $[6];
|
|
580
|
+
return t3;
|
|
546
581
|
}
|
|
547
|
-
function FormDescription(
|
|
582
|
+
function FormDescription(t0) {
|
|
583
|
+
const $ = c(2);
|
|
584
|
+
const { children } = t0;
|
|
548
585
|
if (!children) return null;
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
586
|
+
let t1;
|
|
587
|
+
if ($[0] !== children) {
|
|
588
|
+
t1 = /*#__PURE__*/ jsx("p", {
|
|
589
|
+
className: "text-sm text-muted-foreground",
|
|
590
|
+
children: children
|
|
591
|
+
});
|
|
592
|
+
$[0] = children;
|
|
593
|
+
$[1] = t1;
|
|
594
|
+
} else t1 = $[1];
|
|
595
|
+
return t1;
|
|
553
596
|
}
|
|
554
|
-
function FormError(
|
|
597
|
+
function FormError(t0) {
|
|
598
|
+
const $ = c(2);
|
|
599
|
+
const { children } = t0;
|
|
555
600
|
if (!children) return null;
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
601
|
+
let t1;
|
|
602
|
+
if ($[0] !== children) {
|
|
603
|
+
t1 = /*#__PURE__*/ jsx("p", {
|
|
604
|
+
className: "text-sm text-destructive",
|
|
605
|
+
children: children
|
|
606
|
+
});
|
|
607
|
+
$[0] = children;
|
|
608
|
+
$[1] = t1;
|
|
609
|
+
} else t1 = $[1];
|
|
610
|
+
return t1;
|
|
560
611
|
}
|
|
561
612
|
export { FormFieldRenderer };
|