@yoobic/yobi 8.7.5 → 8.7.6

package/dist/collection/feature-platform/insight/pivot-table/pivot-table.js

@@ -1,463 +0,0 @@
-import { translate } from '@shared/utils';
-import { h } from '@stencil/core';
-import { getRenderer } from '@yobi/components/grid/ag-grid/grid-renderers';
-import domtoimage from 'dom-to-image';
-import { assign, cloneDeep, debounce, isEqual, sortBy } from 'lodash-es';
-export class YooPivotTableComponent {
-  constructor() {
-    this.onEditedDebounce = debounce(this.onEdited, 1000).bind(this);
-    this.hasRestored = false;
-    this.definition = undefined;
-    this.isFullScreen = undefined;
-    this.gridClass = undefined;
-    this.config = undefined;
-  }
-  async getSVG(width = 600, height = 400, x = 0, y = 0, margin = 0) {
-    return domtoimage.toPng(this.host).then((data) => {
-      let svg = '<g transform="translate(' + (x + margin / 2) + ', ' + Math.round(y + margin / 2) + ')" >';
-      svg += '<rect x="0" y="0" width="' + width + '" height="' + height + '" stroke="' + '#ccc' + '" stroke-width="1" fill="white"/>';
-      svg += '<image preserveAspectRatio="xMidYMid meet" x="0" y="0" height="' + height + '" width="' + width + '" xlink:href="' + data + '">';
-      svg += '</g>';
-      return svg;
-    }, () => '');
-  }
-  async exportCSV(filename) {
-    if (this.agGrid) {
-      this.agGrid.exportCSV(filename);
-    }
-  }
-  async exportXLSX(filename) {
-    if (this.agGrid) {
-      this.agGrid.exportXLSX(filename);
-    }
-  }
-  async toogleToolsPanel() {
-    if (this.gridApi) {
-      this.gridApi.setSideBarVisible(!this.gridApi.isSideBarVisible());
-    }
-  }
-  componentWillLoad() {
-    this.updateConfig();
-  }
-  onConfigChange() {
-    this.updateConfig();
-  }
-  connectedCallback() {
-    this.hasRestored = false;
-  }
-  disconnectedCallback() {
-    this.hasRestored = false;
-  }
-  updateConfig() {
-    var _a, _b;
-    this.hasRestored = false;
-    this.options = cloneDeep(this.config);
-    delete this.options.filter;
-    if (this.definition.kpiType === 'CampaignsPivotTableKpi') {
-      if (((_b = (_a = this.definition) === null || _a === void 0 ? void 0 : _a.gridColumnOrder) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-        const groupingColumns = this.definition.gridColumnOrder.filter((c) => c.startsWith('ag-Grid-AutoColumn'));
-        const otherColumns = this.definition.gridColumnOrder.filter((c) => !c.startsWith('ag-Grid-AutoColumn'));
-        this.definition.gridColumnOrder = [...groupingColumns, ...otherColumns];
-      }
-      this.options.rowData = this.campaignsPivotTableKpiSortRows(this.options.rowData);
-      if (this.isFullScreen) {
-        this.options.columnDefs.unshift({
-          headerName: translate('YOOBICVIEW'),
-          colId: 'viewButton',
-          groupId: 'view',
-          width: 90,
-          headerClass: 'centered',
-          cellClass: 'overflow',
-          suppressExport: true,
-          sortable: false,
-          filter: false,
-          pinned: 'left',
-          menuTabs: ['filterMenuTab'],
-          cellRenderer: getRenderer('buttonRenderer'),
-          cellRendererParams: {
-            icon: 'eye',
-            color: 'dark',
-            text: translate('YOOBICVIEW')
-          },
-          onCellClicked: (params) => {
-            let keys;
-            if (params.data && params.data._id) {
-              keys = [params.data._id];
-            }
-            else if (params && params.node && params.node.allLeafChildren) {
-              keys = params.node.allLeafChildren.map((c) => c.data._id);
-            }
-            if (keys && keys.length > 0) {
-              // if (isWeb(this.host)) {
-              //    this.rowDoubleClick.emit(keys);
-              // } else {
-              this.rowClick.emit(keys);
-              // }
-            }
-            return false;
-          }
-        });
-      }
-      assign(this.options, {
-        pivotMode: this.definition.gridPivotMode,
-        gridPivotHeaderHeight: this.definition.gridPivotHeaderHeight,
-        onModelUpdated: () => this.onGridModelUpdated()
-      });
-    }
-    else {
-      this.options.rowHeight = 44;
-    }
-    this.options.onGridReady = (event) => {
-      this.gridApi = event.api;
-      this.columnApi = event.columnApi;
-      this.hasRestored = false;
-      this.onGridRestore(true);
-    };
-    this.options.onColumnResized = () => this.onGridModelUpdated();
-    this.options.onColumnMoved = () => this.onGridModelUpdated();
-    this.options.onColumnVisible = () => this.onGridModelUpdated();
-    this.options.onColumnPinned = () => this.onGridModelUpdated();
-  }
-  onGridRestore(setColumns) {
-    var _a;
-    if (this.definition.gridState && this.options && this.columnApi) {
-      if (this.isFullScreen) {
-        this.definition.gridState = this.definition.gridState || [];
-        this.definition.gridState = this.definition.gridState.filter((f) => f.colId !== 'viewButton');
-        this.definition.gridState.unshift({ colId: 'viewButton', hide: false });
-      }
-      this.columnApi.applyColumnState({ state: this.definition.gridState, applyOrder: true });
-    }
-    else if (setColumns && this.definition.kpiType === 'CampaignsPivotTableKpi') {
-      this.campaignsPivotTableKpiSetColumns();
-    }
-    if (this.definition.gridFilters && this.gridApi) {
-      this.gridApi.setFilterModel(this.definition.gridFilters);
-    }
-    if (((_a = this.definition.gridColumnOrder) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this.columnApi.moveColumns(this.definition.gridColumnOrder, 0);
-    }
-    // if (this.definition.gridSorts && this.gridApi) {
-    //   this.gridApi.setSortModel(this.definition.gridSorts);
-    // }
-    this.hasRestored = true;
-  }
-  campaignsPivotTableKpiSortRows(rows) {
-    const sorts = [];
-    for (let i = 1; i <= 5; i++) {
-      const columnName = 'tagGroup' + i;
-      if (this.definition.kpiFormValues[columnName]) {
-        sorts.push(columnName);
-      }
-    }
-    if (sorts.length > 0) {
-      return sortBy(rows, sorts);
-    }
-    else {
-      return rows;
-    }
-  }
-  campaignsPivotTableKpiSetColumns() {
-    if (!this.options || !this.columnApi) {
-      return;
-    }
-    for (let i = 1; i <= 5; i++) {
-      const columnName = 'tagGroup' + i;
-      if (this.definition.kpiFormValues[columnName]) {
-        this.columnApi.addRowGroupColumn(columnName);
-      }
-    }
-    this.columnApi.addValueColumn('progress');
-    this.columnApi.addValueColumn('validationprogress');
-    this.columnApi.addValueColumn('conformityprogress');
-    this.columnApi.addValueColumn('conformityrelativeprogress');
-    let col = this.columnApi.getColumn('status');
-    if (col) {
-      this.columnApi.setColumnAggFunc(col, 'countValues');
-      this.columnApi.addValueColumn('status');
-    }
-    col = this.columnApi.getColumn('validated');
-    if (col) {
-      this.columnApi.setColumnAggFunc(col, 'countValues');
-      this.columnApi.addValueColumn('validated');
-    }
-    col = this.columnApi.getColumn('score');
-    if (col) {
-      this.columnApi.setColumnAggFunc(col, 'avg');
-      this.columnApi.addValueColumn('score');
-    }
-    this.columnApi.autoSizeAllColumns();
-  }
-  onGridModelUpdated() {
-    if (!this.gridApi || !this.hasRestored) {
-      return;
-    }
-    const gridState = this.columnApi.getColumnState();
-    const gridColumnOrder = this.columnApi.getAllDisplayedColumns().map((column) => column.getColId());
-    const pivotMode = this.columnApi.isPivotMode();
-    const filters = this.gridApi.getFilterModel();
-    if (!gridState) {
-      return;
-    }
-    const isStateChange = !isEqual(gridState.map((s) => {
-      if (!s.pinned) {
-        delete s.pinned;
-      }
-      return s;
-    }), (this.definition.gridState || []).map((s) => {
-      if (!s.pinned) {
-        delete s.pinned;
-      }
-      return s;
-    }));
-    const isFiltersChange = !isEqual(this.definition.gridFilters, filters);
-    const isPivotChange = this.definition.gridPivotMode !== pivotMode;
-    if (isStateChange || isPivotChange || isFiltersChange) {
-      this.definition.gridState = gridState;
-      this.definition.gridPivotMode = pivotMode;
-      this.definition.gridFilters = filters;
-      this.definition.gridColumnOrder = gridColumnOrder;
-      this.onEditedDebounce();
-    }
-  }
-  onEdited() {
-    this.edited.emit({ ...this.definition });
-  }
-  render() {
-    return this.options ? (h("div", { class: "flex container" }, h("yoo-ag-grid", { class: this.gridClass || '', gridClass: this.gridClass || '', ref: (el) => (this.agGrid = el), config: this.options }))) : null;
-  }
-  static get is() { return "yoo-pivot-table"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["pivot-table.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["pivot-table.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "definition": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "IChartDefinition",
-          "resolved": "IChartDefinition",
-          "references": {
-            "IChartDefinition": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "isFullScreen": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-full-screen",
-        "reflect": false
-      },
-      "gridClass": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "grid-class",
-        "reflect": false
-      },
-      "config": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "{ columnDefs?: any[]; rowData: any[] }",
-          "resolved": "{ columnDefs?: any[]; rowData: any[]; }",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "edited",
-        "name": "edited",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "IChartDefinition",
-          "resolved": "IChartDefinition",
-          "references": {
-            "IChartDefinition": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        }
-      }, {
-        "method": "rowClick",
-        "name": "rowClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "rowDoubleClick",
-        "name": "rowDoubleClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string[]",
-          "resolved": "string[]",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "getSVG": {
-        "complexType": {
-          "signature": "(width?: number, height?: number, x?: number, y?: number, margin?: number) => Promise<string>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<string>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "exportCSV": {
-        "complexType": {
-          "signature": "(filename: string) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "exportXLSX": {
-        "complexType": {
-          "signature": "(filename: string) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "toogleToolsPanel": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "config",
-        "methodName": "onConfigChange"
-      }];
-  }
-}

package/dist/collection/feature-platform/insight/salesai-formula/salesai-formula.css

@@ -1,223 +0,0 @@
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* Z-Index (Ionic)
---------------------------------------------------
-Grouped by elements which would be siblings */
-/* Hairlines width */
-/* Default Colors
----------------------------------- */
-/* Private color variables */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff;*/
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* Color map should provide
-- base: main color to be used.
-- contrast: Color that will provide readable text against the base color
-- shade: 12% darker version of the base color (mix with black)
-- tint: 10% lighter version of the base color (mix with white) */
-/* Themed Colors
-
- Default Foreground and Background Colors values
- Allows users to override an foreground / background colors
- $background-color-value:            $light !default;
- $background-color-rgb:              255, 255, 255 !default; */
-/* Default Foreground and Background Colors
--------------------------------------------------- */
-/* Default General Colors
--------------------------------------------------- */
-/* Default List & List Items
--------------------------------------------------- */
-/* Item Divider */
-/* iOS List & List Items
--------------------------------------------------- */
-/* Default Toolbar
---------------------------------------------------*/
-/* iOS Toolbar
---------------------------------------------------*/
-/* Default Tabs & Tab bar
---------------------------------------------------*/
-/* iOS Tabs & Tab bar
---------------------------------------------------*/
-/* Function related variables
---------------------------------------------------*/
-/* Gets the active color's css variable from a variation. Alpha is optional.
---------------------------------------------------------------------------------------------
-Example usage:
-current-color(base) => var(--ion-color-base)
-current-color(contrast, 0.1) => rgba(var(--ion-color-contrast-rgb), 0.1)
---------------------------------------------------------------------------------------------*/
-/* Gets the specific color's css variable from the name and variation. Alpha/rgb are optional.
---------------------------------------------------------------------------------------------
-Example usage:
-ion-color(primary, base) => var(--ion-color-primary, #3880ff)
-ion-color(secondary, contrast) => var(--ion-color-secondary-contrast)
-ion-color(primary, base, 0.5) => rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5)
---------------------------------------------------------------------------------------------*/
-/* Mixes a color with black to create its shade.
---------------------------------------------------------------------------------------------*/
-/*Mixes a color with white to create its tint.
---------------------------------------------------------------------------------------------*/
-/* Converts a color to a comma separated rgb.
---------------------------------------------------------------------------------------------*/
-/* Str functions.
-___________________________________________________________________________________________*/
-/* Creates a pulse animation.
-  @param {color} $begin-color [stable-20] - starting color for pulse.
-  @param {color} $end-color [stable-20] - ending color for pulse.
-  @author Ben Morgan
-  @author Damien Arondel 
-*/
-/* Execute a content if the hover state is supported.
-
- @content the content to execute if relevant
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Properly hide overflow on rounded corner elements for Webkit based browsers.
- This mixin must be used at the same level as `overflow: hidden` and `border-radius: ...`.
-
- @link https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate every overflown elements with an ellipsis.
- This mixin does not work with flex box on the same level.
-
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate text at a specific number of lines.
- */
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* Text Direction - ltr / rtl
-$app-direction: multi | rtl | ltr | null (default)
-multi: Both [dir=ltr] and [dir=rtl] are applied to css selectors.
-rtl: Always assumes rtl and only includes rtl css. No [dir] selectors.
-ltr: Always assumes ltr and only includes ltr css. No [dir] selectors.
-null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override ltr defaults.
----------------------------------------------------------- */
-/* Add property horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add property for all directions
-  @param {string} $prop
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-  @param {boolean} $content include content or use default
-----------------------------------------------------------*/
-/* Add margin for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add padding for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/*Font smoothing
---------------------------------------------------*/
-/* SVG Background Image Mixin
-  @param {string} $svg
-----------------------------------------------------------*/
-/* Add padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add margin horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add safe area padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add border radius for all directions
-  @param {string} $top-start
-  @param {string} $top-end
-  @param {string} $bottom-end
-  @param {string} $bottom-start
-----------------------------------------------------------*/
-/* Sets correct text align with support for old browsers
-  @param {string} $direction - text direction
-  @param {string} $decorator - !important
-----------------------------------------------------------*/
-/* Add position for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add position horizontal
-  @param {string} $start - amount to position start
-  @param {string} $end - amount to left: 0; end
-----------------------------------------------------------*/
-/**
- * NOTE DO NOT USE FOR NEW COMPONENTS
- * LEGACY CODE -- Styles maintained only to prevent breaking changes
- * For all Font Sizes please use the appropreate font-size-XX Variables.
- */
-/**
-* Global style mixin for being able to change the background / font-color and border-color
-* programmatically using global classes
-*/
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-svg:not(:root) {
-  overflow: hidden;
-}
-
-:host .container {
-  margin-top: var(--spacing-08, 0.5rem);
-  margin-bottom: var(--spacing-16, 1rem);
-  padding: var(--spacing-16, 1rem);
-  font-size: var(--font-size-14, 0.875rem);
-  background: var(--light, #ffffff);
-  box-shadow: var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
-}
-:host .container ul {
-  list-style-type: decimal;
-}
-:host .container ul li {
-  margin-bottom: var(--spacing-08, 0.5rem);
-  padding-left: var(--spacing-08, 0.5rem);
-}
-:host .container .operator {
-  padding: 0 var(--spacing-08, 0.5rem);
-}