@bsol-oss/react-datatable5 12.0.0-beta.39 → 12.0.0-beta.40
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.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -3890,8 +3890,8 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, showTotalAndLi
|
|
|
3890
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
|
-
if (item ===
|
|
3894
|
-
return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
3893
|
+
if (!!item === false) {
|
|
3894
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
3895
3895
|
}
|
|
3896
3896
|
return (jsxRuntime.jsx(Tag, { closable: true, onClick: () => {
|
|
3897
3897
|
setValue(column, watchEnums.filter((id) => id != item));
|
|
@@ -3902,12 +3902,12 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, showTotalAndLi
|
|
|
3902
3902
|
setOpenSearchResult(true);
|
|
3903
3903
|
}, children: translate.t(removeIndex(`${colLabel}.add_more`)) })] })), !isMultiple && (jsxRuntime.jsx(Button, { variant: "outline", onClick: () => {
|
|
3904
3904
|
setOpenSearchResult(true);
|
|
3905
|
-
}, justifyContent: "start", children: watchEnum ===
|
|
3905
|
+
}, justifyContent: "start", children: !!watchEnum === false
|
|
3906
3906
|
? ""
|
|
3907
3907
|
: translate.t(removeIndex(`${colLabel}.${watchEnum ?? "null"}`)) })), 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, {}), showTotalAndLimit && (jsxRuntime.jsx(react.Text, { children: `${translate.t(`${colLabel}.total`)}: ${count}, ${translate.t(`${colLabel}.showing`)} ${limit}` })), jsxRuntime.jsxs(react.Grid, {
|
|
3910
|
+
}, autoComplete: "off", ref: ref }), jsxRuntime.jsx(PopoverTitle, {}), showTotalAndLimit && (jsxRuntime.jsx(react.Text, { children: `${translate.t(removeIndex(`${colLabel}.total`))}: ${count}, ${translate.t(removeIndex(`${colLabel}.showing`))} ${limit}` })), jsxRuntime.jsxs(react.Grid, { overflow: "auto", maxHeight: "20rem", children: [jsxRuntime.jsx(react.Flex, { flexFlow: "column wrap", children: dataList
|
|
3911
3911
|
.filter((item) => {
|
|
3912
3912
|
const searchTerm = (searchText || "").toLowerCase();
|
|
3913
3913
|
if (!searchTerm)
|
|
@@ -4909,7 +4909,7 @@ function TimePicker$1({ hour, setHour, minute, setMinute, meridiem, setMeridiem,
|
|
|
4909
4909
|
const TimePicker = ({ column, schema, prefix }) => {
|
|
4910
4910
|
const { watch, formState: { errors }, setValue, } = reactHookForm.useFormContext();
|
|
4911
4911
|
const { translate } = useSchemaContext();
|
|
4912
|
-
const { required, gridColumn = "span 4", gridRow = "span 1" } = schema;
|
|
4912
|
+
const { required, gridColumn = "span 4", gridRow = "span 1", format } = schema;
|
|
4913
4913
|
const isRequired = required?.some((columnId) => columnId === column);
|
|
4914
4914
|
const colLabel = `${prefix}${column}`;
|
|
4915
4915
|
const [open, setOpen] = React.useState(false);
|
|
@@ -4950,7 +4950,7 @@ const TimePicker = ({ column, schema, prefix }) => {
|
|
|
4950
4950
|
h = 0;
|
|
4951
4951
|
else if (meridiem === "pm" && hour < 12)
|
|
4952
4952
|
h = hour + 12;
|
|
4953
|
-
return dayjs().hour(h).minute(minute).second(0).
|
|
4953
|
+
return dayjs().hour(h).minute(minute).second(0).format(format);
|
|
4954
4954
|
};
|
|
4955
4955
|
// Handle changes to time parts
|
|
4956
4956
|
const handleTimeChange = ({ hour: newHour, minute: newMinute, meridiem: newMeridiem, }) => {
|
|
@@ -5170,7 +5170,8 @@ const ObjectViewer = ({ schema, column, prefix }) => {
|
|
|
5170
5170
|
if (properties === undefined) {
|
|
5171
5171
|
throw new Error(`properties is undefined when using ObjectInput`);
|
|
5172
5172
|
}
|
|
5173
|
-
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",
|
|
5173
|
+
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", gridColumn,
|
|
5174
|
+
gridRow, children: Object.keys(properties ?? {}).map((key) => {
|
|
5174
5175
|
return (
|
|
5175
5176
|
// @ts-expect-error find suitable types
|
|
5176
5177
|
jsxRuntime.jsx(ColumnViewer, { column: `${key}`,
|
package/dist/index.mjs
CHANGED
|
@@ -3870,8 +3870,8 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, showTotalAndLi
|
|
|
3870
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
|
-
if (item ===
|
|
3874
|
-
return jsx(Fragment, {
|
|
3873
|
+
if (!!item === false) {
|
|
3874
|
+
return jsx(Fragment, {});
|
|
3875
3875
|
}
|
|
3876
3876
|
return (jsx(Tag, { closable: true, onClick: () => {
|
|
3877
3877
|
setValue(column, watchEnums.filter((id) => id != item));
|
|
@@ -3882,12 +3882,12 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, showTotalAndLi
|
|
|
3882
3882
|
setOpenSearchResult(true);
|
|
3883
3883
|
}, children: translate.t(removeIndex(`${colLabel}.add_more`)) })] })), !isMultiple && (jsx(Button, { variant: "outline", onClick: () => {
|
|
3884
3884
|
setOpenSearchResult(true);
|
|
3885
|
-
}, justifyContent: "start", children: watchEnum ===
|
|
3885
|
+
}, justifyContent: "start", children: !!watchEnum === false
|
|
3886
3886
|
? ""
|
|
3887
3887
|
: translate.t(removeIndex(`${colLabel}.${watchEnum ?? "null"}`)) })), 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, {}), showTotalAndLimit && (jsx(Text, { children: `${translate.t(`${colLabel}.total`)}: ${count}, ${translate.t(`${colLabel}.showing`)} ${limit}` })), jsxs(Grid, {
|
|
3890
|
+
}, autoComplete: "off", ref: ref }), jsx(PopoverTitle, {}), showTotalAndLimit && (jsx(Text, { children: `${translate.t(removeIndex(`${colLabel}.total`))}: ${count}, ${translate.t(removeIndex(`${colLabel}.showing`))} ${limit}` })), jsxs(Grid, { overflow: "auto", maxHeight: "20rem", children: [jsx(Flex, { flexFlow: "column wrap", children: dataList
|
|
3891
3891
|
.filter((item) => {
|
|
3892
3892
|
const searchTerm = (searchText || "").toLowerCase();
|
|
3893
3893
|
if (!searchTerm)
|
|
@@ -4889,7 +4889,7 @@ function TimePicker$1({ hour, setHour, minute, setMinute, meridiem, setMeridiem,
|
|
|
4889
4889
|
const TimePicker = ({ column, schema, prefix }) => {
|
|
4890
4890
|
const { watch, formState: { errors }, setValue, } = useFormContext();
|
|
4891
4891
|
const { translate } = useSchemaContext();
|
|
4892
|
-
const { required, gridColumn = "span 4", gridRow = "span 1" } = schema;
|
|
4892
|
+
const { required, gridColumn = "span 4", gridRow = "span 1", format } = schema;
|
|
4893
4893
|
const isRequired = required?.some((columnId) => columnId === column);
|
|
4894
4894
|
const colLabel = `${prefix}${column}`;
|
|
4895
4895
|
const [open, setOpen] = useState(false);
|
|
@@ -4930,7 +4930,7 @@ const TimePicker = ({ column, schema, prefix }) => {
|
|
|
4930
4930
|
h = 0;
|
|
4931
4931
|
else if (meridiem === "pm" && hour < 12)
|
|
4932
4932
|
h = hour + 12;
|
|
4933
|
-
return dayjs().hour(h).minute(minute).second(0).
|
|
4933
|
+
return dayjs().hour(h).minute(minute).second(0).format(format);
|
|
4934
4934
|
};
|
|
4935
4935
|
// Handle changes to time parts
|
|
4936
4936
|
const handleTimeChange = ({ hour: newHour, minute: newMinute, meridiem: newMeridiem, }) => {
|
|
@@ -5150,7 +5150,8 @@ const ObjectViewer = ({ schema, column, prefix }) => {
|
|
|
5150
5150
|
if (properties === undefined) {
|
|
5151
5151
|
throw new Error(`properties is undefined when using ObjectInput`);
|
|
5152
5152
|
}
|
|
5153
|
-
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",
|
|
5153
|
+
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", gridColumn,
|
|
5154
|
+
gridRow, children: Object.keys(properties ?? {}).map((key) => {
|
|
5154
5155
|
return (
|
|
5155
5156
|
// @ts-expect-error find suitable types
|
|
5156
5157
|
jsx(ColumnViewer, { column: `${key}`,
|