@bsol-oss/react-datatable5 12.0.0-beta.33 → 12.0.0-beta.34
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.js +12 -12
- package/dist/index.mjs +12 -12
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3651,7 +3651,7 @@ const ArrayRenderer = ({ schema, column, prefix, }) => {
|
|
|
3651
3651
|
const isRequired = required?.some((columnId) => columnId === column);
|
|
3652
3652
|
const { formState: { errors }, setValue, watch, } = reactHookForm.useFormContext();
|
|
3653
3653
|
const fields = (watch(colLabel) ?? []);
|
|
3654
|
-
return (jsxRuntime.jsxs(react.Box, { gridRow, gridColumn, children: [jsxRuntime.jsxs(react.Box, { as: "label",
|
|
3654
|
+
return (jsxRuntime.jsxs(react.Box, { gridRow, gridColumn, children: [jsxRuntime.jsxs(react.Box, { as: "label", children: [`${translate.t(removeIndex(`${colLabel}.field_label`))}`, isRequired && jsxRuntime.jsx("span", { children: "*" })] }), fields.map((field, index) => (jsxRuntime.jsxs(react.Flex, { flexFlow: "column", children: [jsxRuntime.jsx(react.Box, { children: index + 1 }), jsxRuntime.jsx(react.Grid, { gridTemplateColumns: "repeat(12, 1fr)", autoFlow: "row", children: jsxRuntime.jsx(SchemaRenderer, { column: `${index}`,
|
|
3655
3655
|
prefix: `${colLabel}.`,
|
|
3656
3656
|
schema: items }) }), jsxRuntime.jsx(react.Flex, { justifyContent: "end", children: jsxRuntime.jsx(react.Button, { variant: "ghost", onClick: () => {
|
|
3657
3657
|
setValue(colLabel, fields.filter((_, curIndex) => {
|
|
@@ -3861,7 +3861,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, }) => {
|
|
|
3861
3861
|
const [limit, setLimit] = React.useState(10);
|
|
3862
3862
|
const [openSearchResult, setOpenSearchResult] = React.useState();
|
|
3863
3863
|
const ref = React.useRef(null);
|
|
3864
|
-
const colLabel = `${prefix}${
|
|
3864
|
+
const colLabel = `${prefix}${colLabel}`;
|
|
3865
3865
|
const watchEnum = watch(colLabel);
|
|
3866
3866
|
const watchEnums = (watch(colLabel) ?? []);
|
|
3867
3867
|
const dataList = schema.enum ?? [];
|
|
@@ -3872,7 +3872,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, }) => {
|
|
|
3872
3872
|
setLimit(10);
|
|
3873
3873
|
};
|
|
3874
3874
|
if (variant === "radio") {
|
|
3875
|
-
return (jsxRuntime.jsx(Field, { label: `${translate.t(removeIndex(`${
|
|
3875
|
+
return (jsxRuntime.jsx(Field, { label: `${translate.t(removeIndex(`${colLabel}.field_label`))}`, required: isRequired, alignItems: "stretch", gridColumn,
|
|
3876
3876
|
gridRow, children: jsxRuntime.jsx(react.RadioGroup.Root, { defaultValue: "1", children: jsxRuntime.jsx(react.HStack, { gap: "6", children: filterArray(dataList, searchText ?? "").map((item) => {
|
|
3877
3877
|
return (jsxRuntime.jsxs(react.RadioGroup.Item, { onClick: () => {
|
|
3878
3878
|
if (!isMultiple) {
|
|
@@ -3887,7 +3887,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, }) => {
|
|
|
3887
3887
|
: translate.t(removeIndex(`${colLabel}.${item}`)) })] }, `${colLabel}-${item}`));
|
|
3888
3888
|
}) }) }) }));
|
|
3889
3889
|
}
|
|
3890
|
-
return (jsxRuntime.jsxs(Field, { label: `${translate.t(removeIndex(`${
|
|
3890
|
+
return (jsxRuntime.jsxs(Field, { label: `${translate.t(removeIndex(`${colLabel}.field_label`))}`, required: isRequired, alignItems: "stretch", gridColumn,
|
|
3891
3891
|
gridRow, children: [isMultiple && (jsxRuntime.jsxs(react.Flex, { flexFlow: "wrap", gap: 1, children: [watchEnums.map((enumValue) => {
|
|
3892
3892
|
const item = enumValue;
|
|
3893
3893
|
if (item === undefined) {
|
|
@@ -3904,10 +3904,10 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, }) => {
|
|
|
3904
3904
|
setOpenSearchResult(true);
|
|
3905
3905
|
}, justifyContent: "start", children: watchEnum === undefined
|
|
3906
3906
|
? ""
|
|
3907
|
-
: translate.t(removeIndex(`${colLabel}.${watchEnum}`)) })), jsxRuntime.jsxs(PopoverRoot, { open: openSearchResult, onOpenChange: (e) => setOpenSearchResult(e.open), closeOnInteractOutside: true, initialFocusEl: () => ref.current, positioning: { placement: "bottom-start" }, children: [jsxRuntime.jsx(PopoverTrigger, {}), jsxRuntime.jsx(PopoverContent, { children: jsxRuntime.jsxs(PopoverBody, { display: "grid", gap: 1, children: [jsxRuntime.jsx(react.Input, { placeholder: translate.t(`${
|
|
3907
|
+
: translate.t(removeIndex(`${colLabel}.${watchEnum}`)) })), jsxRuntime.jsxs(PopoverRoot, { open: openSearchResult, onOpenChange: (e) => setOpenSearchResult(e.open), closeOnInteractOutside: true, initialFocusEl: () => ref.current, positioning: { placement: "bottom-start" }, children: [jsxRuntime.jsx(PopoverTrigger, {}), jsxRuntime.jsx(PopoverContent, { children: jsxRuntime.jsxs(PopoverBody, { display: "grid", gap: 1, children: [jsxRuntime.jsx(react.Input, { placeholder: translate.t(`${colLabel}.type_to_search`), onChange: (event) => {
|
|
3908
3908
|
onSearchChange(event);
|
|
3909
3909
|
setOpenSearchResult(true);
|
|
3910
|
-
}, autoComplete: "off", ref: ref }), jsxRuntime.jsx(PopoverTitle, {}), jsxRuntime.jsx(react.Text, { children: `${translate.t(`${
|
|
3910
|
+
}, autoComplete: "off", ref: ref }), jsxRuntime.jsx(PopoverTitle, {}), jsxRuntime.jsx(react.Text, { children: `${translate.t(`${colLabel}.total`)}: ${count}, ${translate.t(`${colLabel}.showing`)} ${limit}` }), jsxRuntime.jsxs(react.Grid, { gridTemplateColumns: "repeat(auto-fit, minmax(15rem, 1fr))", overflow: "auto", maxHeight: "50vh", children: [jsxRuntime.jsx(react.Flex, { flexFlow: "column wrap", children: filterArray(dataList, searchText ?? "").map((item) => {
|
|
3911
3911
|
const selected = isMultiple
|
|
3912
3912
|
? watchEnums.some((enumValue) => item === enumValue)
|
|
3913
3913
|
: watchEnum == item;
|
|
@@ -3922,7 +3922,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, }) => {
|
|
|
3922
3922
|
}, ...(selected ? { color: "colorPalette.400/50" } : {}), children: !!renderDisplay === true
|
|
3923
3923
|
? renderDisplay(item)
|
|
3924
3924
|
: translate.t(removeIndex(`${colLabel}.${item}`)) }, `${colLabel}-${item}`));
|
|
3925
|
-
}) }), isDirty && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: dataList.length <= 0 && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: translate.t(removeIndex(`${colLabel}.empty_search_result`)) })) }))] })] }) })] }), errors[`${
|
|
3925
|
+
}) }), isDirty && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: dataList.length <= 0 && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: translate.t(removeIndex(`${colLabel}.empty_search_result`)) })) }))] })] }) })] }), errors[`${colLabel}`] && (jsxRuntime.jsx(react.Text, { color: "red.400", children: translate.t(removeIndex(`${colLabel}.field_required`)) }))] }));
|
|
3926
3926
|
};
|
|
3927
3927
|
|
|
3928
3928
|
function isEnteringWindow(_ref) {
|
|
@@ -4477,7 +4477,7 @@ const NumberInputField = ({ schema, column, prefix, }) => {
|
|
|
4477
4477
|
};
|
|
4478
4478
|
|
|
4479
4479
|
const ObjectInput = ({ schema, column, prefix }) => {
|
|
4480
|
-
const { properties, gridColumn = "span
|
|
4480
|
+
const { properties, gridColumn = "span 12", gridRow = "span 1", required, } = schema;
|
|
4481
4481
|
const { translate } = useSchemaContext();
|
|
4482
4482
|
const colLabel = `${prefix}${column}`;
|
|
4483
4483
|
const isRequired = required?.some((columnId) => columnId === column);
|
|
@@ -4485,7 +4485,7 @@ const ObjectInput = ({ schema, column, prefix }) => {
|
|
|
4485
4485
|
if (properties === undefined) {
|
|
4486
4486
|
throw new Error(`properties is undefined when using ObjectInput`);
|
|
4487
4487
|
}
|
|
4488
|
-
return (jsxRuntime.jsxs(react.Box, { gridRow, gridColumn, children: [jsxRuntime.jsxs(react.Box, { as: "label",
|
|
4488
|
+
return (jsxRuntime.jsxs(react.Box, { gridRow, gridColumn, children: [jsxRuntime.jsxs(react.Box, { as: "label", children: [`${translate.t(removeIndex(`${colLabel}.field_label`))}`, isRequired && jsxRuntime.jsx("span", { children: "*" })] }), jsxRuntime.jsx(react.Grid, { gap: "4", padding: "4", gridTemplateColumns: "repeat(12, 1fr)", autoFlow: "row", children: Object.keys(properties ?? {}).map((key) => {
|
|
4489
4489
|
return (
|
|
4490
4490
|
// @ts-expect-error find suitable types
|
|
4491
4491
|
jsxRuntime.jsx(ColumnRenderer, { column: `${key}`,
|
|
@@ -4837,7 +4837,7 @@ const ArrayViewer = ({ schema, column, prefix }) => {
|
|
|
4837
4837
|
const isRequired = required?.some((columnId) => columnId === column);
|
|
4838
4838
|
const { watch, formState: { errors }, } = reactHookForm.useFormContext();
|
|
4839
4839
|
const values = watch(colLabel) ?? [];
|
|
4840
|
-
return (jsxRuntime.jsxs(react.Box, { gridRow, gridColumn, children: [jsxRuntime.jsxs(react.Box, { as: "label", gridColumn: "1/span12", children: [`${translate.t(removeIndex(`${colLabel}.field_label`))}`, isRequired && jsxRuntime.jsx("span", { children: "*" })] }), values.map((field, index) => (jsxRuntime.jsx(react.Flex, { flexFlow: "column", children: jsxRuntime.jsx(react.Grid, { gap: "4", padding: "4", gridTemplateColumns: "repeat(12, 1fr)",
|
|
4840
|
+
return (jsxRuntime.jsxs(react.Box, { gridRow, gridColumn, children: [jsxRuntime.jsxs(react.Box, { as: "label", gridColumn: "1/span12", children: [`${translate.t(removeIndex(`${colLabel}.field_label`))}`, isRequired && jsxRuntime.jsx("span", { children: "*" })] }), values.map((field, index) => (jsxRuntime.jsx(react.Flex, { flexFlow: "column", children: jsxRuntime.jsx(react.Grid, { gap: "4", padding: "4", gridTemplateColumns: "repeat(12, 1fr)", autoFlow: "row", children: jsxRuntime.jsx(SchemaViewer, { column: `${index}`,
|
|
4841
4841
|
prefix: `${colLabel}.`,
|
|
4842
4842
|
schema: items }) }) }, `form-${prefix}${column}.${index}`))), errors[`${column}`] && (jsxRuntime.jsx(react.Text, { color: "red.400", children: translate.t(removeIndex(`${colLabel}.field_required`)) }))] }));
|
|
4843
4843
|
};
|
|
@@ -5297,7 +5297,7 @@ const FormBody = () => {
|
|
|
5297
5297
|
}, formNoValidate: true, children: translate.t("submit_again") }) })] }));
|
|
5298
5298
|
}
|
|
5299
5299
|
if (isConfirming) {
|
|
5300
|
-
return (jsxRuntime.jsxs(react.Flex, { flexFlow: "column", gap: "2", children: [jsxRuntime.jsx(react.Grid, { gap: 4, gridTemplateColumns: "repeat(12, 1fr)", gridTemplateRows:
|
|
5300
|
+
return (jsxRuntime.jsxs(react.Flex, { flexFlow: "column", gap: "2", children: [jsxRuntime.jsx(react.Grid, { gap: 4, gridTemplateColumns: "repeat(12, 1fr)", gridTemplateRows: "repeat(12, max-content)", autoFlow: "row", children: ordered.map((column) => {
|
|
5301
5301
|
return (jsxRuntime.jsx(ColumnViewer
|
|
5302
5302
|
// @ts-expect-error find suitable types
|
|
5303
5303
|
, {
|
|
@@ -5309,7 +5309,7 @@ const FormBody = () => {
|
|
|
5309
5309
|
onFormSubmit(validatedData);
|
|
5310
5310
|
}, children: translate.t("confirm") })] }), isSubmiting && (jsxRuntime.jsx(react.Box, { pos: "absolute", inset: "0", bg: "bg/80", children: jsxRuntime.jsx(react.Center, { h: "full", children: jsxRuntime.jsx(react.Spinner, { color: "teal.500" }) }) })), isError && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(react.Alert.Root, { status: "error", children: jsxRuntime.jsx(react.Alert.Title, { children: jsxRuntime.jsx(AccordionRoot, { collapsible: true, defaultValue: [], children: jsxRuntime.jsxs(AccordionItem, { value: "b", children: [jsxRuntime.jsxs(AccordionItemTrigger, { children: [jsxRuntime.jsx(react.Alert.Indicator, {}), `${error}`] }), jsxRuntime.jsx(AccordionItemContent, { children: `${JSON.stringify(error)}` })] }) }) }) }) }))] }));
|
|
5311
5311
|
}
|
|
5312
|
-
return (jsxRuntime.jsxs(react.Flex, { flexFlow: "column", gap: "2", children: [jsxRuntime.jsx(react.Grid, { gap: "4", gridTemplateColumns: "repeat(12, 1fr)",
|
|
5312
|
+
return (jsxRuntime.jsxs(react.Flex, { flexFlow: "column", gap: "2", children: [jsxRuntime.jsx(react.Grid, { gap: "4", gridTemplateColumns: "repeat(12, 1fr)", autoFlow: "row", children: ordered.map((column) => {
|
|
5313
5313
|
return (jsxRuntime.jsx(ColumnRenderer
|
|
5314
5314
|
// @ts-expect-error find suitable types
|
|
5315
5315
|
, {
|
package/dist/index.mjs
CHANGED
|
@@ -3631,7 +3631,7 @@ const ArrayRenderer = ({ schema, column, prefix, }) => {
|
|
|
3631
3631
|
const isRequired = required?.some((columnId) => columnId === column);
|
|
3632
3632
|
const { formState: { errors }, setValue, watch, } = useFormContext();
|
|
3633
3633
|
const fields = (watch(colLabel) ?? []);
|
|
3634
|
-
return (jsxs(Box, { gridRow, gridColumn, children: [jsxs(Box, { as: "label",
|
|
3634
|
+
return (jsxs(Box, { gridRow, gridColumn, children: [jsxs(Box, { as: "label", children: [`${translate.t(removeIndex(`${colLabel}.field_label`))}`, isRequired && jsx("span", { children: "*" })] }), fields.map((field, index) => (jsxs(Flex, { flexFlow: "column", children: [jsx(Box, { children: index + 1 }), jsx(Grid, { gridTemplateColumns: "repeat(12, 1fr)", autoFlow: "row", children: jsx(SchemaRenderer, { column: `${index}`,
|
|
3635
3635
|
prefix: `${colLabel}.`,
|
|
3636
3636
|
schema: items }) }), jsx(Flex, { justifyContent: "end", children: jsx(Button$1, { variant: "ghost", onClick: () => {
|
|
3637
3637
|
setValue(colLabel, fields.filter((_, curIndex) => {
|
|
@@ -3841,7 +3841,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, }) => {
|
|
|
3841
3841
|
const [limit, setLimit] = useState(10);
|
|
3842
3842
|
const [openSearchResult, setOpenSearchResult] = useState();
|
|
3843
3843
|
const ref = useRef(null);
|
|
3844
|
-
const colLabel = `${prefix}${
|
|
3844
|
+
const colLabel = `${prefix}${colLabel}`;
|
|
3845
3845
|
const watchEnum = watch(colLabel);
|
|
3846
3846
|
const watchEnums = (watch(colLabel) ?? []);
|
|
3847
3847
|
const dataList = schema.enum ?? [];
|
|
@@ -3852,7 +3852,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, }) => {
|
|
|
3852
3852
|
setLimit(10);
|
|
3853
3853
|
};
|
|
3854
3854
|
if (variant === "radio") {
|
|
3855
|
-
return (jsx(Field, { label: `${translate.t(removeIndex(`${
|
|
3855
|
+
return (jsx(Field, { label: `${translate.t(removeIndex(`${colLabel}.field_label`))}`, required: isRequired, alignItems: "stretch", gridColumn,
|
|
3856
3856
|
gridRow, children: jsx(RadioGroup$1.Root, { defaultValue: "1", children: jsx(HStack, { gap: "6", children: filterArray(dataList, searchText ?? "").map((item) => {
|
|
3857
3857
|
return (jsxs(RadioGroup$1.Item, { onClick: () => {
|
|
3858
3858
|
if (!isMultiple) {
|
|
@@ -3867,7 +3867,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, }) => {
|
|
|
3867
3867
|
: translate.t(removeIndex(`${colLabel}.${item}`)) })] }, `${colLabel}-${item}`));
|
|
3868
3868
|
}) }) }) }));
|
|
3869
3869
|
}
|
|
3870
|
-
return (jsxs(Field, { label: `${translate.t(removeIndex(`${
|
|
3870
|
+
return (jsxs(Field, { label: `${translate.t(removeIndex(`${colLabel}.field_label`))}`, required: isRequired, alignItems: "stretch", gridColumn,
|
|
3871
3871
|
gridRow, children: [isMultiple && (jsxs(Flex, { flexFlow: "wrap", gap: 1, children: [watchEnums.map((enumValue) => {
|
|
3872
3872
|
const item = enumValue;
|
|
3873
3873
|
if (item === undefined) {
|
|
@@ -3884,10 +3884,10 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, }) => {
|
|
|
3884
3884
|
setOpenSearchResult(true);
|
|
3885
3885
|
}, justifyContent: "start", children: watchEnum === undefined
|
|
3886
3886
|
? ""
|
|
3887
|
-
: translate.t(removeIndex(`${colLabel}.${watchEnum}`)) })), jsxs(PopoverRoot, { open: openSearchResult, onOpenChange: (e) => setOpenSearchResult(e.open), closeOnInteractOutside: true, initialFocusEl: () => ref.current, positioning: { placement: "bottom-start" }, children: [jsx(PopoverTrigger, {}), jsx(PopoverContent, { children: jsxs(PopoverBody, { display: "grid", gap: 1, children: [jsx(Input, { placeholder: translate.t(`${
|
|
3887
|
+
: translate.t(removeIndex(`${colLabel}.${watchEnum}`)) })), jsxs(PopoverRoot, { open: openSearchResult, onOpenChange: (e) => setOpenSearchResult(e.open), closeOnInteractOutside: true, initialFocusEl: () => ref.current, positioning: { placement: "bottom-start" }, children: [jsx(PopoverTrigger, {}), jsx(PopoverContent, { children: jsxs(PopoverBody, { display: "grid", gap: 1, children: [jsx(Input, { placeholder: translate.t(`${colLabel}.type_to_search`), onChange: (event) => {
|
|
3888
3888
|
onSearchChange(event);
|
|
3889
3889
|
setOpenSearchResult(true);
|
|
3890
|
-
}, autoComplete: "off", ref: ref }), jsx(PopoverTitle, {}), jsx(Text, { children: `${translate.t(`${
|
|
3890
|
+
}, autoComplete: "off", ref: ref }), jsx(PopoverTitle, {}), jsx(Text, { children: `${translate.t(`${colLabel}.total`)}: ${count}, ${translate.t(`${colLabel}.showing`)} ${limit}` }), jsxs(Grid, { gridTemplateColumns: "repeat(auto-fit, minmax(15rem, 1fr))", overflow: "auto", maxHeight: "50vh", children: [jsx(Flex, { flexFlow: "column wrap", children: filterArray(dataList, searchText ?? "").map((item) => {
|
|
3891
3891
|
const selected = isMultiple
|
|
3892
3892
|
? watchEnums.some((enumValue) => item === enumValue)
|
|
3893
3893
|
: watchEnum == item;
|
|
@@ -3902,7 +3902,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, }) => {
|
|
|
3902
3902
|
}, ...(selected ? { color: "colorPalette.400/50" } : {}), children: !!renderDisplay === true
|
|
3903
3903
|
? renderDisplay(item)
|
|
3904
3904
|
: translate.t(removeIndex(`${colLabel}.${item}`)) }, `${colLabel}-${item}`));
|
|
3905
|
-
}) }), isDirty && (jsx(Fragment, { children: dataList.length <= 0 && (jsx(Fragment, { children: translate.t(removeIndex(`${colLabel}.empty_search_result`)) })) }))] })] }) })] }), errors[`${
|
|
3905
|
+
}) }), isDirty && (jsx(Fragment, { children: dataList.length <= 0 && (jsx(Fragment, { children: translate.t(removeIndex(`${colLabel}.empty_search_result`)) })) }))] })] }) })] }), errors[`${colLabel}`] && (jsx(Text, { color: "red.400", children: translate.t(removeIndex(`${colLabel}.field_required`)) }))] }));
|
|
3906
3906
|
};
|
|
3907
3907
|
|
|
3908
3908
|
function isEnteringWindow(_ref) {
|
|
@@ -4457,7 +4457,7 @@ const NumberInputField = ({ schema, column, prefix, }) => {
|
|
|
4457
4457
|
};
|
|
4458
4458
|
|
|
4459
4459
|
const ObjectInput = ({ schema, column, prefix }) => {
|
|
4460
|
-
const { properties, gridColumn = "span
|
|
4460
|
+
const { properties, gridColumn = "span 12", gridRow = "span 1", required, } = schema;
|
|
4461
4461
|
const { translate } = useSchemaContext();
|
|
4462
4462
|
const colLabel = `${prefix}${column}`;
|
|
4463
4463
|
const isRequired = required?.some((columnId) => columnId === column);
|
|
@@ -4465,7 +4465,7 @@ const ObjectInput = ({ schema, column, prefix }) => {
|
|
|
4465
4465
|
if (properties === undefined) {
|
|
4466
4466
|
throw new Error(`properties is undefined when using ObjectInput`);
|
|
4467
4467
|
}
|
|
4468
|
-
return (jsxs(Box, { gridRow, gridColumn, children: [jsxs(Box, { as: "label",
|
|
4468
|
+
return (jsxs(Box, { gridRow, gridColumn, children: [jsxs(Box, { as: "label", children: [`${translate.t(removeIndex(`${colLabel}.field_label`))}`, isRequired && jsx("span", { children: "*" })] }), jsx(Grid, { gap: "4", padding: "4", gridTemplateColumns: "repeat(12, 1fr)", autoFlow: "row", children: Object.keys(properties ?? {}).map((key) => {
|
|
4469
4469
|
return (
|
|
4470
4470
|
// @ts-expect-error find suitable types
|
|
4471
4471
|
jsx(ColumnRenderer, { column: `${key}`,
|
|
@@ -4817,7 +4817,7 @@ const ArrayViewer = ({ schema, column, prefix }) => {
|
|
|
4817
4817
|
const isRequired = required?.some((columnId) => columnId === column);
|
|
4818
4818
|
const { watch, formState: { errors }, } = useFormContext();
|
|
4819
4819
|
const values = watch(colLabel) ?? [];
|
|
4820
|
-
return (jsxs(Box, { gridRow, gridColumn, children: [jsxs(Box, { as: "label", gridColumn: "1/span12", children: [`${translate.t(removeIndex(`${colLabel}.field_label`))}`, isRequired && jsx("span", { children: "*" })] }), values.map((field, index) => (jsx(Flex, { flexFlow: "column", children: jsx(Grid, { gap: "4", padding: "4", gridTemplateColumns: "repeat(12, 1fr)",
|
|
4820
|
+
return (jsxs(Box, { gridRow, gridColumn, children: [jsxs(Box, { as: "label", gridColumn: "1/span12", children: [`${translate.t(removeIndex(`${colLabel}.field_label`))}`, isRequired && jsx("span", { children: "*" })] }), values.map((field, index) => (jsx(Flex, { flexFlow: "column", children: jsx(Grid, { gap: "4", padding: "4", gridTemplateColumns: "repeat(12, 1fr)", autoFlow: "row", children: jsx(SchemaViewer, { column: `${index}`,
|
|
4821
4821
|
prefix: `${colLabel}.`,
|
|
4822
4822
|
schema: items }) }) }, `form-${prefix}${column}.${index}`))), errors[`${column}`] && (jsx(Text, { color: "red.400", children: translate.t(removeIndex(`${colLabel}.field_required`)) }))] }));
|
|
4823
4823
|
};
|
|
@@ -5277,7 +5277,7 @@ const FormBody = () => {
|
|
|
5277
5277
|
}, formNoValidate: true, children: translate.t("submit_again") }) })] }));
|
|
5278
5278
|
}
|
|
5279
5279
|
if (isConfirming) {
|
|
5280
|
-
return (jsxs(Flex, { flexFlow: "column", gap: "2", children: [jsx(Grid, { gap: 4, gridTemplateColumns: "repeat(12, 1fr)", gridTemplateRows:
|
|
5280
|
+
return (jsxs(Flex, { flexFlow: "column", gap: "2", children: [jsx(Grid, { gap: 4, gridTemplateColumns: "repeat(12, 1fr)", gridTemplateRows: "repeat(12, max-content)", autoFlow: "row", children: ordered.map((column) => {
|
|
5281
5281
|
return (jsx(ColumnViewer
|
|
5282
5282
|
// @ts-expect-error find suitable types
|
|
5283
5283
|
, {
|
|
@@ -5289,7 +5289,7 @@ const FormBody = () => {
|
|
|
5289
5289
|
onFormSubmit(validatedData);
|
|
5290
5290
|
}, children: translate.t("confirm") })] }), isSubmiting && (jsx(Box, { pos: "absolute", inset: "0", bg: "bg/80", children: jsx(Center, { h: "full", children: jsx(Spinner, { color: "teal.500" }) }) })), isError && (jsx(Fragment, { children: jsx(Alert.Root, { status: "error", children: jsx(Alert.Title, { children: jsx(AccordionRoot, { collapsible: true, defaultValue: [], children: jsxs(AccordionItem, { value: "b", children: [jsxs(AccordionItemTrigger, { children: [jsx(Alert.Indicator, {}), `${error}`] }), jsx(AccordionItemContent, { children: `${JSON.stringify(error)}` })] }) }) }) }) }))] }));
|
|
5291
5291
|
}
|
|
5292
|
-
return (jsxs(Flex, { flexFlow: "column", gap: "2", children: [jsx(Grid, { gap: "4", gridTemplateColumns: "repeat(12, 1fr)",
|
|
5292
|
+
return (jsxs(Flex, { flexFlow: "column", gap: "2", children: [jsx(Grid, { gap: "4", gridTemplateColumns: "repeat(12, 1fr)", autoFlow: "row", children: ordered.map((column) => {
|
|
5293
5293
|
return (jsx(ColumnRenderer
|
|
5294
5294
|
// @ts-expect-error find suitable types
|
|
5295
5295
|
, {
|