drf-react-by-schema 0.23.0 → 0.23.2
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/DataGridBySchemaEditable/CustomToolbar.d.ts.map +1 -1
- package/dist/components/DataGridBySchemaEditable/CustomToolbar.js +7 -1
- package/dist/components/DataGridBySchemaEditable/DataGridDesktop.d.ts.map +1 -1
- package/dist/components/DataGridBySchemaEditable/MobileSearchBar.d.ts.map +1 -1
- package/dist/components/DataGridBySchemaEditable/MobileSearchBar.js +7 -2
- package/dist/components/forms/Form.d.ts +3 -1
- package/dist/components/forms/Form.d.ts.map +1 -1
- package/dist/components/forms/Form.js +4 -3
- package/dist/components/forms/FormActions.d.ts +2 -3
- package/dist/components/forms/FormActions.d.ts.map +1 -1
- package/dist/context/DRFReactBySchemaProvider.d.ts.map +1 -1
- package/dist/context/DRFReactBySchemaProvider.js +5 -2
- package/dist/styles/grid.d.ts.map +1 -1
- package/dist/styles/grid.js +4 -8
- package/dist/styles/theme.d.ts.map +1 -1
- package/dist/styles/theme.js +42 -18
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/CustomToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/CustomToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiBxC,OAAO,EACL,cAAc,EACd,cAAc,EACd,0BAA0B,EAC1B,EAAE,EACF,IAAI,EACJ,eAAe,EAChB,MAAM,cAAc,CAAC;AAGtB,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,0BAA0B,EAAE,CAAC;IAC9C,kBAAkB,EAAE,CAAC,CAAC,EAAE,IAAI,GAAG,0BAA0B,EAAE,KAAK,IAAI,CAAC;IACrE,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,cAAc,EAAE,IAAI,EAAE,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC;IAC/B,cAAc,EAAE,cAAc,CAAC;IAC/B,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,yNAa3B,kBAAkB,sBA0IpB,CAAC"}
|
|
@@ -39,6 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
39
39
|
exports.CustomToolbar = void 0;
|
|
40
40
|
const react_1 = __importStar(require("react"));
|
|
41
41
|
const x_data_grid_1 = require("@mui/x-data-grid");
|
|
42
|
+
const styles_1 = require("@mui/material/styles");
|
|
42
43
|
const Button_1 = __importDefault(require("@mui/material/Button"));
|
|
43
44
|
const Box_1 = __importDefault(require("@mui/material/Box"));
|
|
44
45
|
const Expand_1 = __importDefault(require("@mui/icons-material/Expand"));
|
|
@@ -52,6 +53,8 @@ const utils_1 = require("./utils");
|
|
|
52
53
|
* @returns Custom Toolbar for the grid
|
|
53
54
|
*/
|
|
54
55
|
const CustomToolbar = ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, bulkUpdateData, bulkDeleteData, bulkCreateData, hideColumnsButton, hideFilterButton, hideDensityButton = true, hideExportButton, hideQuickFilterBar, }) => {
|
|
56
|
+
var _a, _b, _c, _d;
|
|
57
|
+
const theme = (0, styles_1.useTheme)();
|
|
55
58
|
const [resizeMenuAnchorEl, setResizeMenuAnchorEl] = (0, react_1.useState)(null);
|
|
56
59
|
const isResizeMenuOpen = Boolean(resizeMenuAnchorEl);
|
|
57
60
|
const openResizeMenu = (event) => {
|
|
@@ -68,6 +71,7 @@ const CustomToolbar = ({ preparedColumns, setPreparedColumns, onSelectActions, s
|
|
|
68
71
|
const closeActionsMenu = () => {
|
|
69
72
|
setActionsMenuAnchorEl(null);
|
|
70
73
|
};
|
|
74
|
+
const quickFilterLabel = (_d = (_c = (_b = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.MuiDataGrid) === null || _b === void 0 ? void 0 : _b.defaultProps) === null || _c === void 0 ? void 0 : _c.localeText) === null || _d === void 0 ? void 0 : _d.toolbarQuickFilterLabel;
|
|
71
75
|
const DensitySelector = () => (
|
|
72
76
|
// <GridToolbarDensitySelector sx={{ ml: '10px', fontSize: '13px' }} placeholder="" />
|
|
73
77
|
react_1.default.createElement(x_data_grid_1.GridToolbarDensitySelector, null));
|
|
@@ -122,6 +126,8 @@ const CustomToolbar = ({ preparedColumns, setPreparedColumns, onSelectActions, s
|
|
|
122
126
|
// @ts-expect-error - Ignore missing sx prop
|
|
123
127
|
react_1.default.createElement(x_data_grid_1.GridToolbarExport, { sx: { ml: '0px', fontSize: '13px' } }))),
|
|
124
128
|
!hideQuickFilterBar && (react_1.default.createElement(Box_1.default, { className: "quickFilterBarWrapper" },
|
|
125
|
-
react_1.default.createElement(x_data_grid_1.GridToolbarQuickFilter,
|
|
129
|
+
react_1.default.createElement(x_data_grid_1.GridToolbarQuickFilter, { "aria-label": undefined, slotProps: {
|
|
130
|
+
htmlInput: { 'aria-label': quickFilterLabel },
|
|
131
|
+
} }))))))));
|
|
126
132
|
};
|
|
127
133
|
exports.CustomToolbar = CustomToolbar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridDesktop.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/DataGridDesktop.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DataGridDesktop.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/DataGridDesktop.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileSearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/MobileSearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MobileSearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridBySchemaEditable/MobileSearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AASvC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,oBAAoB,GAAG;IAC1B,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,iBAAS,eAAe,CAAC,EAAE,eAAe,EAAE,kBAAkB,EAAE,EAAE,oBAAoB,qBAmDrF;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -37,29 +37,34 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
39
|
const react_1 = __importStar(require("react"));
|
|
40
|
+
const styles_1 = require("@mui/material/styles");
|
|
40
41
|
const TextField_1 = __importDefault(require("@mui/material/TextField"));
|
|
41
42
|
const InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
|
|
42
43
|
const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
|
|
43
44
|
const Search_1 = __importDefault(require("@mui/icons-material/Search"));
|
|
44
45
|
const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
|
|
45
46
|
function MobileSearchBar({ paginationModel, setPaginationModel }) {
|
|
46
|
-
var _a;
|
|
47
|
+
var _a, _b, _c, _d, _e;
|
|
48
|
+
const theme = (0, styles_1.useTheme)();
|
|
47
49
|
const q = (0, react_1.useMemo)(() => {
|
|
48
50
|
var _a;
|
|
49
51
|
return (((_a = paginationModel.filter) === null || _a === void 0 ? void 0 : _a.quickFilterValues) || [''])[0];
|
|
50
52
|
}, [(_a = paginationModel.filter) === null || _a === void 0 ? void 0 : _a.quickFilterValues]);
|
|
53
|
+
const quickFilterLabel = (_e = (_d = (_c = (_b = theme.components) === null || _b === void 0 ? void 0 : _b.MuiDataGrid) === null || _c === void 0 ? void 0 : _c.defaultProps) === null || _d === void 0 ? void 0 : _d.localeText) === null || _e === void 0 ? void 0 : _e.toolbarQuickFilterLabel;
|
|
51
54
|
const handleSearchChange = (newQ) => {
|
|
52
55
|
setPaginationModel(Object.assign(Object.assign({}, paginationModel), { filter: Object.assign(Object.assign({ items: [] }, paginationModel.filter), { quickFilterValues: [newQ] }) }));
|
|
53
56
|
};
|
|
54
57
|
const handleChangeEvent = (event) => {
|
|
55
58
|
handleSearchChange(event.target.value);
|
|
56
59
|
};
|
|
57
|
-
return (react_1.default.createElement(TextField_1.default, { placeholder:
|
|
60
|
+
return (react_1.default.createElement(TextField_1.default, { placeholder: quickFilterLabel, variant: "outlined", size: "small", value: q, InputProps: {
|
|
58
61
|
startAdornment: (react_1.default.createElement(InputAdornment_1.default, { position: "start" },
|
|
59
62
|
react_1.default.createElement(Search_1.default, null))),
|
|
60
63
|
endAdornment: (react_1.default.createElement(InputAdornment_1.default, { position: "end" },
|
|
61
64
|
react_1.default.createElement(IconButton_1.default, { onClick: () => handleSearchChange(''), "aria-label": "Limpar busca" },
|
|
62
65
|
react_1.default.createElement(Clear_1.default, null)))),
|
|
66
|
+
}, inputProps: {
|
|
67
|
+
'aria-label': quickFilterLabel,
|
|
63
68
|
}, fullWidth: true, onChange: handleChangeEvent }));
|
|
64
69
|
}
|
|
65
70
|
exports.default = MobileSearchBar;
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { AxiosError } from 'axios';
|
|
3
3
|
import { UseFormRegister } from 'react-hook-form';
|
|
4
4
|
import { AutocompleteItem, CommonFieldProps, ExtraSxCommonFieldProps, FormFieldLayout, GenericValue, Id, Item, OptionsAC } from '../../@types';
|
|
5
|
+
import { FormActionsProps } from './FormActions';
|
|
5
6
|
interface FormProps extends CommonFieldProps {
|
|
6
7
|
model: string;
|
|
7
8
|
objId?: Id;
|
|
@@ -30,7 +31,8 @@ interface FormProps extends CommonFieldProps {
|
|
|
30
31
|
relatedEditable?: boolean;
|
|
31
32
|
autoFocusField?: string;
|
|
32
33
|
elevation?: number;
|
|
34
|
+
CustomFormActions?: (props: FormActionsProps) => React.JSX.Element;
|
|
33
35
|
}
|
|
34
|
-
export default function Form({ model, objId, basePath, defaults, objTitleField, onCancel, onSave, onSaveExit, onSaveCreateNew, onDelete, saveAndContinue, title, labelSave, labelSaveAndContinue, labelSaveAndCreateNew, labelCancel, labelRemove, multiline, fieldKey, labelKey, optionsAC, setOptionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout, customFieldFormLayouts, fieldsProps, hiddenFields, isolatedGetAutoComplete, relatedEditable, autoFocusField, elevation, sxRow, sxRowMultiple, sxSection, sxSectionTitle, }: FormProps & Omit<ExtraSxCommonFieldProps, 'sx' | 'sxField' | 'sxLabel' | 'sxValue' | 'sxValueList' | 'sxValueListItem' | 'sxValueListItemText'>): React.JSX.Element;
|
|
36
|
+
export default function Form({ model, objId, basePath, defaults, objTitleField, onCancel, onSave, onSaveExit, onSaveCreateNew, onDelete, saveAndContinue, title, labelSave, labelSaveAndContinue, labelSaveAndCreateNew, labelCancel, labelRemove, multiline, fieldKey, labelKey, optionsAC, setOptionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout, customFieldFormLayouts, fieldsProps, hiddenFields, isolatedGetAutoComplete, relatedEditable, autoFocusField, elevation, CustomFormActions, sxRow, sxRowMultiple, sxSection, sxSectionTitle, }: FormProps & Omit<ExtraSxCommonFieldProps, 'sx' | 'sxField' | 'sxLabel' | 'sxValue' | 'sxValueList' | 'sxValueListItem' | 'sxValueListItemText'>): React.JSX.Element;
|
|
35
37
|
export {};
|
|
36
38
|
//# sourceMappingURL=Form.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAwB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGxE,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAEhB,uBAAuB,EACvB,eAAe,EACf,YAAY,EACZ,EAAE,EACF,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,7 +54,7 @@ const APIWrapperContext_1 = require("../../context/APIWrapperContext");
|
|
|
54
54
|
const utils_1 = require("../../utils");
|
|
55
55
|
const FormBySchema_1 = __importDefault(require("./FormBySchema"));
|
|
56
56
|
const FormActions_1 = __importDefault(require("./FormActions"));
|
|
57
|
-
function Form({ model, objId, basePath, defaults, objTitleField, onCancel, onSave, onSaveExit, onSaveCreateNew, onDelete, saveAndContinue, title, labelSave, labelSaveAndContinue, labelSaveAndCreateNew, labelCancel, labelRemove, multiline, fieldKey, labelKey, optionsAC, setOptionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout, customFieldFormLayouts, fieldsProps, hiddenFields = [], isolatedGetAutoComplete, relatedEditable, autoFocusField, elevation, sxRow, sxRowMultiple, sxSection, sxSectionTitle, }) {
|
|
57
|
+
function Form({ model, objId, basePath, defaults, objTitleField, onCancel, onSave, onSaveExit, onSaveCreateNew, onDelete, saveAndContinue, title, labelSave, labelSaveAndContinue, labelSaveAndCreateNew, labelCancel, labelRemove, multiline, fieldKey, labelKey, optionsAC, setOptionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout, customFieldFormLayouts, fieldsProps, hiddenFields = [], isolatedGetAutoComplete, relatedEditable, autoFocusField, elevation, CustomFormActions, sxRow, sxRowMultiple, sxSection, sxSectionTitle, }) {
|
|
58
58
|
const { pageForm, loadSinglePageData, onSubmit } = (0, APIWrapperContext_1.useAPIWrapper)();
|
|
59
59
|
const { control, handleSubmit, reset, getValues, setValue, formState: { errors, isDirty }, register, watch, } = (0, react_hook_form_1.useForm)({
|
|
60
60
|
mode: 'onBlur',
|
|
@@ -91,6 +91,7 @@ function Form({ model, objId, basePath, defaults, objTitleField, onCancel, onSav
|
|
|
91
91
|
}
|
|
92
92
|
return fields;
|
|
93
93
|
}, [pageForm === null || pageForm === void 0 ? void 0 : pageForm.schema]);
|
|
94
|
+
const FinalFormActions = CustomFormActions || FormActions_1.default;
|
|
94
95
|
const watchedValues = watch(conditionalVisible.map((item) => item.source));
|
|
95
96
|
const localOnSubmit = (data, event) => __awaiter(this, void 0, void 0, function* () {
|
|
96
97
|
const currentId = objId || (0, utils_1.getTmpId)();
|
|
@@ -147,7 +148,7 @@ function Form({ model, objId, basePath, defaults, objTitleField, onCancel, onSav
|
|
|
147
148
|
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
148
149
|
}
|
|
149
150
|
return (react_1.default.createElement("form", { onSubmit: handleSubmit(localOnSubmit) },
|
|
150
|
-
react_1.default.createElement(
|
|
151
|
+
react_1.default.createElement(FinalFormActions, { formDisabled: !isDirty, model: model, objId: objId, saveAndContinue: saveAndContinue, onCancel: onCancel, onDelete: onDelete, title: title, labelSave: labelSave, labelSaveAndContinue: labelSaveAndContinue, labelSaveAndCreateNew: labelSaveAndCreateNew, labelCancel: labelCancel, labelRemove: labelRemove }),
|
|
151
152
|
react_1.default.createElement(FormBySchema_1.default, { fieldsLayout: fieldsLayout, hiddenFields: hiddenFields, control: control, register: register, errors: errors, schema: pageForm.schema, getValues: getValues, setValue: setValue, multiline: multiline, fieldKey: fieldKey, labelKey: labelKey, optionsAC: optionsAC, setOptionsAC: setOptionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale, customFieldFormLayouts: customFieldFormLayouts, fieldsProps: fieldsProps, isolatedGetAutoComplete: isolatedGetAutoComplete, relatedEditable: relatedEditable, autoFocusField: autoFocusField, elevation: elevation, sxRow: sxRow, sxRowMultiple: sxRowMultiple, sxSection: sxSection, sxSectionTitle: sxSectionTitle, conditionalVisible: conditionalVisible, watchedValues: watchedValues }),
|
|
152
|
-
react_1.default.createElement(
|
|
153
|
+
react_1.default.createElement(FinalFormActions, { formDisabled: !isDirty, model: model, objId: objId, saveAndContinue: saveAndContinue, onCancel: onCancel, onDelete: onDelete, title: title, labelSave: labelSave, labelSaveAndContinue: labelSaveAndContinue, labelSaveAndCreateNew: labelSaveAndCreateNew, labelCancel: labelCancel, labelRemove: labelRemove, bottom: true })));
|
|
153
154
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Id } from '../../@types';
|
|
3
|
-
type
|
|
3
|
+
export type FormActionsProps = {
|
|
4
4
|
formDisabled?: boolean;
|
|
5
5
|
model: string;
|
|
6
6
|
objId?: Id;
|
|
@@ -15,6 +15,5 @@ type FormButtonsProps = {
|
|
|
15
15
|
labelCancel?: string;
|
|
16
16
|
labelRemove?: string;
|
|
17
17
|
};
|
|
18
|
-
export default function FormActions({ formDisabled, model, objId, onCancel, onDelete, bottom, saveAndContinue, title, labelSave, labelSaveAndContinue, labelSaveAndCreateNew, labelCancel, labelRemove, }:
|
|
19
|
-
export {};
|
|
18
|
+
export default function FormActions({ formDisabled, model, objId, onCancel, onDelete, bottom, saveAndContinue, title, labelSave, labelSaveAndContinue, labelSaveAndCreateNew, labelCancel, labelRemove, }: FormActionsProps): React.JSX.Element;
|
|
20
19
|
//# sourceMappingURL=FormActions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAGlC,
|
|
1
|
+
{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAGlC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,EAAE,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,eAAe,EACf,KAAK,EACL,SAAS,EACT,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,WAAW,GACZ,EAAE,gBAAgB,qBAuGlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DRFReactBySchemaProvider.d.ts","sourceRoot":"","sources":["../../src/context/DRFReactBySchemaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DRFReactBySchemaProvider.d.ts","sourceRoot":"","sources":["../../src/context/DRFReactBySchemaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EACL,2BAA2B,EAG5B,MAAM,2BAA2B,CAAC;AAEnC,UAAU,6BAA8B,SAAQ,2BAA2B;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,QAAA,MAAM,wBAAwB,GAAI,qEAM/B,6BAA6B,sBA4D/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -39,6 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
39
39
|
const react_1 = __importStar(require("react"));
|
|
40
40
|
const styles_1 = require("@mui/material/styles");
|
|
41
41
|
const CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
|
|
42
|
+
const utils_1 = require("@mui/utils");
|
|
42
43
|
const theme_1 = __importDefault(require("../styles/theme"));
|
|
43
44
|
const Overlays_1 = __importDefault(require("./Overlays"));
|
|
44
45
|
const DRFReactBySchemaContext_1 = require("./DRFReactBySchemaContext");
|
|
@@ -79,9 +80,11 @@ const DRFReactBySchemaProvider = ({ serverEndPoint, theme, isInBatches, firstBat
|
|
|
79
80
|
return newServerEndPoint;
|
|
80
81
|
}, [serverEndPoint]);
|
|
81
82
|
const mergedTheme = (0, react_1.useMemo)(() => {
|
|
82
|
-
|
|
83
|
-
|
|
83
|
+
if (!theme)
|
|
84
|
+
return theme_1.default;
|
|
85
|
+
return (0, utils_1.deepmerge)(theme_1.default, theme);
|
|
84
86
|
}, [theme]);
|
|
87
|
+
console.log({ mergedTheme, defaultTheme: theme_1.default });
|
|
85
88
|
const contextValue = (0, react_1.useMemo)(() => ({
|
|
86
89
|
serverEndPoint: newServerEndPoint,
|
|
87
90
|
theme: mergedTheme,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/styles/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/C,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/styles/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/C,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,KAAK,CAsCjD,CAAC"}
|
package/dist/styles/grid.js
CHANGED
|
@@ -25,18 +25,14 @@ exports.seamlessTextFieldStyle = {
|
|
|
25
25
|
},
|
|
26
26
|
// 3. The Error Message: Use the "Floating" approach
|
|
27
27
|
'& .MuiFormHelperText-root': {
|
|
28
|
-
|
|
29
|
-
top: '100%', // Position exactly at the bottom edge of the cell
|
|
30
|
-
left: 0,
|
|
31
|
-
width: 'max-content',
|
|
28
|
+
width: '100%',
|
|
32
29
|
minWidth: '100%',
|
|
33
30
|
backgroundColor: '#fff',
|
|
34
|
-
border: '
|
|
31
|
+
border: 'none',
|
|
32
|
+
borderTop: '1px solid #d32f2f',
|
|
35
33
|
color: '#d32f2f',
|
|
36
|
-
zIndex: 1301,
|
|
34
|
+
zIndex: 1301,
|
|
37
35
|
margin: 0,
|
|
38
36
|
padding: '4px 8px',
|
|
39
|
-
boxShadow: '0px 4px 6px rgba(0,0,0,0.1)',
|
|
40
|
-
borderRadius: '0 0 4px 4px',
|
|
41
37
|
},
|
|
42
38
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAMA,OAAO,QAAQ,sBAAsB,CAAC;IAMpC,UAAU,OAAO;QACf,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,WAAW,EAAE,MAAM,EAAE,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACjC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QAC7B,cAAc,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACnC,eAAe,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACpC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QAC5B,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACjC,aAAa,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QAClC,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACjC,iBAAiB,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACtC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;KAC9B;IAKD,UAAU,YAAY;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB;CASF;AA4GD,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAMA,OAAO,QAAQ,sBAAsB,CAAC;IAMpC,UAAU,OAAO;QACf,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,WAAW,EAAE,MAAM,EAAE,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACjC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QAC7B,cAAc,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACnC,eAAe,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACpC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QAC5B,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACjC,aAAa,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QAClC,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACjC,iBAAiB,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACtC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;KAC9B;IAKD,UAAU,YAAY;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB;CASF;AA4GD,QAAA,MAAM,YAAY,KA0HjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/dist/styles/theme.js
CHANGED
|
@@ -147,11 +147,7 @@ const defaultTheme = (0, styles_1.createTheme)({
|
|
|
147
147
|
styleOverrides: {
|
|
148
148
|
root: {
|
|
149
149
|
backgroundColor: palette.formCard.main,
|
|
150
|
-
|
|
151
|
-
overflow: 'visible',
|
|
152
|
-
lineHeight: '1.43rem',
|
|
153
|
-
whiteSpace: 'normal',
|
|
154
|
-
},
|
|
150
|
+
// Target the Virtual Scroller directly
|
|
155
151
|
'& .MuiDataGrid-virtualScroller': {
|
|
156
152
|
transition: 'outline 0.2s ease-in-out, outline-offset 0.2s ease-in-out',
|
|
157
153
|
'&:focus-visible': {
|
|
@@ -163,22 +159,50 @@ const defaultTheme = (0, styles_1.createTheme)({
|
|
|
163
159
|
outline: 'none',
|
|
164
160
|
},
|
|
165
161
|
},
|
|
166
|
-
'& .MuiDataGrid-row--editing': {
|
|
167
|
-
backgroundColor: 'rgba(57, 73, 171, 0.08)',
|
|
168
|
-
boxShadow: `inset 0 2px 0 0 ${palette.primary.main}, inset 0 -2px 0 0 ${palette.primary.main}`,
|
|
169
|
-
zIndex: 1,
|
|
170
|
-
},
|
|
171
|
-
// '& .MuiDataGrid-row--editing .MuiDataGrid-cell': {
|
|
172
|
-
// overflow: 'visible !important', // Vital for your floating error messages
|
|
173
|
-
// },
|
|
174
162
|
},
|
|
175
|
-
// cell: {
|
|
176
|
-
// '&:focus-within': {
|
|
177
|
-
// outline: 'none',
|
|
178
|
-
// },
|
|
179
|
-
// },
|
|
180
163
|
columnHeader: {
|
|
181
164
|
backgroundColor: palette.tableColumnHeader.main,
|
|
165
|
+
'& .MuiDataGrid-columnHeaderTitle': {
|
|
166
|
+
overflow: 'visible',
|
|
167
|
+
lineHeight: '1.43rem',
|
|
168
|
+
whiteSpace: 'normal',
|
|
169
|
+
},
|
|
170
|
+
},
|
|
171
|
+
row: {
|
|
172
|
+
'&.Mui-editing': {
|
|
173
|
+
maxHeight: 'none !important',
|
|
174
|
+
},
|
|
175
|
+
'&.MuiDataGrid-row--editing': {
|
|
176
|
+
backgroundColor: 'rgba(57, 73, 171, 0.08)',
|
|
177
|
+
zIndex: 1,
|
|
178
|
+
'& .MuiDataGrid-cell': {
|
|
179
|
+
boxShadow: `inset 0 2px 0 0 ${palette.primary.main}, inset 0 -2px 0 0 ${palette.primary.main}`,
|
|
180
|
+
'&.MuiDataGrid-cell--editing': {
|
|
181
|
+
backgroundColor: 'transparent',
|
|
182
|
+
// '&:focus-within': { outline: 'none' },
|
|
183
|
+
},
|
|
184
|
+
'&.cell--error': {
|
|
185
|
+
border: '0 1px solid red',
|
|
186
|
+
boxShadow: `inset 0 2px 0 0 ${palette.error.main}, inset 0 -2px 0 0 ${palette.error.main}`,
|
|
187
|
+
height: 'auto !important',
|
|
188
|
+
minHeight: 'var(--DataGrid-rowHeight)',
|
|
189
|
+
display: 'flex',
|
|
190
|
+
flexDirection: 'column',
|
|
191
|
+
justifyContent: 'center',
|
|
192
|
+
alignItems: 'stretch !important',
|
|
193
|
+
backgroundColor: (0, styles_1.alpha)(palette.error.main, 0.1),
|
|
194
|
+
'& .MuiFormHelperText-root': {
|
|
195
|
+
margin: 0,
|
|
196
|
+
borderTop: '1px solid red',
|
|
197
|
+
padding: '2px 4px',
|
|
198
|
+
fontSize: '0.75rem',
|
|
199
|
+
whiteSpace: 'normal',
|
|
200
|
+
lineHeight: 1.2,
|
|
201
|
+
backgroundColor: 'transparent',
|
|
202
|
+
},
|
|
203
|
+
},
|
|
204
|
+
},
|
|
205
|
+
},
|
|
182
206
|
},
|
|
183
207
|
},
|
|
184
208
|
},
|
package/package.json
CHANGED