sf-i-reporting 1.0.21 → 1.0.22

package/dataObjects.d.ts

@@ -1,29 +1,29 @@
-export interface DataObject {
-    type: string;
-    name: string;
-    size: string;
-    label: string;
-    hint: string;
-    id: string;
-    value: string | string[];
-    options: string[];
-    collapse: string;
-    apiid: string;
-    mode: string;
-    maxselect: string;
-    searchstring: string;
-    selectprojection: string;
-    ignoredprojections: string | string[];
-    mandatory: any;
-}
-export declare function createDataObject(element: any, iter?: number): DataObject;
-export interface AddButtonObject {
-    id: string;
-    label: string;
-    schema: string;
-    direction: string;
-    children: DataObject[][];
-}
-export declare function createAddButtonObject(element: any): AddButtonObject;
-export declare function isAddButtonObject(element: any): element is AddButtonObject;
+export interface DataObject {
+    type: string;
+    name: string;
+    size: string;
+    label: string;
+    hint: string;
+    id: string;
+    value: string | string[];
+    options: string[];
+    collapse: string;
+    apiid: string;
+    mode: string;
+    maxselect: string;
+    searchstring: string;
+    selectprojection: string;
+    ignoredprojections: string | string[];
+    mandatory: any;
+}
+export declare function createDataObject(element: any, iter?: number): DataObject;
+export interface AddButtonObject {
+    id: string;
+    label: string;
+    schema: string;
+    direction: string;
+    children: DataObject[][];
+}
+export declare function createAddButtonObject(element: any): AddButtonObject;
+export declare function isAddButtonObject(element: any): element is AddButtonObject;
 //# sourceMappingURL=dataObjects.d.ts.map

package/dataObjects.js

@@ -1,57 +1,57 @@
-export function createDataObject(element, iter) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
-    if (iter == null) {
-        return {
-            type: element.type,
-            name: (_a = element.name) !== null && _a !== void 0 ? _a : "",
-            size: (_b = element.size) !== null && _b !== void 0 ? _b : "",
-            label: (_c = element.label) !== null && _c !== void 0 ? _c : "",
-            hint: (_d = element.hint) !== null && _d !== void 0 ? _d : "",
-            id: (_e = element.id) !== null && _e !== void 0 ? _e : "",
-            value: (_f = element.value) !== null && _f !== void 0 ? _f : "",
-            options: (_g = element.options) !== null && _g !== void 0 ? _g : ["Yes", "No"],
-            collapse: (_h = element.collapse) !== null && _h !== void 0 ? _h : "true",
-            mode: (_j = element.mode) !== null && _j !== void 0 ? _j : "",
-            maxselect: (_k = element.maxselect) !== null && _k !== void 0 ? _k : "",
-            apiid: (_l = element.apiid) !== null && _l !== void 0 ? _l : "",
-            searchstring: (_m = element.searchstring) !== null && _m !== void 0 ? _m : "",
-            selectprojection: (_o = element.selectprojection) !== null && _o !== void 0 ? _o : "",
-            ignoredprojections: (_p = element.ignoredprojections) !== null && _p !== void 0 ? _p : "",
-            mandatory: element.mandatory
-        };
-    }
-    else {
-        return {
-            type: element.type,
-            name: ((_q = element.name) !== null && _q !== void 0 ? _q : "").replace(/{iter}/g, iter + ""),
-            size: (_r = element.size) !== null && _r !== void 0 ? _r : "",
-            label: ((_s = element.label) !== null && _s !== void 0 ? _s : "").replace(/{iter}/g, iter + ""),
-            hint: ((_t = element.hint) !== null && _t !== void 0 ? _t : "").replace(/{iter}/g, iter + ""),
-            id: ((_u = element.id) !== null && _u !== void 0 ? _u : "").replace(/{iter}/g, "-" + iter + ""),
-            options: (_v = element.options) !== null && _v !== void 0 ? _v : ["Yes", "No"],
-            value: (_w = element.value) !== null && _w !== void 0 ? _w : "",
-            collapse: (_x = element.collapse) !== null && _x !== void 0 ? _x : "true",
-            mode: (_y = element.mode) !== null && _y !== void 0 ? _y : "",
-            maxselect: (_z = element.maxselect) !== null && _z !== void 0 ? _z : "",
-            apiid: (_0 = element.apiid) !== null && _0 !== void 0 ? _0 : "",
-            searchstring: (_1 = element.searchstring) !== null && _1 !== void 0 ? _1 : "",
-            selectprojection: (_2 = element.selectprojection) !== null && _2 !== void 0 ? _2 : "",
-            ignoredprojections: (_3 = element.ignoredprojections) !== null && _3 !== void 0 ? _3 : "",
-            mandatory: element.mandatory
-        };
-    }
-}
-export function createAddButtonObject(element) {
-    var _a;
-    return {
-        id: element.id,
-        label: element.label,
-        schema: element.schema,
-        direction: (_a = element.direction) !== null && _a !== void 0 ? _a : "column",
-        children: []
-    };
-}
-export function isAddButtonObject(element) {
-    return 'schema' in element;
-}
+export function createDataObject(element, iter) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
+    if (iter == null) {
+        return {
+            type: element.type,
+            name: (_a = element.name) !== null && _a !== void 0 ? _a : "",
+            size: (_b = element.size) !== null && _b !== void 0 ? _b : "",
+            label: (_c = element.label) !== null && _c !== void 0 ? _c : "",
+            hint: (_d = element.hint) !== null && _d !== void 0 ? _d : "",
+            id: (_e = element.id) !== null && _e !== void 0 ? _e : "",
+            value: (_f = element.value) !== null && _f !== void 0 ? _f : "",
+            options: (_g = element.options) !== null && _g !== void 0 ? _g : ["Yes", "No"],
+            collapse: (_h = element.collapse) !== null && _h !== void 0 ? _h : "true",
+            mode: (_j = element.mode) !== null && _j !== void 0 ? _j : "",
+            maxselect: (_k = element.maxselect) !== null && _k !== void 0 ? _k : "",
+            apiid: (_l = element.apiid) !== null && _l !== void 0 ? _l : "",
+            searchstring: (_m = element.searchstring) !== null && _m !== void 0 ? _m : "",
+            selectprojection: (_o = element.selectprojection) !== null && _o !== void 0 ? _o : "",
+            ignoredprojections: (_p = element.ignoredprojections) !== null && _p !== void 0 ? _p : "",
+            mandatory: element.mandatory
+        };
+    }
+    else {
+        return {
+            type: element.type,
+            name: ((_q = element.name) !== null && _q !== void 0 ? _q : "").replace(/{iter}/g, iter + ""),
+            size: (_r = element.size) !== null && _r !== void 0 ? _r : "",
+            label: ((_s = element.label) !== null && _s !== void 0 ? _s : "").replace(/{iter}/g, iter + ""),
+            hint: ((_t = element.hint) !== null && _t !== void 0 ? _t : "").replace(/{iter}/g, iter + ""),
+            id: ((_u = element.id) !== null && _u !== void 0 ? _u : "").replace(/{iter}/g, "-" + iter + ""),
+            options: (_v = element.options) !== null && _v !== void 0 ? _v : ["Yes", "No"],
+            value: (_w = element.value) !== null && _w !== void 0 ? _w : "",
+            collapse: (_x = element.collapse) !== null && _x !== void 0 ? _x : "true",
+            mode: (_y = element.mode) !== null && _y !== void 0 ? _y : "",
+            maxselect: (_z = element.maxselect) !== null && _z !== void 0 ? _z : "",
+            apiid: (_0 = element.apiid) !== null && _0 !== void 0 ? _0 : "",
+            searchstring: (_1 = element.searchstring) !== null && _1 !== void 0 ? _1 : "",
+            selectprojection: (_2 = element.selectprojection) !== null && _2 !== void 0 ? _2 : "",
+            ignoredprojections: (_3 = element.ignoredprojections) !== null && _3 !== void 0 ? _3 : "",
+            mandatory: element.mandatory
+        };
+    }
+}
+export function createAddButtonObject(element) {
+    var _a;
+    return {
+        id: element.id,
+        label: element.label,
+        schema: element.schema,
+        direction: (_a = element.direction) !== null && _a !== void 0 ? _a : "column",
+        children: []
+    };
+}
+export function isAddButtonObject(element) {
+    return 'schema' in element;
+}
 //# sourceMappingURL=dataObjects.js.map

package/dev/index.html

@@ -0,0 +1,340 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>&lt;sf-i-reporting> Demo</title>
+    <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../node_modules/lit/polyfill-support.js"></script>
+    <script type="module" src="../sf-i-reporting.js"></script>
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      rel="stylesheet">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600&display=swap" rel="stylesheet">
+    <script type="module">
+      import {LitElement, html, css} from 'https://esm.run/lit-element/lit-element.js';
+      import {SfIElasticText} from 'https://esm.run/sf-i-elastic-text@1.0.17/sf-i-elastic-text.js';
+      import {SfIForm} from 'https://esm.run/sf-i-form@1.0.181/sf-i-form.js';
+    </script>
+    <style>
+      
+      body {
+        background-color: #efefef;
+        margin: 0px;
+        font-family: 'Source Sans Pro';
+      }
+      
+      sf-i-reporting:not(:defined) {
+        display: none;
+      }
+
+      .d-flex {
+        display: flex;
+        flex-wrap: wrap;
+      }
+
+      .w-30 {
+        width: 30%;
+      }
+
+      .w-5 {
+        width: 5%;
+      }
+
+      .w-47-5 {
+        width: 47.5%;
+      }
+
+      .w-65 {
+        width: 65%;
+      }
+
+      .w-100-m-0 {
+        width: 100%;
+      }
+
+      .w-33 {
+        width: 30%;
+      }
+
+      .w-66 {
+        width: 62%;
+      }
+
+      .w-50 {
+        width: 46%;
+      }
+      .w-100 {
+        width: 94%;
+      }
+      .mb-20 {
+        margin-bottom: 20px;
+      }
+      .justify-center {
+        justify-content: center;
+      }
+
+      .align-end {
+        align-items: flex-end;
+      }
+
+      label {
+        color: #666;
+      }
+
+      input {
+        border: none;
+        padding: 10px;
+        border-radius: 5px;
+        background: #efefef;
+        box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
+        border-top: solid 1px rgba(255, 255, 255, 0.8);
+        border-left: solid 1px rgba(255, 255, 255, 0.8);
+        border-bottom: solid 1px rgba(255, 255, 255, 0.8);
+        border-right: solid 1px rgba(255, 255, 255, 0.8);
+        transition: 0.3s;
+      }
+     
+      input:focus {
+        outline-color: #e8e8e8;
+        background: #e8e8e8;
+        box-shadow: inset 20px 20px 60px #c5c5c5,
+          inset -20px -20px 60px #ffffff;
+        transition: 0.3s;
+      }
+
+      sf-i-reporting::part(button-icon) {
+
+        border-width: 0px;      
+        border-radius: 5px;
+        color: #666;
+        background: #efefef;
+        box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
+        border-top: solid 1px rgba(255, 255, 255, 0.3);
+        border-left: solid 1px rgba(255, 255, 255, 0.3);
+        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+        border-right: solid 1px rgba(0, 0, 0, 0.1);
+        
+      }
+
+      sf-i-reporting::part(button-icon-small) {
+
+        border-width: 0px;      
+        border-radius: 5px;
+        color: #666;
+        background: #efefef;
+        box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
+        border-top: solid 1px rgba(255, 255, 255, 0.3);
+        border-left: solid 1px rgba(255, 255, 255, 0.3);
+        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+        border-right: solid 1px rgba(0, 0, 0, 0.1);
+
+      }
+
+      sf-i-reporting::part(badge) {
+
+        color: #666;
+        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+        border-right: solid 1px rgba(0, 0, 0, 0.1);
+        padding-left: 10px;
+        padding-right: 10px;
+        padding-top: 5px;
+        padding-bottom: 5px;
+        border-radius: 10px;
+        margin-top: -8px;
+
+      }
+
+      sf-i-reporting::part(title) {
+
+        font-weight: 400;
+
+      }
+
+      sf-i-select::part(input-label),
+      sf-i-sub-select::part(input-label),
+      sf-i-reporting::part(input-label) {
+        color: #666;
+      }
+
+      sf-i-select::part(input-select),
+      sf-i-sub-select::part(input-select),
+      sf-i-reporting::part(input-select) {
+
+        border-width: 0px;      
+        border-radius: 5px;
+        color: #666;
+        background: #efefef;
+        box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
+        border-top: solid 1px rgba(255, 255, 255, 0.3);
+        border-left: solid 1px rgba(255, 255, 255, 0.3);
+        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+        border-right: solid 1px rgba(0, 0, 0, 0.1);
+        padding: 10px;
+
+      }
+
+      sf-i-select::part(input-select-multi),
+      sf-i-sub-select::part(input-select-multi) {
+        font-weight: 400;
+        border: none;
+        padding: 10px;
+        border-radius: 5px;
+        background: #efefef;
+        box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
+        border-top: solid 1px rgba(255, 255, 255, 0.8);
+        border-left: solid 1px rgba(255, 255, 255, 0.8);
+        border-bottom: solid 1px rgba(255, 255, 255, 0.8);
+        border-right: solid 1px rgba(255, 255, 255, 0.8);
+        transition: 0.3s;
+      }
+
+      sf-i-reporting::part(input) {
+        font-weight: 400;
+        border: none;
+        padding: 10px;
+        border-radius: 5px;
+        background: #efefef;
+        box-shadow: inset 2px 2px 6px rgba(5, 5, 5, 0.2);
+        border-top: solid 1px rgba(255, 255, 255, 0.8);
+        border-left: solid 1px rgba(255, 255, 255, 0.8);
+        border-bottom: solid 1px rgba(255, 255, 255, 0.8);
+        border-right: solid 1px rgba(255, 255, 255, 0.8);
+        transition: 0.3s;
+      }
+     
+      sf-i-reporting::part(input:focus) {
+        outline-color: #e8e8e8;
+        background: #e8e8e8;
+        box-shadow: inset 20px 20px 60px #c5c5c5,
+          inset -20px -20px 60px #ffffff;
+        transition: 0.3s;
+      }
+
+      sf-i-reporting::part(results-title) {
+        color: #444;
+        font-weight: 400;
+      }
+      
+      sf-i-reporting::part(td-head) {
+        color: #888;
+        font-weight: 400;
+        padding: 5px;
+        vertical-align: middle;
+        width: 100%;
+      }
+
+      sf-i-reporting::part(td-body) {
+        color: #555;
+        font-weight: 400;
+        /* padding: 5px; */
+        vertical-align: middle;
+      }
+
+      sf-i-reporting::part(td-action) {
+        color: #888;
+        font-weight: 400;
+        padding: 5px;
+        background-color: #efefef;
+        vertical-align: middle;
+      }
+
+      sf-i-reporting::part(button) {
+        color: #666;
+        background: #efefef;
+        box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
+        border-top: solid 1px rgba(255, 255, 255, 0.3);
+        border-left: solid 1px rgba(255, 255, 255, 0.3);
+        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+        border-right: solid 1px rgba(0, 0, 0, 0.1);
+        padding-left: 10px;
+        padding-right: 10px;
+        padding-top: 5px;
+        padding-bottom: 5px;
+        border-radius: 5px;
+      }
+
+      
+
+      sf-i-reporting::part(button-lg) {
+        color: #666;
+        background: #efefef;
+        box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
+        border-top: solid 1px rgba(255, 255, 255, 0.3);
+        border-left: solid 1px rgba(255, 255, 255, 0.3);
+        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+        border-right: solid 1px rgba(0, 0, 0, 0.1);
+        padding-left: 10px;
+        padding-right: 10px;
+        padding-top: 10px;
+        padding-bottom: 10px;
+        border-radius: 5px;
+        font-size: 110%;
+      }
+
+      sf-i-reporting::part(button-lg):not(active){
+        color: #666;
+        background: #bbbbbb;
+        box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
+        border-top: solid 1px rgba(255, 255, 255, 0.3);
+        border-left: solid 1px rgba(255, 255, 255, 0.3);
+        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+        border-right: solid 1px rgba(0, 0, 0, 0.1);
+        padding-left: 10px;
+        padding-right: 10px;
+        padding-top: 15px;
+        padding-bottom: 15px;
+        border-radius: 5px;
+        font-size: 95%;
+      }
+
+      sf-i-reporting::part(reporting-container) {
+        /* position: fixed;
+        left: 0px;
+        top: 0px;
+        width: 100%; */
+        height: 100vh;
+        /* background-color: #efefef;
+        box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
+        border-top: solid 1px rgba(255, 255, 255, 0.3);
+        border-left: solid 1px rgba(255, 255, 255, 0.3);
+        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+        border-right: solid 1px rgba(0, 0, 0, 0.1); */
+        overflow-y: auto;
+        /* margin: 0px; */
+      }
+      sf-i-reporting::part(form-container) {
+        height: 60vh;
+        overflow-y: auto;
+      }
+      sf-i-reporting::part(form-td-action) {
+        /* height: 60vh; */
+        overflow-y: auto;
+      }
+    </style>
+  </head>
+  <body>
+     
+    <!-- <sf-i-reporting text="Vendor Tagging Vendor Tagging Vendor Tagging Vendor Tagging" minLength="20">
+    </sf-i-reporting> -->
+    <!-- <sf-i-reporting mode="new" name="Test Name">
+    </sf-i-reporting> -->
+    <sf-i-reporting mode="admin" name="Test Name" flow="list" apiid="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Globals" ignoreprojections="[&quot;reporters&quot;,&quot;approvers&quot;,&quot;functionheads&quot;,&quot;auditors&quot;,&quot;viewers&quot;,&quot;entityid&quot;,&quot;locationid&quot;,&quot;countryid&quot;,&quot;tags&quot;,&quot;docs&quot;]">
+    </sf-i-reporting>
+    <!-- <sf-i-reporting id="detail-reporting" name="Notice Details" apiid="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws" mode="admin" flow="details" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" editdisable="true">
+      <div slot="reporting-form">
+        <sf-i-form id="reporting-form"></sf-i-form>
+      </div>
+    </sf-i-reporting> -->
+    <div class="mb-20"></div>
+    <!-- <sf-i-reporting mode="downloader" name="Downloader">
+    </sf-i-reporting> -->
+    <div class="mb-20"></div>
+    
+    <script>
+    </script>
+  </body>
+</html>

package/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Lit Starter Kit</title>
+  </head>
+  <body>
+    <a href="/dev/index.html">Component Demo</a>
+  </body>
+</html>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sf-i-reporting",
   "private": false,
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "Superflows Reporting Component",
   "main": "sf-i-reporting.js",
   "module": "sf-i-reporting.js",

package/rollup.config.js

@@ -0,0 +1,38 @@
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+import summary from 'rollup-plugin-summary';
+import {terser} from 'rollup-plugin-terser';
+import resolve from '@rollup/plugin-node-resolve';
+import replace from '@rollup/plugin-replace';
+
+export default {
+  input: 'sf-i-reporting.js',
+  output: {
+    file: 'sf-i-reporting.bundled.js',
+    format: 'esm',
+  },
+  onwarn(warning) {
+    if (warning.code !== 'THIS_IS_UNDEFINED') {
+      console.error(`(!) ${warning.message}`);
+    }
+  },
+  plugins: [
+    replace({'Reflect.decorate': 'undefined'}),
+    resolve(),
+    terser({
+      ecma: 2017,
+      module: true,
+      warnings: true,
+      mangle: {
+        properties: {
+          regex: /^__/,
+        },
+      },
+    }),
+    summary(),
+  ],
+};