@gisce/react-ooui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 GISCE-TI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,58 @@
+# react-ooui
+
+The component library for OpenObject & OpenERP objects based on [ant-design](https://github.com/ant-design/ant-design) and built with TypeScript.
+
+## 🚀 Usage
+
+Install via git:
+
+```bash
+npm i git+ssh://github.com/gisce/react-ooui.git#webpack_lib
+```
+
+Import library components:
+
+```javascript
+import { Button, Char } from "react-ooui";
+```
+
+Import `ant-design` CSS:
+
+```javascript
+import "antd/dist/antd.css";
+```
+
+And then you can use it:
+
+```javascript
+const getOouiComponents = () => {
+  return (
+    <>
+      <Char id="test" placeholder="Enter a task" />
+      <Button type="dashed">Button</Button>
+    </>
+  );
+};
+```
+
+You have an example app inside this repo. In order to run it you should follow these steps:
+
+- `cd example`
+- `npm install`
+- `npm start`
+
+## 👷🏽‍♂️ Building
+
+You must run:
+
+- `npm install`
+- `npm run build`
+
+And then you will have the bundled library inside `dist/`
+
+## 🎨 Storybook
+
+You can browse our Storybook running:
+
+- `npm install`
+- `npm run storybook`

package/dist/Config.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    requiredClass: string;
+    requiredColor: string;
+};
+export default _default;
+//# sourceMappingURL=Config.d.ts.map

package/dist/Config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["../src/Config.ts"],"names":[],"mappings":";;;;AAAA,wBAGE"}

package/dist/Config.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    requiredClass: "bg-blue-100",
+    requiredColor: "#DBEAFE",
+};
+//# sourceMappingURL=Config.js.map

package/dist/Config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Config.js","sourceRoot":"","sources":["../src/Config.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,aAAa,EAAE,aAAa;IAC5B,aAAa,EAAE,SAAS;CACzB,CAAC"}

package/dist/ConnectionProvider.d.ts

@@ -0,0 +1,7 @@
+import { ConnectionProviderType } from "@/types";
+export default class ConnectionProvider {
+    private static handler;
+    static init(handler: ConnectionProviderType): void;
+    static getHandler(): ConnectionProviderType;
+}
+//# sourceMappingURL=ConnectionProvider.d.ts.map

package/dist/ConnectionProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionProvider.d.ts","sourceRoot":"","sources":["../src/ConnectionProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,kBAAkB;IACrC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAyB;WAEjC,IAAI,CAAC,OAAO,EAAE,sBAAsB,GAAG,IAAI;WAI3C,UAAU,IAAI,sBAAsB;CAMnD"}

package/dist/ConnectionProvider.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ConnectionProvider = /** @class */ (function () {
+    function ConnectionProvider() {
+    }
+    ConnectionProvider.init = function (handler) {
+        ConnectionProvider.handler = handler;
+    };
+    ConnectionProvider.getHandler = function () {
+        if (!ConnectionProvider.handler) {
+            throw 'Must call init() first with a valid ConnectionProvider instance';
+        }
+        return ConnectionProvider.handler;
+    };
+    return ConnectionProvider;
+}());
+exports.default = ConnectionProvider;
+//# sourceMappingURL=ConnectionProvider.js.map

package/dist/ConnectionProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionProvider.js","sourceRoot":"","sources":["../src/ConnectionProvider.ts"],"names":[],"mappings":";;AAEA;IAAA;IAaA,CAAC;IAVe,uBAAI,GAAlB,UAAmB,OAA+B;QAChD,kBAAkB,CAAC,OAAO,GAAG,OAAO,CAAC;IACvC,CAAC;IAEa,6BAAU,GAAxB;QACE,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;YAC/B,MAAM,iEAAiE,CAAC;SACzE;QACD,OAAO,kBAAkB,CAAC,OAAO,CAAC;IACpC,CAAC;IACH,yBAAC;AAAD,CAAC,AAbD,IAaC"}

package/dist/actionbar/ActionButton.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type Props = {
+    tooltip: string;
+    onClick: any;
+    icon: any;
+    disabled?: boolean;
+    label?: string;
+    loading?: boolean;
+    type?: string;
+};
+declare function ActionButton(props: Props): JSX.Element;
+export default ActionButton;
+//# sourceMappingURL=ActionButton.d.ts.map

package/dist/actionbar/ActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/actionbar/ActionButton.tsx"],"names":[],"mappings":";AAIA,aAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,eAuBjC;AAED,eAAe,YAAY,CAAC"}

package/dist/actionbar/ActionButton.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var ButtonWithTooltip_1 = __importDefault(require("@/common/ButtonWithTooltip"));
+var icons_1 = require("@ant-design/icons");
+function ActionButton(props) {
+    var onClick = props.onClick, _a = props.disabled, disabled = _a === void 0 ? false : _a, _b = props.loading, loading = _b === void 0 ? false : _b, tooltip = props.tooltip, icon = props.icon, label = props.label, _c = props.type, type = _c === void 0 ? "default" : _c;
+    var finalIcon = loading ? react_1.default.createElement(icons_1.LoadingOutlined, null) : icon;
+    return (react_1.default.createElement(ButtonWithTooltip_1.default, { type: type, tooltip: tooltip, onClick: onClick, disabled: disabled },
+        finalIcon,
+        label));
+}
+exports.default = ActionButton;
+//# sourceMappingURL=ActionButton.js.map

package/dist/actionbar/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../src/actionbar/ActionButton.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,iFAA2D;AAC3D,2CAAoD;AAYpD,SAAS,YAAY,CAAC,KAAY;IAE9B,IAAA,OAAO,GAOL,KAAK,QAPA,EACP,KAME,KAAK,SANS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAKE,KAAK,QALQ,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,OAAO,GAIL,KAAK,QAJA,EACP,IAAI,GAGF,KAAK,KAHH,EACJ,KAAK,GAEH,KAAK,MAFF,EACL,KACE,KAAK,KADS,EAAhB,IAAI,mBAAG,SAAS,KAAA,CACR;IACV,IAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,8BAAC,uBAAe,OAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CACL,8BAAC,2BAAiB,IAChB,IAAI,EAAE,IAAW,EACjB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ;QAEjB,SAAS;QACT,KAAK,CACY,CACrB,CAAC;AACJ,CAAC;AAED,kBAAe,YAAY,CAAC"}

package/dist/actionbar/AttachmentsButton.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Attachment } from "./AttachmentsButtonWrapper";
+export declare type AttachmentsButtonProps = {
+    attachments?: any;
+    disabled?: boolean;
+    onAddNewAttachment: () => void;
+    onViewAttachmentDetails: (attachment: Attachment) => void;
+};
+declare function AttachmentsButton(props: AttachmentsButtonProps): JSX.Element;
+export default AttachmentsButton;
+//# sourceMappingURL=AttachmentsButton.d.ts.map

package/dist/actionbar/AttachmentsButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsButton.d.ts","sourceRoot":"","sources":["../../src/actionbar/AttachmentsButton.tsx"],"names":[],"mappings":";AAQA,OAAO,EACL,UAAU,EAEX,MAAM,4BAA4B,CAAC;AAIpC,oBAAY,sBAAsB,GAAG;IACnC,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,uBAAuB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAuGvD;AAED,eAAe,iBAAiB,CAAC"}

package/dist/actionbar/AttachmentsButton.js

@@ -0,0 +1,170 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var filesHelper_1 = require("@/helpers/filesHelper");
+var ConnectionProvider_1 = __importDefault(require("@/ConnectionProvider"));
+var ActionViewContext_1 = require("@/context/ActionViewContext");
+var ActionErrorDialog_1 = __importDefault(require("@/ui/ActionErrorDialog"));
+var AttachmentsButtonWrapper_1 = require("./AttachmentsButtonWrapper");
+var antd_1 = require("antd");
+var LocaleContext_1 = require("@/context/LocaleContext");
+function AttachmentsButton(props) {
+    var _this = this;
+    var attachments = props.attachments, _a = props.disabled, disabled = _a === void 0 ? false : _a, onAddNewAttachment = props.onAddNewAttachment, onViewAttachmentDetails = props.onViewAttachmentDetails;
+    var formRef = react_1.useContext(ActionViewContext_1.ActionViewContext).formRef;
+    var _b = react_1.useState(false), preloading = _b[0], setPreloading = _b[1];
+    var _c = react_1.useState([]), preloadedAttachments = _c[0], setPreloadedAttachments = _c[1];
+    var _d = react_1.useState(false), downloading = _d[0], setDownloading = _d[1];
+    var t = react_1.useContext(LocaleContext_1.LocaleContext).t;
+    var preloadAttachments = react_1.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var results, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setPreloading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, ConnectionProvider_1.default.getHandler().readObjects({
+                            model: "ir.attachment",
+                            ids: attachments.map(function (a) { return a.id; }),
+                            fieldsToRetrieve: ["name", "datas_fname", "link"],
+                            context: formRef.current.getContext(),
+                        })];
+                case 2:
+                    results = _a.sent();
+                    setPreloadedAttachments(results.map(function (r) { return ({
+                        id: r.id,
+                        name: r.name,
+                        datas_fname: r.datas_fname,
+                        link: r.link,
+                    }); }));
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    ActionErrorDialog_1.default(error_1);
+                    return [3 /*break*/, 4];
+                case 4:
+                    setPreloading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, attachments);
+    var openAttachmentLink = react_1.useCallback(function (attachment) { return __awaiter(_this, void 0, void 0, function () {
+        var retrievedAttachment, results, error_2, fileType;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (attachment.link) {
+                        window.open(attachment.link);
+                        return [2 /*return*/];
+                    }
+                    setDownloading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, ConnectionProvider_1.default.getHandler().readObjects({
+                            model: "ir.attachment",
+                            ids: [attachment.id],
+                            context: formRef.current.getContext(),
+                        })];
+                case 2:
+                    results = _a.sent();
+                    retrievedAttachment = results[0];
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_2 = _a.sent();
+                    ActionErrorDialog_1.default(error_2);
+                    return [3 /*break*/, 4];
+                case 4:
+                    setDownloading(false);
+                    if (!retrievedAttachment) {
+                        return [2 /*return*/];
+                    }
+                    if (!retrievedAttachment.datas) return [3 /*break*/, 6];
+                    return [4 /*yield*/, filesHelper_1.getMimeType(retrievedAttachment.datas)];
+                case 5:
+                    fileType = _a.sent();
+                    filesHelper_1.openBase64InNewTab(retrievedAttachment.datas, fileType.mime);
+                    return [3 /*break*/, 7];
+                case 6:
+                    onViewAttachmentDetails(retrievedAttachment);
+                    _a.label = 7;
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); }, []);
+    var openAttachmentDetail = react_1.useCallback(function (attachment) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            onViewAttachmentDetails(attachment);
+            return [2 /*return*/];
+        });
+    }); }, []);
+    react_1.useEffect(function () {
+        preloadAttachments();
+    }, [preloadAttachments]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(AttachmentsButtonWrapper_1.AttachmentsButtonWrapper, { numberOfAttachments: attachments.length, attachments: preloadedAttachments, disabled: disabled, loading: preloading, onAddNewAttachment: onAddNewAttachment, onopenAttachmentLink: openAttachmentLink, onOpenAttachmentDetail: openAttachmentDetail }),
+        react_1.default.createElement(antd_1.Modal, { title: t("downloadingAttachment"), visible: downloading, footer: null, closable: false, centered: true },
+            react_1.default.createElement(antd_1.Spin, null))));
+}
+exports.default = AttachmentsButton;
+//# sourceMappingURL=AttachmentsButton.js.map

package/dist/actionbar/AttachmentsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsButton.js","sourceRoot":"","sources":["../../src/actionbar/AttachmentsButton.tsx"],"names":[],"mappings":"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"}

package/dist/actionbar/AttachmentsButtonWrapper.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare type Attachment = {
+    id: number;
+    name: string;
+    datas: string;
+    link: string;
+};
+export declare type AttachmentsButtonWrapperProps = {
+    attachments: Attachment[] | undefined;
+    numberOfAttachments: number;
+    disabled: boolean;
+    loading: boolean;
+    onAddNewAttachment: () => void;
+    onopenAttachmentLink: (attachment: Attachment) => void;
+    onOpenAttachmentDetail: (attachment: Attachment) => void;
+};
+export declare const AttachmentsButtonWrapper: (props: AttachmentsButtonWrapperProps) => JSX.Element;
+//# sourceMappingURL=AttachmentsButtonWrapper.d.ts.map

package/dist/actionbar/AttachmentsButtonWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsButtonWrapper.d.ts","sourceRoot":"","sources":["../../src/actionbar/AttachmentsButtonWrapper.tsx"],"names":[],"mappings":";AAUA,oBAAY,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,6BAA6B,GAAG;IAC1C,WAAW,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;IACtC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,oBAAoB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACvD,sBAAsB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAC5B,6BAA6B,gBA8BrC,CAAC"}

package/dist/actionbar/AttachmentsButtonWrapper.js

@@ -0,0 +1,72 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttachmentsButtonWrapper = void 0;
+var react_1 = __importStar(require("react"));
+var icons_1 = require("@ant-design/icons");
+var antd_1 = require("antd");
+var LocaleContext_1 = require("@/context/LocaleContext");
+var AttachmentsButtonWrapper = function (props) {
+    var numberOfAttachments = props.numberOfAttachments, disabled = props.disabled;
+    var t = react_1.useContext(LocaleContext_1.LocaleContext).t;
+    var _a = react_1.useState(false), popoverVisible = _a[0], setPopoverVisible = _a[1];
+    var button = (react_1.default.createElement(antd_1.Button, { disabled: disabled },
+        react_1.default.createElement(icons_1.LinkOutlined, null), "(" + numberOfAttachments + ")",
+        react_1.default.createElement(icons_1.DownOutlined, { style: { fontSize: 12 } })));
+    if (disabled) {
+        return button;
+    }
+    return (react_1.default.createElement(antd_1.Popover, { onVisibleChange: function (visible) { return setPopoverVisible(visible); }, visible: popoverVisible, placement: "bottom", content: Content(props, setPopoverVisible), title: t("attachments"), arrowContent: null }, button));
+};
+exports.AttachmentsButtonWrapper = AttachmentsButtonWrapper;
+var Content = function (props, setPopoverVisible) {
+    var _a = props.attachments, attachments = _a === void 0 ? [] : _a, loading = props.loading, onAddNewAttachment = props.onAddNewAttachment, onopenAttachmentLink = props.onopenAttachmentLink, onOpenAttachmentDetail = props.onOpenAttachmentDetail;
+    var t = react_1.useContext(LocaleContext_1.LocaleContext).t;
+    if (loading) {
+        return react_1.default.createElement(antd_1.Spin, { style: { padding: 20 } });
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("a", { href: "#", onClick: function () {
+                setPopoverVisible(false);
+                onAddNewAttachment();
+            } }, t("addNewAttachment")),
+        attachments.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("li", { className: " ant-dropdown-menu-item-divider" }),
+            attachments.map(function (attachment) {
+                var Icon = attachment.link ? icons_1.LinkOutlined : icons_1.DownloadOutlined;
+                return (react_1.default.createElement(antd_1.Row, { style: { paddingTop: 4, paddingBottom: 4 }, wrap: false, align: "middle", key: attachment.id },
+                    react_1.default.createElement(antd_1.Col, { flex: "auto" }, attachment.name),
+                    react_1.default.createElement(antd_1.Col, { flex: "25px", style: { textAlign: "center" } }, (attachment.datas_fname || attachment.link) && (react_1.default.createElement(antd_1.Tooltip, { title: attachment.link
+                            ? t("openAttachmentLink")
+                            : t("download") },
+                        react_1.default.createElement(Icon, { style: { cursor: "pointer" }, onClick: function () {
+                                setPopoverVisible(false);
+                                onopenAttachmentLink(attachment);
+                            } })))),
+                    react_1.default.createElement(antd_1.Col, { flex: "25px", style: { textAlign: "center" } },
+                        react_1.default.createElement(antd_1.Tooltip, { title: t("openAttachment") },
+                            react_1.default.createElement(icons_1.FormOutlined, { style: { cursor: "pointer" }, onClick: function () {
+                                    setPopoverVisible(false);
+                                    onOpenAttachmentDetail(attachment);
+                                } })))));
+            })))));
+};
+//# sourceMappingURL=AttachmentsButtonWrapper.js.map

package/dist/actionbar/AttachmentsButtonWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsButtonWrapper.js","sourceRoot":"","sources":["../../src/actionbar/AttachmentsButtonWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/actionbar/ButtonWithBadge.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Props as ButtonWithTooltipProps } from "@/common/ButtonWithTooltip";
+declare type Props = ButtonWithTooltipProps & {
+    badgeNumber?: number;
+};
+declare function ButtonWithBadge(props: Props): JSX.Element;
+export default ButtonWithBadge;
+//# sourceMappingURL=ButtonWithBadge.d.ts.map

package/dist/actionbar/ButtonWithBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWithBadge.d.ts","sourceRoot":"","sources":["../../src/actionbar/ButtonWithBadge.tsx"],"names":[],"mappings":";AACA,OAA0B,EAAC,KAAK,IAAI,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAE/F,aAAK,KAAK,GAAG,sBAAsB,GAAG;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,eA6BpC;AAED,eAAe,eAAe,CAAC"}

package/dist/actionbar/ButtonWithBadge.js

@@ -0,0 +1,47 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var ButtonWithTooltip_1 = __importDefault(require("@/common/ButtonWithTooltip"));
+function ButtonWithBadge(props) {
+    var _a = props.badgeNumber, badgeNumber = _a === void 0 ? 0 : _a, restProps = __rest(props, ["badgeNumber"]);
+    return (react_1.default.createElement("div", { style: { position: "relative" } },
+        badgeNumber > 0 && (react_1.default.createElement("div", { style: { position: "absolute", left: -10, top: -10, zIndex: 2 } },
+            react_1.default.createElement("span", { style: {
+                    display: "inline-block",
+                    minWidth: "22px",
+                    padding: "2px",
+                    borderRadius: "50%",
+                    fontSize: "12px",
+                    textAlign: "center",
+                    background: "#1890FF",
+                    color: "#fefefe",
+                } }, badgeNumber))),
+        react_1.default.createElement(ButtonWithTooltip_1.default, __assign({}, restProps, { style: { width: 46, zIndex: 0 } }))));
+}
+exports.default = ButtonWithBadge;
+//# sourceMappingURL=ButtonWithBadge.js.map

package/dist/actionbar/ButtonWithBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWithBadge.js","sourceRoot":"","sources":["../../src/actionbar/ButtonWithBadge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iFAA+F;AAM/F,SAAS,eAAe,CAAC,KAAY;IAC3B,IAAA,KAAkC,KAAK,YAAxB,EAAf,WAAW,mBAAG,CAAC,KAAA,EAAK,SAAS,UAAK,KAAK,EAAzC,eAAiC,CAAF,CAAW;IAEhD,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;QACjC,WAAW,GAAG,CAAC,IAAI,CAClB,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;YAClE,wCACE,KAAK,EAAE;oBACL,OAAO,EAAE,cAAc;oBACvB,QAAQ,EAAE,MAAM;oBAChB,OAAO,EAAE,KAAK;oBACd,YAAY,EAAE,KAAK;oBACnB,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,QAAQ;oBACnB,UAAU,EAAE,SAAS;oBACrB,KAAK,EAAE,SAAS;iBACjB,IAEA,WAAW,CACP,CACH,CACP;QACD,8BAAC,2BAAiB,eACZ,SAAS,IACb,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IACZ,CACjB,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,eAAe,CAAC"}

package/dist/actionbar/ChangeViewButton.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { View } from "@/views/ActionView";
+declare type Props = {
+    onChangeView: (view: View) => void;
+    currentView: View;
+    availableViews: View[];
+    disabled?: boolean;
+    formHasChanges?: boolean;
+};
+declare function ChangeViewButton(props: Props): JSX.Element | null;
+export default ChangeViewButton;
+//# sourceMappingURL=ChangeViewButton.d.ts.map

package/dist/actionbar/ChangeViewButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeViewButton.d.ts","sourceRoot":"","sources":["../../src/actionbar/ChangeViewButton.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,aAAK,KAAK,GAAG;IACX,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,IAAI,CAAC;IAClB,cAAc,EAAE,IAAI,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAeF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,KAAK,sBAkGrC;AAED,eAAe,gBAAgB,CAAC"}