@dartcom/ui-kit 3.10.0 → 3.10.1

package/dist/components/index.d.ts

@@ -10,4 +10,5 @@ export * from './layers';
 export * from './card';
 export * from './loader';
 export * from './error-boundary';
+export * from './modal';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

package/dist/index.cjs

@@ -12,6 +12,8 @@ var styles$2 = require('@mui/material/styles');
 var Typography = require('@mui/material/Typography');
 var Autocomplete = require('@mui/material/Autocomplete');
 var reactDom = require('react-dom');
+var Box = require('@mui/material/Box');
+var Modal = require('@mui/material/Modal');
 var xDatePickers = require('@mui/x-date-pickers');
 var AdapterDateFns = require('@mui/x-date-pickers/AdapterDateFns');
 
@@ -26122,6 +26124,46 @@ const DartcomProviders = ({ children, configOptions, themeOptions }) => {
     return (jsxRuntime.jsx(SnackbarProvider, { children: jsxRuntime.jsx(QueryProvider, { children: jsxRuntime.jsx(DartcomMobxProvider, { children: jsxRuntime.jsx(DartcomThemeProvider, { themeOptions: themeOptions, children: jsxRuntime.jsx(Provider, { children: jsxRuntime.jsx(DartcomInitializeProvider, { configOptions: configOptions, children: children }) }) }) }) }) }));
 };
 
+const modalStyle = {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    bgcolor: 'background.paper',
+    border: '2px solid #000',
+    boxShadow: 24,
+    p: 4,
+    maxHeight: '90vh',
+    overflowX: 'auto',
+    overflowY: 'auto',
+};
+
+const CustomModal = ({ name, children, onClose, onOpen, }) => {
+    const modalId = React__namespace.useId();
+    const { modalStore } = useRootStore();
+    const open = modalStore.getIsVisible(name);
+    React__namespace.useEffect(() => {
+        if (open) {
+            onOpen?.({ name });
+        }
+    }, [open]);
+    return (jsxRuntime.jsx(Modal, { open: open, onClose: () => {
+            modalStore.closeModal(name);
+            onClose?.({ name });
+        }, "aria-labelledby": `modal-${modalId}-title`, "aria-describedby": `modal-${modalId}-description`, children: jsxRuntime.jsx(Box, { sx: ({ breakpoints }) => {
+                return {
+                    ...modalStyle,
+                    [breakpoints.up('sm')]: {
+                        minWidth: 400,
+                    },
+                    [breakpoints.down('sm')]: {
+                        minWidth: '80vw',
+                    },
+                };
+            }, children: children }) }));
+};
+var modal = observer(CustomModal);
+
 const r=(t,r,o)=>{if(t&&"reportValidity"in t){const s=get(o,r);t.setCustomValidity(s&&s.message||""),t.reportValidity();}},o$1=(e,t)=>{for(const o in t.fields){const s=t.fields[o];s&&s.ref&&"reportValidity"in s.ref?r(s.ref,o,e):s&&s.refs&&s.refs.forEach(t=>r(t,o,e));}},s=(r,s)=>{s.shouldUseNativeValidation&&o$1(r,s);const n={};for(const o in r){const f=get(s.fields,o),c=Object.assign(r[o]||{},{ref:f&&f.ref});if(i(s.names||Object.keys(r),o)){const r=Object.assign({},get(n,o));set(r,"root",c),set(n,o,r);}else set(n,o,c);}return n},i=(e,t)=>{const r=n(t);return e.some(e=>n(e).match(`^${r}\\.\\d+`))};function n(e){return e.replace(/\]|\[/g,"")}
 
 function o(o,n,s$1){return void 0===s$1&&(s$1={}),function(a,i,c){try{return Promise.resolve(function(t,r){try{var u=(null!=n&&n.context&&"development"===process.env.NODE_ENV&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(o["sync"===s$1.mode?"validateSync":"validate"](a,Object.assign({abortEarly:!1},n,{context:i}))).then(function(t){return c.shouldUseNativeValidation&&o$1({},c),{values:s$1.raw?Object.assign({},a):t,errors:{}}}));}catch(e){return r(e)}return u&&u.then?u.then(void 0,r):u}(0,function(e){if(!e.inner)throw e;return {values:{},errors:s((o=e,n=!c.shouldUseNativeValidation&&"all"===c.criteriaMode,(o.inner||[]).reduce(function(e,t){if(e[t.path]||(e[t.path]={message:t.message,type:t.type}),n){var o=e[t.path].types,s=o&&o[t.type];e[t.path]=appendErrors(t.path,n,e,t.type,s?[].concat(s,t.message):t.message);}return e},{})),c)};var o,n;}))}catch(e){return Promise.reject(e)}}}
@@ -28545,6 +28587,8 @@ exports.LeafletLayer = LeafletLayer;
 exports.List = CustomList;
 exports.Loader = Loader;
 exports.LocalizationProvider = Provider;
+exports.Modal = modal;
+exports.ModalStore = ModalStore;
 exports.NoData = NoData;
 exports.QueryProvider = QueryProvider;
 exports.Select = CustomSelect;
@@ -28589,6 +28633,7 @@ exports.getValidLayer = getValidLayer;
 exports.getWaterAreaLayers = getWaterAreaLayers;
 exports.getWaterLinkLayers = getWaterLinkLayers;
 exports.imagesPath = imagesPath;
+exports.modalStyle = modalStyle;
 exports.queryClient = queryClient;
 exports.rootStore = rootStore;
 exports.sourceUrl = sourceUrl;