drf-react-by-schema 0.20.1 → 0.20.2

package/dist/api.d.ts.map

@@ -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,EAEzB,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;AA0FF,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,iBAeA,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;AAgCF,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;AA2BF,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,2CA2H1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAU,8DAMnC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,2CA8BA,CAAC;AAEF,eAAO,MAAM,YAAY,GAAU,gBAAgB,cAAc,GAAG,IAAI,iBASvE,CAAC"}
+{"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,EAEzB,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;AAyFF,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,iBAeA,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;AAgCF,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;AA2BF,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,2CA2H1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAU,8DAMnC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,2CA8BA,CAAC;AAEF,eAAO,MAAM,YAAY,GAAU,gBAAgB,cAAc,GAAG,IAAI,iBASvE,CAAC"}

package/dist/api.js

@@ -479,7 +479,6 @@ const prepareDataBySchemaRecursive = ({ data, schema }) => {
 };
 const prepareDataBySchema = ({ data, schema }) => {
     const { data: preparedData, requiresMultipart } = prepareDataBySchemaRecursive({ data, schema });
-    console.log({ preparedData, formData: (0, utils_1.convertToFormData)(preparedData) });
     return {
         data: requiresMultipart ? (0, utils_1.convertToFormData)(preparedData) : preparedData,
         contentType: requiresMultipart
@@ -833,7 +832,7 @@ const getGenericModel = (_a) => __awaiter(void 0, [_a], void 0, function* ({ mod
         return false;
     }
     let data = {};
-    if (id && (!relatedModel || (relatedModel && relatedModelId))) {
+    if (!(0, utils_1.isTmpId)(id) && (!relatedModel || (relatedModel && relatedModelId))) {
         const response = yield getData({ path, serverEndPoint });
         if (!('isAxiosError' in response)) {
             data = response;

package/dist/components/Image.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+interface ImageModalProps {
+    src: string;
+    alt: string;
+    sx?: SxProps<Theme>;
+}
+declare const Image: React.FC<ImageModalProps>;
+export default Image;
+//# sourceMappingURL=Image.d.ts.map

package/dist/components/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAOL,OAAO,EACP,KAAK,EACN,MAAM,eAAe,CAAC;AAGvB,UAAU,eAAe;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4GpC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Image.js

@@ -0,0 +1,109 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const Expand_1 = __importDefault(require("@mui/icons-material/Expand"));
+const Image = ({ src, alt, sx = {} }) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const theme = (0, material_1.useTheme)();
+    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
+    const handleOpen = () => setOpen(true);
+    const handleClose = () => setOpen(false);
+    // Styled component for the image container
+    const ImageContainer = (0, material_1.styled)(material_1.Box)(() => ({
+        position: 'relative',
+        display: 'inline-block',
+        '&:hover .expand-button': {
+            opacity: 1,
+        },
+    }));
+    // Styled component for the expand button
+    const ExpandButton = (0, material_1.styled)(material_1.IconButton)(({ theme }) => (Object.assign({ position: 'absolute', bottom: theme.spacing(1), right: theme.spacing(1), backgroundColor: theme.palette.background.paper, opacity: 0.7, transition: 'opacity 0.3s', '&:hover': {
+            backgroundColor: theme.palette.background.paper,
+            opacity: 1,
+        } }, (isMobile && {
+        opacity: 1,
+        backgroundColor: theme.palette.background.paper + '!important',
+    }))));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ImageContainer, { onClick: handleOpen, sx: sx },
+            react_1.default.createElement("img", { src: src, alt: alt, style: {
+                    width: '100%',
+                    height: 'auto',
+                    display: 'block',
+                    cursor: 'pointer',
+                    borderRadius: theme.shape.borderRadius,
+                } }),
+            react_1.default.createElement(ExpandButton, { className: "expand-button", "aria-label": "expand image", size: "small", onClick: (e) => {
+                    e.stopPropagation();
+                    handleOpen();
+                } },
+                react_1.default.createElement(Expand_1.default, { fontSize: isMobile ? 'medium' : 'small' }))),
+        react_1.default.createElement(material_1.Modal, { open: open, onClose: handleClose, sx: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                p: isMobile ? 1 : 2,
+            } },
+            react_1.default.createElement(material_1.Box, { sx: {
+                    position: 'relative',
+                    maxWidth: isMobile ? '100%' : '90vw',
+                    maxHeight: isMobile ? '100%' : '90vh',
+                    outline: 'none',
+                } },
+                react_1.default.createElement("img", { src: src, alt: alt, style: {
+                        maxWidth: '100%',
+                        maxHeight: isMobile ? 'calc(100vh - 32px)' : 'calc(90vh - 32px)',
+                        display: 'block',
+                        borderRadius: theme.shape.borderRadius,
+                    } }),
+                react_1.default.createElement(material_1.IconButton, { onClick: handleClose, sx: {
+                        position: 'absolute',
+                        top: theme.spacing(1),
+                        right: theme.spacing(1),
+                        backgroundColor: theme.palette.background.paper,
+                        opacity: 0.7,
+                        '&:hover': {
+                            backgroundColor: theme.palette.background.paper,
+                            opacity: 1,
+                        },
+                    }, size: isMobile ? 'medium' : 'small' },
+                    react_1.default.createElement(Expand_1.default, { sx: { transform: 'rotate(45deg)' } }))))));
+};
+exports.default = Image;

package/dist/components/details/DetailFieldBySchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DetailFieldBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/details/DetailFieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAIxD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,mBAAmB,GACpB,EAAE,wBAAwB,qBAiI1B"}
+{"version":3,"file":"DetailFieldBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/details/DetailFieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAMxD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,mBAAmB,GACpB,EAAE,wBAAwB,qBAgI1B"}

package/dist/components/details/DetailFieldBySchema.js

@@ -13,6 +13,8 @@ const ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
 const Button_1 = __importDefault(require("@mui/material/Button"));
 const Download_1 = __importDefault(require("@mui/icons-material/Download"));
 const DRFReactBySchemaContext_1 = require("../../context/DRFReactBySchemaContext");
+const styles_1 = require("../../styles");
+const Image_1 = __importDefault(require("../Image"));
 function DetailFieldBySchema({ value, fieldSchema, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }) {
     const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
     switch (fieldSchema.type) {
@@ -51,7 +53,7 @@ function DetailFieldBySchema({ value, fieldSchema, sxField, sxLabel, sxValue, sx
         case 'image upload':
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
                 react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
-                react_1.default.createElement("img", { src: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${value.value.url}`, alt: value.valueStr, title: value.valueStr, style: { width: '100%' } }),
+                react_1.default.createElement(Image_1.default, { sx: styles_1.Layout.detailFieldImg, src: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${value.value.url}`, alt: value.valueStr }),
                 react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue },
                     react_1.default.createElement(Button_1.default, { href: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${value.value.url}`, target: "_blank", variant: "contained", startIcon: react_1.default.createElement(Download_1.default, null) }, value.valueStr))));
         default:

package/dist/components/forms/DialogFormBySchema.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AnyObjectSchema } from 'yup';
-import { FormFieldLayout, Item, SchemaType } from '../../@types';
+import { FormFieldLayout, Item, OptionsAC, SchemaType } from '../../@types';
 import { DialogType } from '../../context/APIWrapperContext';
 interface DialogFormBySchemaProps {
     schema: SchemaType;
@@ -12,7 +12,9 @@ interface DialogFormBySchemaProps {
     fieldsLayout?: FormFieldLayout[];
     isCancelDisabled?: boolean;
     forceSaveEnabled?: boolean;
+    optionsAC: OptionsAC | null;
+    setOptionsAC: (x: Partial<OptionsAC>) => void;
 }
-export default function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, fieldsLayout, isCancelDisabled, forceSaveEnabled, }: DialogFormBySchemaProps): React.JSX.Element;
+export default function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, fieldsLayout, isCancelDisabled, forceSaveEnabled, optionsAC, setOptionsAC, }: DialogFormBySchemaProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=DialogFormBySchema.d.ts.map

package/dist/components/forms/DialogFormBySchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogFormBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/DialogFormBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAKtC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D,UAAU,uBAAuB;IAC/B,MAAM,EAAE,UAAU,CAAC;IACnB,gBAAgB,EAAE,eAAe,CAAC;IAClC,aAAa,EAAE,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/C,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC5C,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC,CAAC;IAC5D,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,MAAM,EACN,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,SAAS,EACT,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,uBAAuB,qBAmEzB"}
+{"version":3,"file":"DialogFormBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/DialogFormBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAKtC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D,UAAU,uBAAuB;IAC/B,MAAM,EAAE,UAAU,CAAC;IACnB,gBAAgB,EAAE,eAAe,CAAC;IAClC,aAAa,EAAE,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/C,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC5C,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC,CAAC;IAC5D,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,MAAM,EACN,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,SAAS,EACT,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,YAAY,GACb,EAAE,uBAAuB,qBAmEzB"}

package/dist/components/forms/DialogFormBySchema.js

@@ -44,7 +44,7 @@ const Box_1 = __importDefault(require("@mui/material/Box"));
 const Button_1 = __importDefault(require("@mui/material/Button"));
 const styles_1 = require("../../styles");
 const FormBySchema_1 = __importDefault(require("./FormBySchema"));
-function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, fieldsLayout, isCancelDisabled, forceSaveEnabled, }) {
+function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, fieldsLayout, isCancelDisabled, forceSaveEnabled, optionsAC, setOptionsAC, }) {
     const { control, handleSubmit, reset, getValues, setValue, formState: { errors, isDirty }, } = (0, react_hook_form_1.useForm)({
         mode: 'onBlur',
         resolver: (0, yup_1.yupResolver)(validationSchema),

package/dist/components/forms/FormBySchema.d.ts

@@ -13,6 +13,6 @@ interface FormBySchemaProps extends Omit<FieldBySchemaProps, 'name'> {
     relatedEditable?: boolean;
     autoFocusField?: string;
 }
-export default function FormBySchema({ schema, control, errors, register, multiline, setValue, getValues, fieldKey, labelKey, index, optionsAC, setOptionsAC, forceReload, optionsModel, getOptionLabel, renderOption, onEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout: fieldsLayoutInitial, customFieldFormLayouts, fieldsProps, hiddenFields, isolatedGetAutoComplete, relatedEditable, autoFocusField, }: FormBySchemaProps): React.JSX.Element;
+export default function FormBySchema({ schema, control, errors, register, multiline, setValue, getValues, fieldKey, labelKey, index, optionsAC, setOptionsAC, forceReload, optionsModel, getOptionLabel, renderOption, onEditModel: customOnEditModel, options, isSemaphoric, label, decimalScale, fieldsLayout: fieldsLayoutInitial, customFieldFormLayouts, fieldsProps, hiddenFields, isolatedGetAutoComplete, relatedEditable, autoFocusField, }: FormBySchemaProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=FormBySchema.d.ts.map

package/dist/components/forms/FormBySchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AASlD,OAAO,EACL,gBAAgB,EAChB,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;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAiB,EACjB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EACX,OAAO,EACP,YAAoB,EACpB,KAAK,EACL,YAAgB,EAEhB,YAAY,EAAE,mBAAmB,EACjC,sBAAsB,EAEtB,WAAW,EACX,YAAiB,EACjB,uBAAuB,EACvB,eAAe,EACf,cAAc,GACf,EAAE,iBAAiB,qBA0QnB"}
+{"version":3,"file":"FormBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AASlD,OAAO,EACL,gBAAgB,EAChB,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;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAiB,EACjB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EACP,YAAoB,EACpB,KAAK,EACL,YAAgB,EAEhB,YAAY,EAAE,mBAAmB,EACjC,sBAAsB,EAEtB,WAAW,EACX,YAAiB,EACjB,uBAAuB,EACvB,eAAe,EACf,cAAc,GACf,EAAE,iBAAiB,qBAwQnB"}

package/dist/components/forms/FormBySchema.js

@@ -55,11 +55,10 @@ const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgre
 const FieldBySchema_1 = __importDefault(require("./FieldBySchema"));
 const styles_1 = require("../../styles");
 const APIWrapperContext_1 = require("../../context/APIWrapperContext");
-function FormBySchema({ schema, control, errors, register, multiline = false, setValue, getValues, fieldKey, labelKey = 'nome', index, optionsAC, setOptionsAC, forceReload, optionsModel, getOptionLabel, renderOption, onEditModel, options, isSemaphoric = false, label, decimalScale = 2, fieldsLayout: fieldsLayoutInitial, customFieldFormLayouts, fieldsProps, hiddenFields = [], isolatedGetAutoComplete, relatedEditable, autoFocusField, }) {
-    const { getAutoComplete, onEditModel: defaultOnEditModel } = (0, APIWrapperContext_1.useAPIWrapper)();
-    if (!onEditModel) {
-        onEditModel = defaultOnEditModel;
-    }
+function FormBySchema({ schema, control, errors, register, multiline = false, setValue, getValues, fieldKey, labelKey = 'nome', index, optionsAC, setOptionsAC, forceReload, optionsModel, getOptionLabel, renderOption, onEditModel: customOnEditModel, options, isSemaphoric = false, label, decimalScale = 2, fieldsLayout: fieldsLayoutInitial, customFieldFormLayouts, fieldsProps, hiddenFields = [], isolatedGetAutoComplete, relatedEditable, autoFocusField, }) {
+    const { getAutoComplete: defaulGetAutoComplete, onEditModel: defaultOnEditModel, optionsAC: externalOptionsAC, } = (0, APIWrapperContext_1.useAPIWrapper)();
+    const getAutoComplete = isolatedGetAutoComplete || defaulGetAutoComplete;
+    const onEditModel = relatedEditable === false ? undefined : customOnEditModel || defaultOnEditModel;
     const [fieldsLayout, setFieldsLayout] = (0, react_1.useState)([]);
     const [localOptionsAC, setLocalOptionsAC] = (0, react_1.useState)(undefined);
     const defaultSx = { mr: 0 };
@@ -125,7 +124,7 @@ function FormBySchema({ schema, control, errors, register, multiline = false, se
         optionsACModels.map((field) => {
             if (!optionsAC || !(field in optionsAC)) {
                 fieldsToLoad.push(field);
-                promises.push(isolatedGetAutoComplete ? isolatedGetAutoComplete(field) : getAutoComplete(field));
+                promises.push(getAutoComplete(field));
             }
         });
         const newOptionsAC = {};
@@ -146,15 +145,15 @@ function FormBySchema({ schema, control, errors, register, multiline = false, se
         setFieldsLayout(newFieldsLayout);
         populateOptionsAC(optionsACModels);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (forceReload) {
-            const { newFieldsLayout, optionsACModels } = getColumns();
-            setFieldsLayout(newFieldsLayout);
-            populateOptionsAC(optionsACModels);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [forceReload]);
+    }, [schema, externalOptionsAC]);
+    // useEffect(() => {
+    //   if (forceReload) {
+    //     const { newFieldsLayout, optionsACModels } = getColumns();
+    //     setFieldsLayout(newFieldsLayout);
+    //     populateOptionsAC(optionsACModels);
+    //   }
+    //   // eslint-disable-next-line react-hooks/exhaustive-deps
+    // }, [forceReload]);
     if (fieldsLayout.length === 0 ||
         (setOptionsAC && !optionsAC) ||
         (!setOptionsAC && !localOptionsAC)) {
@@ -177,9 +176,7 @@ function FormBySchema({ schema, control, errors, register, multiline = false, se
                             const fieldProps = fieldsProps && field in fieldsProps ? fieldsProps[field] : {};
                             fieldProps.sx = 'sx' in fieldProps ? fieldProps.sx : defaultSx;
                             return (react_1.default.createElement(react_1.default.Fragment, { key: field },
-                                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: setOptionsAC ? optionsAC : localOptionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: typeof relatedEditable === 'undefined' || relatedEditable === true
-                                        ? onEditModel
-                                        : undefined, fieldsLayout: customFieldFormLayouts && field in customFieldFormLayouts
+                                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: setOptionsAC ? optionsAC : localOptionsAC, optionsModel: optionsModel, getOptionLabel: getOptionLabel, renderOption: renderOption, onEditModel: onEditModel, fieldsLayout: customFieldFormLayouts && field in customFieldFormLayouts
                                         ? customFieldFormLayouts[field]
                                         : undefined, options: options, isSemaphoric: isSemaphoric, label: label, decimalScale: decimalScale, autoFocus: autoFocusField === field || (sectionIndex === 0 && rowIndex === 0) }, fieldProps))));
                         }

package/dist/context/APIWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"APIWrapper.d.ts","sourceRoot":"","sources":["../../src/context/APIWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAwCvE,OAAO,EAEL,UAAU,EAQV,YAAY,EACb,MAAM,qBAAqB,CAAC;AAG7B,UAAU,eAAe;IACvB,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AASD,iBAAS,UAAU,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAqjBvF;;AAED,wBAAsC"}
+{"version":3,"file":"APIWrapper.d.ts","sourceRoot":"","sources":["../../src/context/APIWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAwCvE,OAAO,EAEL,UAAU,EAQV,YAAY,EACb,MAAM,qBAAqB,CAAC;AAG7B,UAAU,eAAe;IACvB,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AASD,iBAAS,UAAU,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAmjBvF;;AAED,wBAAsC"}

package/dist/context/APIWrapper.js

@@ -217,9 +217,9 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
             const value = getValues(targetKey);
             const newValue = Array.isArray(value)
                 ? value.map((item) => {
-                    return item.id === data.id ? data : item;
+                    return item.id === response.id ? response : item;
                 })
-                : Object.assign(Object.assign(Object.assign({}, value), data), { label: data[labelKey] });
+                : Object.assign({}, response);
             setValue(targetKey, newValue);
             populateOptionsAC([model]);
         }
@@ -279,7 +279,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
                 open: true,
                 loading: false,
                 title: 'Editar',
-                Body: (react_1.default.createElement(DialogFormBySchema_1.default, { schema: result.schema, validationSchema: yupSchema, initialValues: values, setDialog: setDialog, getAutoComplete: localGetAutoComplete, onEditModelSave: onEditModelSave, fieldsLayout: fieldsLayout, isCancelDisabled: true, forceSaveEnabled: true })),
+                Body: (react_1.default.createElement(DialogFormBySchema_1.default, { schema: result.schema, validationSchema: yupSchema, initialValues: values, setDialog: setDialog, getAutoComplete: localGetAutoComplete, onEditModelSave: onEditModelSave, fieldsLayout: fieldsLayout, isCancelDisabled: true, forceSaveEnabled: true, optionsAC: optionsAC, setOptionsAC: setOptionsAC })),
                 Actions: react_1.default.createElement(react_1.default.Fragment, null),
                 isCancelDisabled: true,
             });

package/dist/styles/layout.d.ts

@@ -1,115 +1,22 @@
-export declare const content: {
-    flexGrow: number;
-    pr: number;
-    pl: number;
-    pt: number;
-    pb: number;
-};
-export declare const main: {
-    ml: number;
-    flexGrow: number;
-    pr: number;
-    pl: number;
-    pt: number;
-    pb: number;
-};
-export declare const flexRow: {
-    display: string;
-    flexDirection: string;
-    justifyContent: string;
-    alignItems: string;
-};
-export declare const topBar: {
-    width: string;
-    pl: number;
-    pr: number;
-    display: string;
-    flexDirection: string;
-    justifyContent: string;
-    alignItems: string;
-};
-export declare const loadingBox: {
-    height: string;
-    backgroundColor: string;
-    justifyContent: string;
-    display: string;
-    flexDirection: string;
-    alignItems: string;
-};
-export declare const loadingBoxWhite: {
-    height: string;
-    justifyContent: string;
-    display: string;
-    flexDirection: string;
-    alignItems: string;
-};
-export declare const actionButtons: {
-    width: string;
-    alignItems: string;
-    display: string;
-    flexDirection: string;
-    justifyContent: string;
-};
-export declare const inLineForm: {
-    width: string;
-    justifyContent: string;
-    display: string;
-    flexDirection: string;
-    alignItems: string;
-};
-export declare const flexColumn: {
-    flexDirection: string;
-    display: string;
-    justifyContent: string;
-    alignItems: string;
-};
-export declare const flexRowGrow: {
-    flexGrow: number;
-    display: string;
-    flexDirection: string;
-    justifyContent: string;
-    alignItems: string;
-};
-export declare const topBarOverList: {
-    mb: number;
-    flexGrow: number;
-    display: string;
-    flexDirection: string;
-    justifyContent: string;
-    alignItems: string;
-};
-export declare const dataGrid: {
-    height: string;
-    mt: number;
-};
-export declare const dataGridWithTabs: {
-    mt: number;
-    height: string;
-};
-export declare const dataGridFixedHeight: {
-    height: number;
-    mt: number;
-};
-export declare const fullWidthButton: {
-    mt: number;
-    width: string;
-};
-export declare const formCard: {
-    width: string;
-    backgroundColor: any;
-    mt: number;
-    mb: number;
-};
-export declare const formCardContent: {
-    maxHeight: number;
-    overflow: string;
-};
-export declare const metabaseAppEmbed: {
-    height: number;
-};
-export declare const geoPicker: {
-    height: number;
-    width: string;
-    mt: number;
-};
+import { SxProps, Theme } from '@mui/material';
+export declare const content: SxProps<Theme>;
+export declare const main: SxProps<Theme>;
+export declare const flexRow: SxProps<Theme>;
+export declare const topBar: SxProps<Theme>;
+export declare const loadingBox: SxProps<Theme>;
+export declare const loadingBoxWhite: SxProps<Theme>;
+export declare const actionButtons: SxProps<Theme>;
+export declare const inLineForm: SxProps<Theme>;
+export declare const flexColumn: SxProps<Theme>;
+export declare const flexRowGrow: SxProps<Theme>;
+export declare const topBarOverList: SxProps<Theme>;
+export declare const dataGrid: SxProps<Theme>;
+export declare const dataGridWithTabs: SxProps<Theme>;
+export declare const dataGridFixedHeight: SxProps<Theme>;
+export declare const fullWidthButton: SxProps<Theme>;
+export declare const formCard: SxProps<Theme>;
+export declare const formCardContent: SxProps<Theme>;
+export declare const metabaseAppEmbed: SxProps<Theme>;
+export declare const geoPicker: SxProps<Theme>;
+export declare const detailFieldImg: SxProps<Theme>;
 //# sourceMappingURL=layout.d.ts.map

package/dist/styles/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/styles/layout.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;CAGhB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;CAKlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;CAKtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;CAIzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAItB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;CAGtB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;CAGvB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;CAG1B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;CAG/B,CAAC;AAEF,eAAO,MAAM,eAAe;;;CAG3B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAC;AAEF,eAAO,MAAM,eAAe;;;CAG3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;CAE5B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/styles/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/C,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,KAAK,CAMlC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,OAAO,CAAC,KAAK,CAG/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,KAAK,CAKlC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAKjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,KAAK,CAKrC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAI1C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,KAAK,CAIxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,KAAK,CAIrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,KAAK,CAGrC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,KAAK,CAGtC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,KAAK,CAGzC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,KAAK,CAGnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,KAAK,CAG9C,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAG1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,KAAK,CAKnC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAG1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAE3C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,KAAK,CAIpC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,KAAK,CAKzC,CAAC"}

package/dist/styles/layout.js

@@ -1,10 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.geoPicker = exports.metabaseAppEmbed = exports.formCardContent = exports.formCard = exports.fullWidthButton = exports.dataGridFixedHeight = exports.dataGridWithTabs = exports.dataGrid = exports.topBarOverList = exports.flexRowGrow = exports.flexColumn = exports.inLineForm = exports.actionButtons = exports.loadingBoxWhite = exports.loadingBox = exports.topBar = exports.flexRow = exports.main = exports.content = void 0;
-const theme_1 = __importDefault(require("./theme"));
+exports.detailFieldImg = exports.geoPicker = exports.metabaseAppEmbed = exports.formCardContent = exports.formCard = exports.fullWidthButton = exports.dataGridFixedHeight = exports.dataGridWithTabs = exports.dataGrid = exports.topBarOverList = exports.flexRowGrow = exports.flexColumn = exports.inLineForm = exports.actionButtons = exports.loadingBoxWhite = exports.loadingBox = exports.topBar = exports.flexRow = exports.main = exports.content = void 0;
 exports.content = {
     flexGrow: 1,
     pr: 3,
@@ -39,7 +35,7 @@ exports.fullWidthButton = {
 };
 exports.formCard = {
     width: '100%',
-    backgroundColor: theme_1.default.palette.formCard.main,
+    backgroundColor: (theme) => theme.palette.formCard.main,
     mt: 2,
     mb: 2,
 };
@@ -55,3 +51,9 @@ exports.geoPicker = {
     width: '100%',
     mt: 0,
 };
+exports.detailFieldImg = {
+    width: '100%',
+    maxWidth: 450,
+    maxHeight: 300,
+    overflow: 'hidden',
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "description": "Components and Tools for building a React App having Django Rest Framework (DRF) as server",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",