drf-react-by-schema 0.21.10 → 0.21.12
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/api.d.ts.map +1 -1
- package/dist/api.js +5 -1
- package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.d.ts.map +1 -1
- package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.js +3 -3
- package/dist/components/details/DetailBySchema.d.ts.map +1 -1
- package/dist/components/details/DetailBySchema.js +26 -1
- package/dist/components/forms/FormBySchema.d.ts.map +1 -1
- package/dist/components/forms/FormBySchema.js +16 -3
- package/dist/components/forms/inputs/EditableAutocompleteFieldBySchema.js +1 -1
- package/package.json +1 -1
package/dist/api.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAEL,IAAI,EACJ,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EAErB,EAAE,EAGF,eAAe,EAEf,mBAAmB,EACnB,wBAAwB,EAExB,oBAAoB,EACrB,MAAM,UAAU,CAAC;AAMlB,UAAU,yBAAyB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,IAAI,EAAE,IAAI,CAAC;IACX,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,WAAW,CAAC,EAAE,kBAAkB,GAAG,qBAAqB,CAAC;CAC1D;AAyFD,eAAO,MAAM,UAAU,GAAU,2BAG9B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;CACvC,iBA2CA,CAAC;AAsDF;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAU,kDAM9B,eAAe,iBAsCjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAU,oCAAoC,eAAe,iBA2C1F,CAAC;AAEF,eAAO,MAAM,UAAU,GAAU,8CAK9B,mBAAmB,iBA+CrB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAU,MAAM,MAAM,EAAE,gBAAgB,cAAc,GAAG,IAAI,EAAE,IAAI,EAAE,iBA8C3F,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAU,kDAMtC,yBAAyB,iBAQ3B,CAAC;AAqFF,eAAO,MAAM,kBAAkB,GAAU,+DAOtC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,EAAE,CAAC;IAClB,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,iBAcA,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,sCAK3C;IACD,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,EAAE,EAAE,EAAE,CAAC;IACP,IAAI,EAAE,IAAI,CAAC;CACZ,iBAGA,CAAC;
|
|
1
|
+
{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAEL,IAAI,EACJ,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EAErB,EAAE,EAGF,eAAe,EAEf,mBAAmB,EACnB,wBAAwB,EAExB,oBAAoB,EACrB,MAAM,UAAU,CAAC;AAMlB,UAAU,yBAAyB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,IAAI,EAAE,IAAI,CAAC;IACX,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,WAAW,CAAC,EAAE,kBAAkB,GAAG,qBAAqB,CAAC;CAC1D;AAyFD,eAAO,MAAM,UAAU,GAAU,2BAG9B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;CACvC,iBA2CA,CAAC;AAsDF;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAU,kDAM9B,eAAe,iBAsCjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAU,oCAAoC,eAAe,iBA2C1F,CAAC;AAEF,eAAO,MAAM,UAAU,GAAU,8CAK9B,mBAAmB,iBA+CrB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAU,MAAM,MAAM,EAAE,gBAAgB,cAAc,GAAG,IAAI,EAAE,IAAI,EAAE,iBA8C3F,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAU,kDAMtC,yBAAyB,iBAQ3B,CAAC;AAqFF,eAAO,MAAM,kBAAkB,GAAU,+DAOtC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,EAAE,CAAC;IAClB,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,iBAcA,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,sCAK3C;IACD,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,EAAE,EAAE,EAAE,CAAC;IACP,IAAI,EAAE,IAAI,CAAC;CACZ,iBAGA,CAAC;AAsCF,eAAO,MAAM,eAAe,GAAU,4BAGnC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;CACvC,4BAMA,CAAC;AAEF,eAAO,MAAM,cAAc,GAAU,SAAS,IAAI,EAAE,gBAAgB,cAAc,GAAG,IAAI,iBAsBxF,CAAC;AAEF,eAAO,MAAM,QAAQ,eAGpB,CAAC;AAEF,eAAO,MAAM,MAAM,eAMlB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,IAAI,SAShD,CAAC;AA0BF,eAAO,MAAM,UAAU,GAAU,gBAAgB,cAAc,GAAG,IAAI,0BAYrE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAU,gBAAgB,cAAc,GAAG,IAAI,iBAmB3E,CAAC;AAEF,eAAO,MAAM,MAAM,GAAU,MAAM,IAAI,EAAE,gBAAgB,cAAc,GAAG,IAAI,iBA+C7E,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,oNAkBvC,wBAAwB,2CAyH1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAU,8DAMnC,oBAAoB,2CA8BtB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAU,gBAAgB,cAAc,GAAG,IAAI,iBASvE,CAAC"}
|
package/dist/api.js
CHANGED
|
@@ -516,7 +516,11 @@ const getDataGridColumns = (schema, columnFields, hiddenFields, creatableFields,
|
|
|
516
516
|
field,
|
|
517
517
|
headerName: schema[field].label,
|
|
518
518
|
hide: hiddenFields && hiddenFields.includes(field),
|
|
519
|
-
creatable: creatableFields && creatableFields.includes(field)
|
|
519
|
+
creatable: creatableFields && creatableFields.includes(field)
|
|
520
|
+
? true
|
|
521
|
+
: 'creatable' in schema[field]
|
|
522
|
+
? schema[field].creatable
|
|
523
|
+
: false,
|
|
520
524
|
disabled: !!disabledFields && disabledFields.includes(field),
|
|
521
525
|
uiRequired: schema[field].ui_required || false,
|
|
522
526
|
width: 100,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectEditInputCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/SelectEditInputCell.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAuB,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAMtD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAE/F,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAK9E,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,0BAA0B,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IAClD,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,EAAE,EACF,KAAK,EACL,MAAM,EACN,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,WAAW,EACX,YAAY,EACZ,EAAO,EACP,SAAS,GACV,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"SelectEditInputCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/SelectEditInputCell.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAuB,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAMtD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAE/F,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAK9E,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,0BAA0B,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IAClD,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,EAAE,EACF,KAAK,EACL,MAAM,EACN,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,WAAW,EACX,YAAY,EACZ,EAAO,EACP,SAAS,GACV,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAyMxC"}
|
|
@@ -131,9 +131,9 @@ function SelectEditInputCell({ field, id, value, column, type, options, isIndexF
|
|
|
131
131
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
132
132
|
}, [field, options]);
|
|
133
133
|
if (!options ||
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
134
|
+
loadedOptions === null
|
|
135
|
+
// || (Array.isArray(options) && options.length === 0) || loadedOptions.length === 0
|
|
136
|
+
) {
|
|
137
137
|
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
138
138
|
}
|
|
139
139
|
return (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: field, id: field, value: value, options: loadedOptions, selectOnFocus: true, autoHighlight: true, multiple: multiple, isOptionEqualToValue: (option, value) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/details/DetailBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAe5D,OAAO,EACL,mBAAmB,EAQpB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"DetailBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/details/DetailBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAe5D,OAAO,EACL,mBAAmB,EAQpB,MAAM,cAAc,CAAC;AAmHtB,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,mBAAmB,EACjC,YAAqB,EACrB,WAAW,EACX,SAAa,EACb,SAAS,EACT,cAAc,EACd,KAAK,EACL,aAAa,EACb,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,mBAAmB,GACpB,EAAE,mBAAmB,qBA0JrB"}
|
|
@@ -61,6 +61,7 @@ const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
|
|
|
61
61
|
const styles_1 = require("../../styles");
|
|
62
62
|
const utils_1 = require("../../utils");
|
|
63
63
|
const DetailFieldBySchema_1 = __importDefault(require("./DetailFieldBySchema"));
|
|
64
|
+
const APIWrapperContext_1 = require("../../context/APIWrapperContext");
|
|
64
65
|
const SectionContent = ({ sectionRows, item, schema, fieldsProps, SectionCustomElement, sxRow, sxRowMultiple, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
65
66
|
SectionCustomElement && react_1.default.createElement(react_1.default.Fragment, null, SectionCustomElement),
|
|
66
67
|
sectionRows && (react_1.default.createElement(react_1.default.Fragment, null, sectionRows.map((row, rowIdx) => {
|
|
@@ -81,6 +82,7 @@ const SectionContent = ({ sectionRows, item, schema, fieldsProps, SectionCustomE
|
|
|
81
82
|
return (react_1.default.createElement(row.CustomElement, Object.assign({ key: `field_customElement_row_${rowIdx}`, sxField: sxField, sxLabel: sxLabel, sxValue: sxValue, sxValueList: sxValueList, sxValueListItem: sxValueListItem, sxValueListItemText: sxValueListItemText }, fieldProps)));
|
|
82
83
|
})))));
|
|
83
84
|
function DetailBySchema({ values, schema, columns, loading, editLink, editLabel, fieldsLayout: fieldsLayoutInitial, hiddenFields = ['id'], fieldsProps, elevation = 2, sxSection, sxSectionTitle, sxRow, sxRowMultiple, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }) {
|
|
85
|
+
const { isMobile } = (0, APIWrapperContext_1.useAPIWrapper)();
|
|
84
86
|
const [preparedColumns, setPreparedColumns] = (0, react_1.useState)(null);
|
|
85
87
|
const formattedValues = (0, react_1.useMemo)(() => {
|
|
86
88
|
if (!preparedColumns || !values) {
|
|
@@ -104,9 +106,32 @@ function DetailBySchema({ values, schema, columns, loading, editLink, editLabel,
|
|
|
104
106
|
return newFormattedValues;
|
|
105
107
|
}, [preparedColumns, values]);
|
|
106
108
|
const fieldsLayout = (0, react_1.useMemo)(() => {
|
|
107
|
-
if (fieldsLayoutInitial && fieldsLayoutInitial.length > 0) {
|
|
109
|
+
if (!isMobile && fieldsLayoutInitial && fieldsLayoutInitial.length > 0) {
|
|
108
110
|
return fieldsLayoutInitial;
|
|
109
111
|
}
|
|
112
|
+
if (isMobile && fieldsLayoutInitial && fieldsLayoutInitial.length > 0) {
|
|
113
|
+
const rows = [];
|
|
114
|
+
for (const section of fieldsLayoutInitial) {
|
|
115
|
+
if (!section.rows) {
|
|
116
|
+
continue;
|
|
117
|
+
}
|
|
118
|
+
for (const field of section.rows) {
|
|
119
|
+
if (typeof field === 'string') {
|
|
120
|
+
rows.push(field);
|
|
121
|
+
continue;
|
|
122
|
+
}
|
|
123
|
+
if (!Array.isArray(field)) {
|
|
124
|
+
continue;
|
|
125
|
+
}
|
|
126
|
+
for (const key of field) {
|
|
127
|
+
if (typeof key === 'string') {
|
|
128
|
+
rows.push(key);
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
return [{ rows }];
|
|
134
|
+
}
|
|
110
135
|
const rows = [];
|
|
111
136
|
for (const key of Object.keys(schema)) {
|
|
112
137
|
if (!hiddenFields || !hiddenFields.includes(key)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWlD,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EAClB,eAAe,EACf,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,UAAU,iBAAkB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAClE,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAiB,EACjB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EACP,YAAY,EACZ,KAAK,EACL,YAAgB,EAEhB,YAAY,EAAE,mBAAmB,EACjC,sBAAsB,EAEtB,WAAW,EACX,YAAiB,EACjB,uBAAuB,EACvB,eAAe,EACf,cAAc,EACd,SAAS,EAKT,KAAK,EACL,aAAa,EACb,SAAS,EACT,cAAc,GAKf,EAAE,iBAAiB,GAClB,IAAI,CACF,uBAAuB,EACrB,IAAI,GACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,aAAa,GACb,iBAAiB,GACjB,qBAAqB,CACxB,
|
|
1
|
+
{"version":3,"file":"FormBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWlD,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EAClB,eAAe,EACf,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,UAAU,iBAAkB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAClE,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAiB,EACjB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EACP,YAAY,EACZ,KAAK,EACL,YAAgB,EAEhB,YAAY,EAAE,mBAAmB,EACjC,sBAAsB,EAEtB,WAAW,EACX,YAAiB,EACjB,uBAAuB,EACvB,eAAe,EACf,cAAc,EACd,SAAS,EAKT,KAAK,EACL,aAAa,EACb,SAAS,EACT,cAAc,GAKf,EAAE,iBAAiB,GAClB,IAAI,CACF,uBAAuB,EACrB,IAAI,GACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,aAAa,GACb,iBAAiB,GACjB,qBAAqB,CACxB,qBA2SF"}
|
|
@@ -65,7 +65,7 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
|
|
|
65
65
|
// sxValueListItem,
|
|
66
66
|
// sxValueListItemText,
|
|
67
67
|
}) {
|
|
68
|
-
const { getAutoComplete: defaulGetAutoComplete, onEditModel: defaultOnEditModel } = (0, APIWrapperContext_1.useAPIWrapper)();
|
|
68
|
+
const { getAutoComplete: defaulGetAutoComplete, onEditModel: defaultOnEditModel, isMobile, } = (0, APIWrapperContext_1.useAPIWrapper)();
|
|
69
69
|
const getAutoComplete = (0, react_1.useMemo)(() => isolatedGetAutoComplete || defaulGetAutoComplete, [defaulGetAutoComplete, isolatedGetAutoComplete]);
|
|
70
70
|
const onEditModel = (0, react_1.useMemo)(() => (relatedEditable === false ? undefined : customOnEditModel || defaultOnEditModel), [customOnEditModel, defaultOnEditModel, relatedEditable]);
|
|
71
71
|
const [localOptionsAC, setLocalOptionsAC] = (0, react_1.useState)(undefined);
|
|
@@ -76,6 +76,7 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
|
|
|
76
76
|
}
|
|
77
77
|
const newOptionsACModels = [];
|
|
78
78
|
if (fieldsLayoutInitial && fieldsLayoutInitial.length > 0) {
|
|
79
|
+
const mobileRows = [];
|
|
79
80
|
for (const section of fieldsLayoutInitial) {
|
|
80
81
|
if (!section.rows) {
|
|
81
82
|
continue;
|
|
@@ -91,6 +92,9 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
|
|
|
91
92
|
!newOptionsACModels.includes(field)) {
|
|
92
93
|
newOptionsACModels.push(field);
|
|
93
94
|
}
|
|
95
|
+
if (isMobile) {
|
|
96
|
+
mobileRows.push(field);
|
|
97
|
+
}
|
|
94
98
|
continue;
|
|
95
99
|
}
|
|
96
100
|
if (Array.isArray(row)) {
|
|
@@ -104,15 +108,24 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
|
|
|
104
108
|
!newOptionsACModels.includes(field)) {
|
|
105
109
|
newOptionsACModels.push(field);
|
|
106
110
|
}
|
|
111
|
+
if (isMobile && typeof field === 'string') {
|
|
112
|
+
mobileRows.push(field);
|
|
113
|
+
}
|
|
107
114
|
}
|
|
108
115
|
continue;
|
|
109
116
|
}
|
|
110
117
|
if (newOptionsACModels.includes(row.key)) {
|
|
111
118
|
newOptionsACModels.push(row.key);
|
|
112
119
|
}
|
|
120
|
+
if (isMobile) {
|
|
121
|
+
mobileRows.push(row.key);
|
|
122
|
+
}
|
|
113
123
|
}
|
|
114
124
|
}
|
|
115
|
-
return {
|
|
125
|
+
return {
|
|
126
|
+
fieldsLayout: isMobile ? [{ rows: mobileRows }] : fieldsLayoutInitial,
|
|
127
|
+
optionsACModels: newOptionsACModels,
|
|
128
|
+
};
|
|
116
129
|
}
|
|
117
130
|
const rows = [];
|
|
118
131
|
for (const [key, field] of Object.entries(schema)) {
|
|
@@ -202,7 +215,7 @@ sxRow, sxRowMultiple, sxSection, sxSectionTitle,
|
|
|
202
215
|
? Object.assign(Object.assign({}, fieldProps.sx), { mr }) : {
|
|
203
216
|
mr,
|
|
204
217
|
};
|
|
205
|
-
return (react_1.default.createElement(react_1.default.Fragment, { key: `field_${rowIndex}_${i}` }, typeof field === 'string' ? (react_1.default.createElement(FieldBySchema_1.default, Object.assign({ name: field, schema: schema, control: control, errors: errors, multiline: multiline, setValue: setValue, getValues: getValues, fieldKey: fieldKey, labelKey: labelKey, index: index, optionsAC: optionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale, autoFocus: autoFocusField === field ||
|
|
218
|
+
return (react_1.default.createElement(react_1.default.Fragment, { key: `field_${rowIndex}_${i}` }, typeof field === 'string' ? (react_1.default.createElement(FieldBySchema_1.default, Object.assign({ name: field, schema: schema, control: control, errors: errors, multiline: multiline, setValue: setValue, getValues: getValues, fieldKey: fieldKey, labelKey: labelKey, index: index, optionsAC: optionsAC && field in optionsAC ? optionsAC : localOptionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale, autoFocus: autoFocusField === field ||
|
|
206
219
|
(sectionIndex === 0 && rowIndex === 0 && i === 0) }, fieldProps))) : (react_1.default.createElement(field.CustomElement, Object.assign({}, fieldProps)))));
|
|
207
220
|
}))));
|
|
208
221
|
}
|
|
@@ -114,7 +114,7 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, _) =>
|
|
|
114
114
|
helperText: errors && errors[name] ? errors[name].message : fieldSchema.help_text || '',
|
|
115
115
|
};
|
|
116
116
|
if (!options) {
|
|
117
|
-
return
|
|
117
|
+
return null;
|
|
118
118
|
}
|
|
119
119
|
if (!disabled && !fieldSchema.disabled && onEditModel && optionsModel) {
|
|
120
120
|
return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, render: ({ field }) => (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: name }, field, { id: name, options: options, disabled: fieldSchema.disabled === true, autoHighlight: true, isOptionEqualToValue: (option, value) => option.id === value.id, fullWidth: true, multiple: multiple, sx: sx, onChange: (e, value) => {
|
package/package.json
CHANGED