@shopito/design-system 1.0.101

package/dist/esm/components/DialogTitle/DialogTitle.js

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { DialogTitle as MuiDialogTitle, } from '@mui/material';
+var DialogTitle = function (_a) {
+    var _b = _a.bordered, bordered = _b === void 0 ? false : _b, props = __rest(_a, ["bordered"]);
+    return (React.createElement(MuiDialogTitle, __assign({}, props, { sx: __assign(__assign({}, props.sx), (bordered && {
+            borderBottom: '1px solid #e0e0e0 !important',
+            pb: 4.5,
+            mb: 4.5
+        })) })));
+};
+export default DialogTitle;
+//# sourceMappingURL=DialogTitle.js.map

package/dist/esm/components/DialogTitle/DialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DialogTitle/DialogTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,WAAW,IAAI,cAAc,GAC9B,MAAM,eAAe,CAAC;AAMvB,IAAM,WAAW,GAAG,UAAC,EAAgD;IAA9C,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAK,KAAK,cAA5B,YAA8B,CAAF;IAAyB,OAAA,CACxE,oBAAC,cAAc,eACT,KAAK,IACT,EAAE,wBACG,KAAK,CAAC,EAAE,GACR,CAAC,QAAQ,IAAI;YACd,YAAY,EAAE,8BAA8B;YAC5C,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;SACR,CAAC,KAEJ,CACH,CAAA;CAAA,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/components/DialogTitle/index.d.ts

@@ -0,0 +1,3 @@
+import DialogTitle, { DialogTitleProps } from './DialogTitle';
+export default DialogTitle;
+export { DialogTitleProps };

package/dist/esm/components/DialogTitle/index.js

@@ -0,0 +1,3 @@
+import DialogTitle from './DialogTitle';
+export default DialogTitle;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DialogTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DialogTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAiC,MAAM,eAAe,CAAC;AAE9D,eAAe,WAAW,CAAC"}

package/dist/esm/components/DragDropInput/DragDropInput.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface DragDropInputProps<F> {
+    uploadData?: {
+        [key: string]: any;
+    };
+    onStartUploading: () => void;
+    onFileUpload: (data: FormData) => Promise<any>;
+    onFileUploaded: (file: F) => Promise<any>;
+    onFinishUploaded: () => Promise<void>;
+}
+declare const DragDropInput: <F>({ uploadData, onStartUploading, onFileUpload, onFileUploaded, onFinishUploaded, }: DragDropInputProps<F>) => React.JSX.Element;
+export default DragDropInput;

package/dist/esm/components/DragDropInput/DragDropInput.js

@@ -0,0 +1,93 @@
+import { __assign, __awaiter, __generator } from "tslib";
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { useDropzone } from 'react-dropzone';
+import { displayAlert } from '../../utils/alerts';
+import Box from '../Box';
+var DragDropInput = function (_a) {
+    var uploadData = _a.uploadData, onStartUploading = _a.onStartUploading, onFileUpload = _a.onFileUpload, onFileUploaded = _a.onFileUploaded, onFinishUploaded = _a.onFinishUploaded;
+    var intl = useIntl();
+    var uploadFile = useCallback(function (file) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, new Promise(function (resolve, reject) {
+                    var data = new FormData();
+                    data.append('file', file);
+                    if (uploadData) {
+                        Object.keys(uploadData).forEach(function (k) {
+                            data.append(k, uploadData[k]);
+                        });
+                    }
+                    onFileUpload(data)
+                        .then(function (res) { return res.data; })
+                        .then(function (image) { return resolve(image); })["catch"](function (error) {
+                        // TODO: odeslání notifikace o chybě na můj email, nebo do nějakého online nástroje
+                        displayAlert(intl.formatMessage({ id: 'form.fileCannotBeUploaded' }));
+                        reject(error);
+                    });
+                })];
+        });
+    }); }, []);
+    var onDrop = useCallback(function (acceptedFiles) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (onStartUploading) {
+                        onStartUploading();
+                    }
+                    return [4 /*yield*/, acceptedFiles.reduce(function (promise, file) {
+                            return promise.then(function (acc) {
+                                return new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
+                                    var uploadResult, _a;
+                                    return __generator(this, function (_b) {
+                                        switch (_b.label) {
+                                            case 0:
+                                                _b.trys.push([0, 4, , 5]);
+                                                return [4 /*yield*/, uploadFile(file)];
+                                            case 1:
+                                                uploadResult = _b.sent();
+                                                if (!uploadResult) return [3 /*break*/, 3];
+                                                return [4 /*yield*/, onFileUploaded(uploadResult)];
+                                            case 2:
+                                                _b.sent();
+                                                _b.label = 3;
+                                            case 3: return [3 /*break*/, 5];
+                                            case 4:
+                                                _a = _b.sent();
+                                                return [3 /*break*/, 5];
+                                            case 5:
+                                                resolve(acc);
+                                                return [2 /*return*/];
+                                        }
+                                    });
+                                }); });
+                            });
+                        }, Promise.resolve({}))];
+                case 1:
+                    _a.sent();
+                    // finish
+                    return [4 /*yield*/, onFinishUploaded()];
+                case 2:
+                    // finish
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); }, []);
+    var _b = useDropzone({
+        onDrop: onDrop
+    }), getRootProps = _b.getRootProps, getInputProps = _b.getInputProps;
+    return (React.createElement(Box, { component: "section", className: "container", sx: { mt: 2 } },
+        React.createElement(Box, __assign({}, getRootProps({ className: 'dropzone' }), { sx: {
+                borderRadius: 2,
+                border: '2px dashed #eaeaea',
+                textAlign: 'center',
+                backgroundColor: 'background.paper',
+                cursor: 'pointer',
+                p: 12,
+                mb: 3
+            } }),
+            React.createElement("input", __assign({}, getInputProps())),
+            React.createElement("p", null, "Drag 'n' drop some files here, or click to select files"))));
+};
+export default DragDropInput;
+//# sourceMappingURL=DragDropInput.js.map

package/dist/esm/components/DragDropInput/DragDropInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropInput.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DragDropInput/DragDropInput.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/DragDropInput/index.d.ts

@@ -0,0 +1,2 @@
+import DragDropInput from './DragDropInput';
+export default DragDropInput;

package/dist/esm/components/DragDropInput/index.js

@@ -0,0 +1,3 @@
+import DragDropInput from './DragDropInput';
+export default DragDropInput;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DragDropInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DragDropInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,eAAe,aAAa,CAAC"}

package/dist/esm/components/DragDropUpload/DragDropUpload.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface DragDropUploadProps {
+    multiple?: boolean;
+    handleUploaded: (file: File | FileList) => void;
+}
+declare const DragDropUpload: ({ multiple }: DragDropUploadProps) => React.JSX.Element;
+export default DragDropUpload;

package/dist/esm/components/DragDropUpload/DragDropUpload.js

@@ -0,0 +1,93 @@
+import React, { useRef, useState } from 'react';
+import { FormattedMessage } from 'react-intl';
+import { Box, Button, Typography } from '../../';
+var DragDropUpload = function (_a) {
+    var _b = _a.multiple, multiple = _b === void 0 ? false : _b;
+    var _c = useState(false), dragActive = _c[0], setDragActive = _c[1];
+    var inputRef = useRef(null);
+    // const uploadFile = (file: File) => {
+    // };
+    var handleDrag = function (e) {
+        console.log('handleDrag e.type', e.type);
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.type === 'dragenter' || e.type === 'dragover') {
+            setDragActive(true);
+        }
+        else if (e.type === 'dragleave') {
+            setDragActive(false);
+        }
+    };
+    var handleDrop = function (e) {
+        console.log('handleDrop e.dataTransfer', e.dataTransfer);
+        e.preventDefault();
+        e.stopPropagation();
+        setDragActive(false);
+        if (e.dataTransfer.files && e.dataTransfer.files[0]) {
+            // handleFile(e.dataTransfer.files);
+        }
+    };
+    var handleChange = function (e) {
+        e.preventDefault();
+        console.log('handleChange e.target', e.target);
+        if (e.target.files && e.target.files[0]) {
+            // handleFile(e.target.files);
+        }
+    };
+    var onButtonClick = function () {
+        var _a;
+        if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
+            (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        }
+    };
+    return (React.createElement("div", { id: "form-file-upload", onDragEnter: handleDrag, 
+        // onDrop={handleDrop}
+        onSubmit: function (e) { return e.preventDefault(); }, style: {
+            height: '10rem',
+            width: '100%',
+            maxWidth: '100%',
+            textAlign: 'center',
+            position: 'relative'
+        } },
+        React.createElement("input", { ref: inputRef, type: "file", id: "input-file-upload", multiple: multiple, onChange: handleChange, style: {
+                display: 'none'
+            } }),
+        React.createElement("label", { id: "label-file-upload", htmlFor: "input-file-upload", className: dragActive ? 'drag-active' : '', style: {
+                height: '100%',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                cursor: 'pointer',
+                borderWidth: '2px',
+                borderRadius: '1rem',
+                borderStyle: 'dashed',
+                borderColor: '#cbd5e1',
+                backgroundColor: dragActive ? '#ffeaea' : '#f8fafc'
+            } },
+            React.createElement(Box, null,
+                React.createElement(Typography, { sx: { mb: 3 } },
+                    React.createElement(FormattedMessage, { id: "form.dragAndDropYourFileHere" })),
+                React.createElement(Button, { color: "primary", variant: "contained", onClick: onButtonClick, style: {
+                    // cursor: 'pointer',
+                    // padding: '0.25rem',
+                    // fontSize: '1rem',
+                    // border: 'none',
+                    // backgroundColor: 'transparent',
+                    } },
+                    React.createElement(Typography, null,
+                        React.createElement(FormattedMessage, { id: "form.uploadFile" }))))),
+        !dragActive && (React.createElement("div", { id: "drag-file-element", onDragEnter: handleDrag, onDragLeave: handleDrag, onDragOver: handleDrag, onDrop: handleDrop, style: {
+                position: 'absolute',
+                width: '100%',
+                height: '100%',
+                borderRadius: '1rem',
+                // border: '1px solid red',
+                backgroundColor: 'transparent',
+                top: 0,
+                right: 0,
+                bottom: 0,
+                left: 0
+            } }))));
+};
+export default DragDropUpload;
+//# sourceMappingURL=DragDropUpload.js.map

package/dist/esm/components/DragDropUpload/DragDropUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropUpload.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DragDropUpload/DragDropUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA0B,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAOjD,IAAM,cAAc,GAAG,UAAC,EAAyC;QAAvC,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAClC,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAC;IACpD,IAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,uCAAuC;IAEvC,KAAK;IAEL,IAAM,UAAU,GAAG,UAAC,CAA4B;QAC9C,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,EAAE;YACnD,aAAa,CAAC,IAAI,CAAC,CAAC;SACrB;aAAM,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE;YACjC,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,CAA4B;QAC9C,OAAO,CAAC,GAAG,CAAC,2BAA2B,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC;QACzD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACnD,oCAAoC;SACrC;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,CAAgC;QACpD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QAC/C,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACvC,8BAA8B;SAC/B;IACH,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG;;QACpB,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,EAAE;YACrB,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,EAAE,EAAC,kBAAkB,EACrB,WAAW,EAAE,UAAU;QACvB,sBAAsB;QACtB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,cAAc,EAAE,EAAlB,CAAkB,EACnC,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,UAAU;SACrB;QAED,+BACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,mBAAmB,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;aAChB,GACD;QACF,+BACE,EAAE,EAAC,mBAAmB,EACtB,OAAO,EAAC,mBAAmB,EAC3B,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAC1C,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,MAAM,EAAE,SAAS;gBACjB,WAAW,EAAE,KAAK;gBAClB,YAAY,EAAE,MAAM;gBACpB,WAAW,EAAE,QAAQ;gBACrB,WAAW,EAAE,SAAS;gBACtB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;aACpD;YAED,oBAAC,GAAG;gBACF,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;oBACvB,oBAAC,gBAAgB,IAAC,EAAE,EAAC,8BAA8B,GAAG,CAC3C;gBACb,oBAAC,MAAM,IACL,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,aAAa,EACtB,KAAK,EACH;oBACE,qBAAqB;oBACrB,sBAAsB;oBACtB,oBAAoB;oBACpB,kBAAkB;oBAClB,kCAAkC;qBACnC;oBAGH,oBAAC,UAAU;wBACT,oBAAC,gBAAgB,IAAC,EAAE,EAAC,iBAAiB,GAAG,CAC9B,CACN,CACL,CACA;QACP,CAAC,UAAU,IAAI,CACd,6BACE,EAAE,EAAC,mBAAmB,EACtB,WAAW,EAAE,UAAU,EACvB,WAAW,EAAE,UAAU,EACvB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,YAAY,EAAE,MAAM;gBACpB,2BAA2B;gBAC3B,eAAe,EAAE,aAAa;gBAC9B,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;gBACT,IAAI,EAAE,CAAC;aACR,GACD,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/esm/components/DragDropUpload/index.d.ts

@@ -0,0 +1,2 @@
+import DragDropUpload from './DragDropUpload';
+export default DragDropUpload;

package/dist/esm/components/DragDropUpload/index.js

@@ -0,0 +1,3 @@
+import DragDropUpload from './DragDropUpload';
+export default DragDropUpload;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DragDropUpload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DragDropUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,eAAe,cAAc,CAAC"}

package/dist/esm/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactElement, ReactNode } from 'react';
+import { MenuProps } from '@mui/material';
+export interface DropdownMenuProps extends Omit<MenuProps, 'open'> {
+    checkingMode?: boolean;
+    control: ReactElement;
+    children?: ReactNode | Array<ReactNode>;
+}
+declare const DropdownMenu: ({ checkingMode, control, children, ...props }: DropdownMenuProps) => React.JSX.Element;
+export default DropdownMenu;

package/dist/esm/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,44 @@
+import { __assign, __rest } from "tslib";
+import React, { Children } from 'react';
+import { Menu } from '@mui/material';
+var DropdownMenu = function (_a) {
+    var _b = _a.checkingMode, checkingMode = _b === void 0 ? false : _b, control = _a.control, children = _a.children, props = __rest(_a, ["checkingMode", "control", "children"]);
+    var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
+    var _d = React.useState(1), selectedIndex = _d[0], setSelectedIndex = _d[1];
+    var open = Boolean(anchorEl);
+    var menuItems = Children.toArray(children);
+    var handleClickListItem = function (event) {
+        setAnchorEl(event.currentTarget);
+    };
+    var handleMenuItemClick = function (_, index) {
+        setSelectedIndex(index);
+        if (!checkingMode) {
+            setAnchorEl(null);
+        }
+    };
+    var handleClose = function () {
+        setAnchorEl(null);
+    };
+    var activeControl = React.cloneElement(control, {
+        onClick: handleClickListItem
+    });
+    return (React.createElement(React.Fragment, null,
+        activeControl,
+        React.createElement(Menu, __assign({ id: "lock-menu", anchorEl: anchorEl, open: open, onClose: handleClose, MenuListProps: {
+                'aria-labelledby': 'lock-button',
+                role: 'listbox'
+            } }, props), menuItems.map(function (item, index) {
+            return React.cloneElement(item, {
+                key: index,
+                selected: index === selectedIndex,
+                onClick: function (e) {
+                    handleMenuItemClick(e, index);
+                    if (item.props && item.props.onClick) {
+                        item.props.onClick(e);
+                    }
+                }
+            });
+        }))));
+};
+export default DropdownMenu;
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/esm/components/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAA2B,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAC;AAQhD,IAAM,YAAY,GAAG,UAAC,EAKF;IAJlB,IAAA,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,KAAK,cAJY,uCAKrB,CADS;IAEF,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAC;IACnE,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAApD,aAAa,QAAA,EAAE,gBAAgB,QAAqB,CAAC;IAC5D,IAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE/B,IAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE7C,IAAM,mBAAmB,GAAG,UAAC,KAAoC;QAC/D,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,mBAAmB,GAAG,UAC1B,CAAgC,EAChC,KAAa;QAEb,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,YAAY,EAAE;YACjB,WAAW,CAAC,IAAI,CAAC,CAAC;SACnB;IACH,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG;QAClB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE;QAChD,OAAO,EAAE,mBAAmB;KAC7B,CAAC,CAAC;IAEH,OAAO,CACL;QACG,aAAa;QACd,oBAAC,IAAI,aACH,EAAE,EAAC,WAAW,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE;gBACb,iBAAiB,EAAE,aAAa;gBAChC,IAAI,EAAE,SAAS;aAChB,IACG,KAAK,GAER,SAAS,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;YACtC,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;gBAC9B,GAAG,EAAE,KAAK;gBACV,QAAQ,EAAE,KAAK,KAAK,aAAa;gBACjC,OAAO,EAAE,UAAC,CAAgC;oBACxC,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;oBAC9B,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;wBACpC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;qBACvB;gBACH,CAAC;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CACG,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/components/DropdownMenu/DropdownMenu.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DropdownMenuProps } from './DropdownMenu';
+declare const meta: Meta<DropdownMenuProps>;
+type Story = StoryObj<DropdownMenuProps>;
+export default meta;
+export declare const Basic: Story;
+export declare const WithIconButton: Story;

package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js

@@ -0,0 +1,53 @@
+import React, { Fragment } from 'react';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import AccountCircleIcon from '@mui/icons-material/AccountCircle';
+import LogoutIcon from '@mui/icons-material/Logout';
+import ContrastIcon from '@mui/icons-material/Contrast';
+import Person2Icon from '@mui/icons-material/Person2';
+import CircleNotificationsIcon from '@mui/icons-material/CircleNotifications';
+import { Divider, IconButton, ListItemIcon, ListItemText, MenuItem, } from '@mui/material';
+import DropdownMenu from './DropdownMenu';
+import Button from '../Button';
+var meta = {
+    component: DropdownMenu,
+    parameters: {
+        layout: 'centered'
+    },
+    tags: ['autodocs']
+};
+export default meta;
+export var Basic = {
+    args: {
+        control: (React.createElement(Button, { color: "primary", variant: "contained", endIcon: React.createElement(ArrowDropDownIcon, null) }, "Menu")),
+        children: (React.createElement(Fragment, null,
+            React.createElement(MenuItem, null, "New order"),
+            React.createElement(MenuItem, null, "Save order and close"),
+            React.createElement(Divider, null),
+            React.createElement(MenuItem, null, "Close and view dashboard")))
+    }
+};
+export var WithIconButton = {
+    args: {
+        control: (React.createElement(IconButton, null,
+            React.createElement(AccountCircleIcon, { fontSize: "large" }))),
+        children: (React.createElement(Fragment, null,
+            React.createElement(MenuItem, null,
+                React.createElement(ListItemIcon, null,
+                    React.createElement(Person2Icon, { fontSize: "small" })),
+                React.createElement(ListItemText, null, "View profile")),
+            React.createElement(MenuItem, null,
+                React.createElement(ListItemIcon, null,
+                    React.createElement(CircleNotificationsIcon, { fontSize: "small" })),
+                React.createElement(ListItemText, null, "Notifications")),
+            React.createElement(MenuItem, null,
+                React.createElement(ListItemIcon, null,
+                    React.createElement(ContrastIcon, { fontSize: "small" })),
+                React.createElement(ListItemText, null, "Switch to dark mode")),
+            React.createElement(Divider, null),
+            React.createElement(MenuItem, null,
+                React.createElement(ListItemIcon, null,
+                    React.createElement(LogoutIcon, { fontSize: "small" })),
+                React.createElement(ListItemText, null, "Logout"))))
+    }
+};
+//# sourceMappingURL=DropdownMenu.stories.js.map

package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAClE,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAClE,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,uBAAuB,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EACL,OAAO,EACP,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,MAAM,eAAe,CAAC;AAEvB,OAAO,YAAmC,MAAM,gBAAgB,CAAC;AACjE,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,IAAM,IAAI,GAA4B;IACpC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAIF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,OAAO,EAAE,CACP,oBAAC,MAAM,IACL,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,oBAAC,iBAAiB,OAAG,WAGvB,CACV;QACD,QAAQ,EAAE,CACR,oBAAC,QAAQ;YACP,oBAAC,QAAQ,oBAAqB;YAC9B,oBAAC,QAAQ,+BAAgC;YACzC,oBAAC,OAAO,OAAG;YACX,oBAAC,QAAQ,mCAAoC,CACpC,CACZ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,OAAO,EAAE,CACP,oBAAC,UAAU;YACT,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,OAAO,GAAG,CAC3B,CACd;QACD,QAAQ,EAAE,CACR,oBAAC,QAAQ;YACP,oBAAC,QAAQ;gBACP,oBAAC,YAAY;oBACX,oBAAC,WAAW,IAAC,QAAQ,EAAC,OAAO,GAAG,CACnB;gBACf,oBAAC,YAAY,uBAA4B,CAChC;YACX,oBAAC,QAAQ;gBACP,oBAAC,YAAY;oBACX,oBAAC,uBAAuB,IAAC,QAAQ,EAAC,OAAO,GAAG,CAC/B;gBACf,oBAAC,YAAY,wBAA6B,CACjC;YACX,oBAAC,QAAQ;gBACP,oBAAC,YAAY;oBACX,oBAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,CACpB;gBACf,oBAAC,YAAY,8BAAmC,CACvC;YACX,oBAAC,OAAO,OAAG;YACX,oBAAC,QAAQ;gBACP,oBAAC,YAAY;oBACX,oBAAC,UAAU,IAAC,QAAQ,EAAC,OAAO,GAAG,CAClB;gBACf,oBAAC,YAAY,iBAAsB,CAC1B,CACF,CACZ;KACF;CACF,CAAC"}

package/dist/esm/components/DropdownMenu/index.d.ts

@@ -0,0 +1,2 @@
+import DropdownMenu from './DropdownMenu';
+export default DropdownMenu;

package/dist/esm/components/DropdownMenu/index.js

@@ -0,0 +1,3 @@
+import DropdownMenu from './DropdownMenu';
+export default DropdownMenu;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DropdownMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DropdownMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/dist/esm/components/FilterContainer/FilterContainer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FilterContainerProps {
+    searchQuery: string;
+    setSearchQuery: (value: string) => void;
+}
+declare const FilterContainer: ({ searchQuery, setSearchQuery }: FilterContainerProps) => React.JSX.Element;
+export default FilterContainer;

package/dist/esm/components/FilterContainer/FilterContainer.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Card, Grid } from '@mui/material';
+import QuickSearchField from '../QuickSearchField';
+;
+var FilterContainer = function (_a) {
+    var searchQuery = _a.searchQuery, setSearchQuery = _a.setSearchQuery;
+    return (React.createElement(Card, { sx: { mb: 3, pr: 2, py: 3, display: 'flex' } },
+        React.createElement(Grid, { container: true, spacing: 4 },
+            React.createElement(Grid, { item: true, xs: 12 },
+                React.createElement(QuickSearchField, { searchQuery: searchQuery, onSubmit: setSearchQuery })))));
+};
+export default FilterContainer;
+//# sourceMappingURL=FilterContainer.js.map

package/dist/esm/components/FilterContainer/FilterContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterContainer.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/FilterContainer/FilterContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAKlD,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,EAAqD;QAAnD,WAAW,iBAAA,EAAE,cAAc,oBAAA;IACpD,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE;QAChD,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;YACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE;gBACf,oBAAC,gBAAgB,IACf,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,cAAc,GACxB,CACG,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/components/FilterContainer/index.d.ts

@@ -0,0 +1,2 @@
+import FilterContainer from './FilterContainer';
+export default FilterContainer;

package/dist/esm/components/FilterContainer/index.js

@@ -0,0 +1,3 @@
+import FilterContainer from './FilterContainer';
+export default FilterContainer;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/FilterContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/FilterContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,eAAe,eAAe,CAAC"}

package/dist/esm/components/Flex/Flex.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import { SxProps } from '@mui/system';
+interface FlexProps {
+    direction?: 'column' | 'row';
+    justifyContent?: 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'left' | 'right' | 'normal' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
+    justifyItems?: 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'left' | 'right' | 'anchor-center' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'legacy right' | 'legacy left' | 'legacy center' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
+    alignItems?: 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'anchor-center' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
+    alignContent?: 'normal' | 'start' | 'center' | 'end' | 'flex-start' | 'flex-end' | 'baseline' | 'first baseline' | 'last baseline' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
+    sx?: SxProps;
+    gap?: number;
+    children?: ReactNode;
+}
+declare const Flex: ({ direction, justifyItems, justifyContent, alignItems, alignContent, gap, sx, children, }: FlexProps) => React.JSX.Element;
+export default Flex;

package/dist/esm/components/Flex/Flex.js

@@ -0,0 +1,9 @@
+import { __assign } from "tslib";
+import React from 'react';
+import Box from '../Box';
+var Flex = function (_a) {
+    var _b = _a.direction, direction = _b === void 0 ? 'row' : _b, justifyItems = _a.justifyItems, justifyContent = _a.justifyContent, alignItems = _a.alignItems, alignContent = _a.alignContent, gap = _a.gap, sx = _a.sx, children = _a.children;
+    return (React.createElement(Box, { sx: __assign({ display: 'flex', flexDirection: direction, justifyItems: justifyItems, justifyContent: justifyContent, alignItems: alignItems, alignContent: alignContent, gap: gap }, sx) }, children));
+};
+export default Flex;
+//# sourceMappingURL=Flex.js.map

package/dist/esm/components/Flex/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Flex/Flex.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,GAAG,MAAM,QAAQ,CAAC;AAkGzB,IAAM,IAAI,GAAG,UAAC,EASF;QARV,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,GAAG,SAAA,EACH,EAAE,QAAA,EACF,QAAQ,cAAA;IAER,OAAO,CACL,oBAAC,GAAG,IACF,EAAE,aACA,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,SAAS,EACxB,YAAY,cAAA,EACZ,cAAc,gBAAA,EACd,UAAU,YAAA,EACV,YAAY,cAAA,EACZ,GAAG,KAAA,IACA,EAAE,KAGN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/components/Flex/index.d.ts

@@ -0,0 +1,2 @@
+import Flex from './Flex';
+export default Flex;

package/dist/esm/components/Flex/index.js

@@ -0,0 +1,3 @@
+import Flex from './Flex';
+export default Flex;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,eAAe,IAAI,CAAC"}

package/dist/esm/components/Form/Form.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+export interface FormSubmitNextMethod {
+    label: string;
+    action: () => void;
+}
+export interface FormProps {
+    disabled?: boolean;
+    disableButtons?: boolean;
+    submitButtonDisabled?: boolean;
+    submitButtonLoading?: boolean;
+    cancelButtonDisabled?: boolean;
+    onSubmit: (values: any) => void;
+    onSubmitNextMethods?: Array<FormSubmitNextMethod>;
+    onCancel: () => void;
+    children?: ReactNode;
+}
+declare const Form: ({ disabled, disableButtons, onSubmit, onSubmitNextMethods, children, ...props }: FormProps) => React.JSX.Element;
+export default Form;

package/dist/esm/components/Form/Form.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import FormButtons from '../FormButtons';
+var Form = function (_a) {
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.disableButtons, disableButtons = _c === void 0 ? false : _c, onSubmit = _a.onSubmit, onSubmitNextMethods = _a.onSubmitNextMethods, children = _a.children, props = __rest(_a, ["disabled", "disableButtons", "onSubmit", "onSubmitNextMethods", "children"]);
+    return (React.createElement("form", { noValidate: true, method: "post", className: "form", onSubmit: onSubmit },
+        children,
+        disableButtons !== true && (React.createElement(FormButtons, __assign({}, props, { onSubmit: onSubmit, onSubmitNextMethods: onSubmitNextMethods })))));
+};
+export default Form;
+//# sourceMappingURL=Form.js.map

package/dist/esm/components/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Form/Form.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAmBzC,IAAM,IAAI,GAAG,UAAC,EAOF;IANV,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,QAAQ,cAAA,EACR,mBAAmB,yBAAA,EACnB,QAAQ,cAAA,EACL,KAAK,cANI,6EAOb,CADS;IACO,OAAA,CACf,8BAAM,UAAU,QAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ;QAC/D,QAAQ;QACR,cAAc,KAAK,IAAI,IAAI,CAC1B,oBAAC,WAAW,eACN,KAAK,IACT,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,mBAAmB,IACxC,CACH,CACI,CACR,CAAA;CAAA,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/components/Form/index.d.ts

@@ -0,0 +1,3 @@
+import Form, { FormProps } from './Form';
+export default Form;
+export { FormProps };

package/dist/esm/components/Form/index.js

@@ -0,0 +1,3 @@
+import Form from './Form';
+export default Form;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAmB,MAAM,QAAQ,CAAC;AAEzC,eAAe,IAAI,CAAC"}

package/dist/esm/components/FormButtons/FormButtons.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { FormSubmitNextMethod } from '../Form/Form';
+interface FormButtonsMessages {
+    save?: string;
+    saveAndContinue?: string;
+    cancel?: string;
+}
+interface FormButtonsProps {
+    messages?: FormButtonsMessages;
+    disabled?: boolean;
+    disableButtons?: boolean;
+    submitButtonDisabled?: boolean;
+    submitButtonLoading?: boolean;
+    cancelButtonDisabled?: boolean;
+    onSubmit: (values: any) => void;
+    onSubmitNextMethods?: Array<FormSubmitNextMethod>;
+    onCancel: () => void;
+}
+declare const FormButtons: ({ messages, submitButtonDisabled, submitButtonLoading, cancelButtonDisabled, onSubmit, onSubmitNextMethods, onCancel, }: FormButtonsProps) => React.JSX.Element;
+export default FormButtons;

package/dist/esm/components/FormButtons/FormButtons.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { ButtonGroup, FormGroup, Grid } from '@mui/material';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import { DropdownMenu, MenuItem } from '../../';
+import Button from '../Button';
+var FormButtons = function (_a) {
+    var messages = _a.messages, _b = _a.submitButtonDisabled, submitButtonDisabled = _b === void 0 ? false : _b, _c = _a.submitButtonLoading, submitButtonLoading = _c === void 0 ? false : _c, _d = _a.cancelButtonDisabled, cancelButtonDisabled = _d === void 0 ? false : _d, onSubmit = _a.onSubmit, _e = _a.onSubmitNextMethods, onSubmitNextMethods = _e === void 0 ? [] : _e, onCancel = _a.onCancel;
+    return (React.createElement(Grid, { container: true },
+        React.createElement(Grid, { item: true, sx: { ml: 'auto', mt: 4 } },
+            React.createElement(FormGroup, { row: true, sx: { '& button': { ml: 2 } } },
+                onSubmitNextMethods.length > 0 ? (React.createElement(ButtonGroup, null,
+                    React.createElement(Button, { loading: submitButtonLoading, variant: "contained", color: "primary", disabled: submitButtonDisabled || submitButtonLoading, onClick: onSubmit }, (messages === null || messages === void 0 ? void 0 : messages.save) || React.createElement(FormattedMessage, { id: "form.save" })),
+                    React.createElement(DropdownMenu, { control: React.createElement(Button, { size: "small", "aria-label": "select merge strategy", "aria-haspopup": "menu", variant: "contained", color: "primary", disabled: submitButtonDisabled || submitButtonLoading, sx: {
+                                marginLeft: '0',
+                                minWidth: 'auto'
+                            } },
+                            React.createElement(ArrowDropDownIcon, null)), anchorOrigin: {
+                            vertical: 'bottom',
+                            horizontal: 'right'
+                        }, transformOrigin: {
+                            vertical: 'top',
+                            horizontal: 'right'
+                        } }, onSubmitNextMethods.map(function (item, index) { return (React.createElement(MenuItem, { key: "next-method-".concat(index), onClick: item.action }, item.label)); })))) : (React.createElement(Button, { loading: submitButtonLoading, variant: "contained", color: "primary", disabled: submitButtonDisabled || submitButtonLoading, onClick: onSubmit }, (messages === null || messages === void 0 ? void 0 : messages.save) || React.createElement(FormattedMessage, { id: "form.save" }))),
+                React.createElement(Button, { variant: "outlined", disabled: cancelButtonDisabled, onClick: onCancel }, (messages === null || messages === void 0 ? void 0 : messages.cancel) || React.createElement(FormattedMessage, { id: "form.cancel" }))))));
+};
+export default FormButtons;
+//# sourceMappingURL=FormButtons.js.map