@fluxo-dev/shell-reporting 0.0.54 → 1.0.0

package/reports-manager.esm.js

@@ -1,290 +0,0 @@
-import { c as createReactComponent, _ as _export, p as promiseNativeConstructor, f as fails$1, g as getBuiltIn$1, i as isCallable$1, d as defineBuiltIn$1, s as speciesConstructor$1, a as promiseResolve$1 } from './index.esm2.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { ShellPage, DataCard, ConfirmModal } from '@fluxo-dev/ui-components';
-import { Stack, Text, TextInput, Textarea, Group, Button, Loader, Divider, Center, Modal } from '@mantine/core';
-import { useState, useEffect } from 'react';
-import { FluxoClientSys } from '@fluxo-dev/api-client-base';
-import { useNavigate } from 'react-router-dom';
-import { showNotification } from '@mantine/notifications';
-import '@mantine/dates';
-
-/**
- * @tabler/icons-react v2.47.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.47.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 NativePromiseConstructor = promiseNativeConstructor;
-var fails = fails$1;
-var getBuiltIn = getBuiltIn$1;
-var isCallable = isCallable$1;
-var speciesConstructor = speciesConstructor$1;
-var promiseResolve = promiseResolve$1;
-var defineBuiltIn = defineBuiltIn$1;
-
-var NativePromisePrototype = NativePromiseConstructor && NativePromiseConstructor.prototype;
-
-// Safari bug https://bugs.webkit.org/show_bug.cgi?id=200829
-var NON_GENERIC = !!NativePromiseConstructor && fails(function () {
-  // eslint-disable-next-line unicorn/no-thenable -- required for testing
-  NativePromisePrototype['finally'].call({ then: function () { /* empty */ } }, function () { /* empty */ });
-});
-
-// `Promise.prototype.finally` method
-// https://tc39.es/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 = isCallable(onFinally);
-    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
-    );
-  }
-});
-
-// makes sure that native promise-based APIs `Promise#finally` properly works with patched `Promise#then`
-if (isCallable(NativePromiseConstructor)) {
-  var method = getBuiltIn('Promise').prototype['finally'];
-  if (NativePromisePrototype['finally'] !== method) {
-    defineBuiltIn(NativePromisePrototype, 'finally', method, { unsafe: true });
-  }
-}
-
-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: "Nome:"
-      }), " ", props.name]
-    }), 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 [currentReportTypeName, setCurrentReportTypeName] = 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.name,
-          actions: [{
-            label: 'Nuovo report',
-            icon: jsx(IconPlus, {
-              size: 18
-            }),
-            onClick: () => {
-              setCurrentScope(report.scope);
-              setCurrentPackageName(report.packageName);
-              setCurrentNamespace(report.namespace);
-              setCurrentReportId(report.reportTypeId);
-              setCurrentReportTypeName(report.name);
-              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, {
-        name: currentReportTypeName,
-        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

@@ -1,3 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

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

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

@@ -1,8 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

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

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

@@ -1,10 +0,0 @@
-export interface CreateReportProps {
-    scope: string;
-    packageName: string;
-    namespace: string;
-    id: string;
-    name: 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

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

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

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

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

@@ -1,3 +0,0 @@
-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;