@fluxo-dev/shell-reporting 0.0.12

package/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@fluxo-dev/shell-reporting",
+  "version": "0.0.12",
+  "module": "./index.esm.js",
+  "type": "module",
+  "main": "./index.esm.js"
+}

package/reports-manager.esm.js

@@ -0,0 +1,376 @@
+import { _ as _objectWithoutPropertiesLoose, a as _extends, f as factory, u as useProps, I as InputBase, c as createReactComponent, b as _export, n as nativePromiseConstructor, d as fails$1, g as getBuiltIn$1, r as redefine$1, s as speciesConstructor$1, p as promiseResolve$1, S as Stack, T as Text, e as TextInput, G as Group, B as Button, h as showNotification, i as useNavigate, L as Loader, D as Divider, C as Center, M as Modal } from './index.esm2.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { ShellPage, DataCard, ConfirmModal } from '@fluxo-dev/ui-components';
+import * as React from 'react';
+import React__default, { useRef, useCallback, useState, useEffect } from 'react';
+import { FluxoClientSys } from '@fluxo-dev/api-client-base';
+import 'react-dom';
+
+var updateRef = function updateRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+    return;
+  }
+  ref.current = value;
+};
+
+var useComposedRef = function useComposedRef(libRef, userRef) {
+  var prevUserRef = useRef();
+  return useCallback(function (instance) {
+    libRef.current = instance;
+
+    if (prevUserRef.current) {
+      updateRef(prevUserRef.current, null);
+    }
+
+    prevUserRef.current = userRef;
+
+    if (!userRef) {
+      return;
+    }
+
+    updateRef(userRef, instance);
+  }, [userRef]);
+};
+
+var noop = function noop() {};
+
+var _excluded = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"];
+var TextareaAutosize = function TextareaAutosize(_ref, userRef) {
+  _ref.cacheMeasurements;
+    _ref.maxRows;
+    _ref.minRows;
+    var _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _ref$onChange;
+    _ref.onHeightChange;
+    var props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  props.value !== undefined;
+  var libRef = React.useRef(null);
+  var ref = useComposedRef(libRef, userRef);
+  React.useRef(0);
+  React.useRef();
+  return /*#__PURE__*/React.createElement("textarea", _extends({}, props, {
+    onChange: onChange,
+    ref: ref
+  }));
+};
+var index = /* #__PURE__ */React.forwardRef(TextareaAutosize);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const Textarea = factory((props, ref) => {
+  const _a = useProps(
+    "Textarea",
+    defaultProps,
+    props
+  ), { autosize, maxRows, minRows, __staticSelector } = _a, others = __objRest(_a, ["autosize", "maxRows", "minRows", "__staticSelector"]);
+  const autosizeProps = autosize ? { maxRows, minRows } : {};
+  return /* @__PURE__ */ React__default.createElement(
+    InputBase,
+    __spreadValues(__spreadProps(__spreadValues({
+      component: autosize ? index : "textarea",
+      ref
+    }, others), {
+      __staticSelector: __staticSelector || "Textarea",
+      multiline: true,
+      "data-no-overflow": autosize && maxRows === void 0 || void 0
+    }), autosizeProps)
+  );
+});
+Textarea.classes = InputBase.classes;
+Textarea.displayName = "@mantine/core/Textarea";
+
+/**
+ * @tabler/icons-react v2.42.0 - MIT
+ */
+
+var IconPlus = createReactComponent("plus", "IconPlus", [
+  ["path", { d: "M12 5l0 14", key: "svg-0" }],
+  ["path", { d: "M5 12l14 0", key: "svg-1" }]
+]);
+
+/**
+ * @tabler/icons-react v2.42.0 - MIT
+ */
+
+var IconReport = createReactComponent("report", "IconReport", [
+  [
+    "path",
+    { d: "M8 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h5.697", key: "svg-0" }
+  ],
+  ["path", { d: "M18 14v4h4", key: "svg-1" }],
+  ["path", { d: "M18 11v-4a2 2 0 0 0 -2 -2h-2", key: "svg-2" }],
+  [
+    "path",
+    {
+      d: "M8 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z",
+      key: "svg-3"
+    }
+  ],
+  ["path", { d: "M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-4" }],
+  ["path", { d: "M8 11h4", key: "svg-5" }],
+  ["path", { d: "M8 15h3", key: "svg-6" }]
+]);
+
+var $ = _export;
+var NativePromise = nativePromiseConstructor;
+var fails = fails$1;
+var getBuiltIn = getBuiltIn$1;
+var speciesConstructor = speciesConstructor$1;
+var promiseResolve = promiseResolve$1;
+var redefine = redefine$1.exports;
+
+// Safari bug https://bugs.webkit.org/show_bug.cgi?id=200829
+var NON_GENERIC = !!NativePromise && fails(function () {
+  NativePromise.prototype['finally'].call({ then: function () { /* empty */ } }, function () { /* empty */ });
+});
+
+// `Promise.prototype.finally` method
+// https://tc39.github.io/ecma262/#sec-promise.prototype.finally
+$({ target: 'Promise', proto: true, real: true, forced: NON_GENERIC }, {
+  'finally': function (onFinally) {
+    var C = speciesConstructor(this, getBuiltIn('Promise'));
+    var isFunction = typeof onFinally == 'function';
+    return this.then(
+      isFunction ? function (x) {
+        return promiseResolve(C, onFinally()).then(function () { return x; });
+      } : onFinally,
+      isFunction ? function (e) {
+        return promiseResolve(C, onFinally()).then(function () { throw e; });
+      } : onFinally
+    );
+  }
+});
+
+// patch native Promise.prototype for native async functions
+if (typeof NativePromise == 'function' && !NativePromise.prototype['finally']) {
+  redefine(NativePromise.prototype, 'finally', getBuiltIn('Promise').prototype['finally']);
+}
+
+function CreateReport(props) {
+  const [name, setName] = useState('');
+  const [note, setNote] = useState('');
+  const [loading, setLoading] = useState(false);
+  const createReport = () => {
+    if (!name) return;
+    const command = {
+      name: name,
+      annotations: note,
+      scope: props.scope,
+      packageName: props.packageName,
+      namespace: props.namespace,
+      id: props.id
+    };
+    setLoading(true);
+    FluxoClientSys.Instance.reporting.createReport(command).then(res => {
+      showNotification({
+        title: 'Report creato',
+        message: 'Il report è stato creato con successo',
+        color: 'teal'
+      });
+      props.onCreated(res);
+    }).catch(err => {
+      showNotification({
+        title: 'Errore',
+        message: 'Si è verificato un errore durante la creazione del report',
+        color: 'red'
+      });
+    }).finally(() => {
+      setLoading(false);
+    });
+  };
+  return jsxs(Stack, {
+    children: [jsxs(Text, {
+      children: [jsx("b", {
+        children: "Categoria:"
+      }), " ", props.scope, ".", props.packageName, ".", props.namespace, ".", props.id]
+    }), jsx(TextInput, {
+      disabled: loading,
+      label: 'Nome report',
+      onChange: v => setName(v.target.value)
+    }), jsx(Textarea, {
+      disabled: loading,
+      label: 'Note',
+      onChange: v => setNote(v.target.value)
+    }), jsxs(Group, {
+      justify: 'right',
+      children: [jsx(Button, {
+        disabled: loading,
+        onClick: props.onCancel,
+        variant: 'subtle',
+        children: "Annulla"
+      }), jsx(Button, {
+        onClick: createReport,
+        disabled: !name || loading,
+        children: "Crea"
+      })]
+    })]
+  });
+}
+
+function ReportsManager() {
+  const [reportsList, setReportsList] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const navigate = useNavigate();
+  const [createReportModalOpened, setCreateReportModalOpened] = useState(false);
+  const [deleteReportModalOpened, setDeleteReportModalOpened] = useState(false);
+  const [currentId, setCurrentId] = useState();
+  const [currentScope, setCurrentScope] = useState('');
+  const [currentPackageName, setCurrentPackageName] = useState('');
+  const [currentNamespace, setCurrentNamespace] = useState('');
+  const [currentReportId, setCurrentReportId] = useState('');
+  const [currentReportName, setCurrentReportName] = useState('');
+  useEffect(() => {
+    refresh();
+  }, []);
+  const refresh = () => {
+    FluxoClientSys.Instance.reporting.getReportsList().then(res => {
+      setReportsList(res);
+      setLoading(false);
+    });
+  };
+  const deleteReport = () => {
+    if (!currentId) return;
+    FluxoClientSys.Instance.reporting.deleteReport(currentId).then(() => {
+      showNotification({
+        title: 'Report eliminato',
+        message: 'Il report è stato eliminato con successo',
+        color: 'success'
+      });
+      refresh();
+    }).catch(() => {
+      showNotification({
+        title: 'Errore',
+        message: 'Si è verificato un errore durante l\'eliminazione del report',
+        color: 'red'
+      });
+    }).finally(() => {
+      setDeleteReportModalOpened(false);
+      setCurrentId(undefined);
+    });
+  };
+  return jsxs(ShellPage, {
+    headerProps: {
+      title: 'Reports',
+      subtitle: ''
+    },
+    children: [loading ? jsx(Loader, {
+      size: 48,
+      style: {
+        margin: 'auto'
+      }
+    }) : jsx(Stack, {
+      children: reportsList.map(report => {
+        return jsx(DataCard, {
+          title: report.category,
+          actions: [{
+            label: 'Nuovo report',
+            icon: jsx(IconPlus, {
+              size: 18
+            }),
+            onClick: () => {
+              setCurrentScope(report.scope);
+              setCurrentPackageName(report.packageName);
+              setCurrentNamespace(report.namespace);
+              setCurrentReportId(report.reportTypeId);
+              setCreateReportModalOpened(true);
+            }
+          }],
+          children: jsxs(Stack, {
+            children: [report.reports.map((r, index) => {
+              return jsxs(Fragment, {
+                children: [jsxs(Group, {
+                  justify: 'space-between',
+                  children: [jsxs(Group, {
+                    children: [jsx(IconReport, {
+                      color: 'gray',
+                      size: 18
+                    }), jsx(Text, {
+                      fw: 600,
+                      size: 'md',
+                      children: r.name
+                    })]
+                  }), jsxs(Group, {
+                    children: [jsx(Button, {
+                      onClick: () => navigate(r.id.toString()),
+                      size: 'xs',
+                      children: "Modifica"
+                    }), jsx(Button, {
+                      onClick: () => {
+                        setCurrentId(r.id);
+                        setCurrentReportName(r.name);
+                        setDeleteReportModalOpened(true);
+                      },
+                      size: 'xs',
+                      color: 'red',
+                      children: "Elimina"
+                    })]
+                  })]
+                }), index !== report.reports.length - 1 && jsx(Divider, {})]
+              });
+            }), report.reports.length === 0 && jsx(Center, {
+              children: jsx(Text, {
+                size: 'md',
+                children: "Nessun report per la categoria"
+              })
+            })]
+          })
+        });
+      })
+    }), jsx(Modal, {
+      title: 'Nuovo report',
+      centered: true,
+      opened: createReportModalOpened,
+      onClose: () => setCreateReportModalOpened(false),
+      children: jsx(CreateReport, {
+        scope: currentScope,
+        packageName: currentPackageName,
+        namespace: currentNamespace,
+        id: currentReportId,
+        onCreated: newReportId => {
+          setCreateReportModalOpened(false);
+          navigate(newReportId.toString());
+        },
+        onCancel: () => setCreateReportModalOpened(false)
+      })
+    }), jsx(ConfirmModal, {
+      open: deleteReportModalOpened,
+      onButtonConfirmClick: () => deleteReport(),
+      onButtonCancelClick: () => setDeleteReportModalOpened(true),
+      title: 'Elimina report',
+      messageText: `Sei sicuro di voler eliminare il report ${currentReportName}?`
+    })]
+  });
+}
+
+export { ReportsManager as default };

package/src/index.d.ts

@@ -0,0 +1,3 @@
+export { reportsModule } from './lib/fluxo-module';
+export { ReportButton } from './lib/components/report-button';
+export { ReportChooser } from './lib/components/report-chooser';

package/src/lib/components/report-button.d.ts

@@ -0,0 +1,16 @@
+import { ButtonVariant } from "@mantine/core";
+import React from "react";
+export interface ReportButtonProps {
+    reportScope: string;
+    reportPackageName: string;
+    reportNamespace: string;
+    reportId: string;
+    initialParameters?: {
+        key: string;
+        value: string | number | boolean | Date;
+    }[];
+    label?: string;
+    icon?: React.ReactNode;
+    variant?: string | ButtonVariant | undefined;
+}
+export declare function ReportButton(props: ReportButtonProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/report-chooser.d.ts

@@ -0,0 +1,13 @@
+export interface ReportChooserProps {
+    reportScope: string;
+    reportPackageName: string;
+    reportNamespace: string;
+    reportId: string;
+    initialParameters?: {
+        key: string;
+        value: string | number | boolean | Date;
+    }[];
+    onCancel: () => void;
+    onSubmit: (reportId: string, parameters: string) => void;
+}
+export declare function ReportChooser(props: ReportChooserProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/designer/index.d.ts

@@ -0,0 +1 @@
+export * from './report-designer';

package/src/lib/designer/report-designer.d.ts

@@ -0,0 +1,8 @@
+import './report-designer.css';
+export interface ReportDesignerProps {
+    mode: 'designer' | 'viewer';
+    reportId?: number;
+    reportParameters?: string;
+}
+export declare const ReportDesigner: (props: ReportDesignerProps) => import("react/jsx-runtime").JSX.Element;
+export default ReportDesigner;

package/src/lib/filters-panel/filters-panel.d.ts

@@ -0,0 +1,18 @@
+import { ParametersSchema } from "@fluxo-dev/api-client-base";
+export interface FiltersPanelProps {
+    useParametersSchema: boolean;
+    onFiltersChange: (parameters: {
+        [key: string]: any;
+    }) => void;
+    initialParameters?: {
+        key: string;
+        value: string | number | boolean | Date;
+    }[];
+    parametersSchema: ParametersSchema;
+}
+export declare function FiltersPanel(props: FiltersPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FiltersPanel {
+    var defaultProps: {
+        useParametersSchema: boolean;
+    };
+}

package/src/lib/fluxo-module.d.ts

@@ -0,0 +1,2 @@
+import { EmbeddedModule } from "@fluxo-dev/api-client-base";
+export declare const reportsModule: EmbeddedModule;

package/src/lib/reports-manager/create-report.d.ts

@@ -0,0 +1,9 @@
+export interface CreateReportProps {
+    scope: string;
+    packageName: string;
+    namespace: string;
+    id: string;
+    onCreated: (id: number) => void;
+    onCancel: () => void;
+}
+export declare function CreateReport(props: CreateReportProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/reports-manager/index.d.ts

@@ -0,0 +1 @@
+export * from './reports-manager';

package/src/lib/reports-manager/reports-manager.d.ts

@@ -0,0 +1 @@
+export default function ReportsManager(): import("react/jsx-runtime").JSX.Element;

package/src/lib/reports-manager/reports-navigation.d.ts

@@ -0,0 +1,3 @@
+import { EmbeddedModuleNavigation } from "@fluxo-dev/api-client-base";
+export declare const SuspenseWrapper: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const reportsNavigation: EmbeddedModuleNavigation;