udp-stencil-component-library 1.0.0

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-timeline-calendar.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, State, Prop, Watch } from '@stencil/core';\nimport { GridApi, ColumnApi, GridOptions } from 'ag-grid-enterprise';\nimport './resource-timeline-calendar.css';\nimport TimesheetsCellRenderer from './timesheets-cell-renderer';\nimport AgGridSubtitleCellRenderer from './ag-grid-subtitle-cell-renderer';\nimport ResourceTimelineHeader from './resource-timeline-header';\nimport { LicenseKey } from './license/licenseKey';\nimport { GridReadyEvent } from 'ag-grid-community';\nimport { lazySetupAgGridLibrary } from 'src/global/ag-grid';\n\n@Component({\n  tag: 'resource-timeline-calendar',\n  styleUrl: 'resource-timeline-calendar.css',\n  shadow: true,\n})\nexport class ResourceTimelineCalendar {\n  @Element() el: HTMLElement;\n\n  @Prop() rowData: any[] = [];\n  @Prop() gridBarTitle: string = '';\n  @Prop() subTitle: string = '';\n  @Prop() startDate: string; //Must a parsable date string\n  @Prop() endDate: string; //must be a parsable date string\n  @Prop() dateKey: string = ''; //the field used a the transaction date in the data. must be parsable date string\n  @Prop() columnDefs: Array<any> = [];\n  @Prop() handleClickForward: () => void;\n  @Prop() handleClickBackward: () => void;\n  @Prop() handleClickToday: () => void;\n  @Prop() handlePrimaryActionClick: () => void;\n  @Prop() handleSecondaryActionClick: () => void;\n  @Prop() secondaryActionTitle: string = '';\n  @Prop() primaryActionTitle: string = '';\n  @Prop() setAgGridOptions: (gridOptions) => void;\n  @Prop() additionalGridOptions: object = {};\n  @Prop() gridHeight: string;\n  @Prop() subtitleStatus: string;\n  @Prop() subtitleStatusMappingClasses: { [key: string]: string } = {};\n  @Prop() showRowTotals: boolean = true;\n  @Prop() disablePrimaryAction: boolean;\n  @Prop() disableSecondaryAction: boolean;\n  @Prop() dataLoading: boolean = false;\n  @Prop() convertDatesFromUTC: boolean = false; //If dates are in utc but not in iso format (missing 'Z'), this will convert to the user's local time zone. Otherwise takes the dateTime at face value.\n  @Prop() showLockedIcon: boolean = false;\n\n  @State() gridOptions: GridOptions;\n  @State() agGridApi: GridApi<any>;\n  // @note As of ag-grid@v31 ColumnApi has been deprecated and all methods will move to agGridApi.\n  @State() agGridColumnApi: ColumnApi;\n  @State() groupExpandedToggle: boolean = true;\n\n  //helper function to get dates in range\n  getDates(startDate, stopDate) {\n    let dateArray = [];\n    let currentDate = new Date(startDate);\n    while (currentDate <= stopDate) {\n      dateArray.push(new Date(currentDate));\n      currentDate.setDate(currentDate.getDate() + 1);\n    }\n    return dateArray;\n  }\n\n  //helper function to fill add dummy records for dates in range\n  fillInEmptyDates(data, dateRange) {\n    let filledRowData = [...data];\n    dateRange.forEach(date => {\n      //Create x new blank records for x days in date range so that the calendar always displays all available days\n      filledRowData.push({ [this.dateKey]: date.toISOString().split('Z')[0] });\n    });\n    return filledRowData;\n  }\n\n  @Watch('dataLoading')\n  showOverlay() {\n    if (this.gridOptions && this.agGridApi && this.dataLoading) {\n      this.agGridApi.showLoadingOverlay();\n    }\n  }\n\n  @Watch('startDate')\n  @Watch('endDate')\n  deleteData(){\n    if (this.gridOptions && this.agGridApi) {\n      this.agGridApi.setRowData([]);\n    }\n  }\n\n  //update client side data\n  @Watch('rowData')\n  updateRowData() {\n    if (this.gridOptions && this.agGridApi && this.rowData && this.startDate && this.endDate) {\n      let dateRange = this.getDates(new Date(this.startDate), new Date(this.endDate));\n      const filledRowData = this.fillInEmptyDates(this.rowData, dateRange);\n\n      // Update row data\n      this.agGridApi.setRowData(filledRowData);\n\n      if (this.showRowTotals) {\n        const allColumns = this.agGridColumnApi.getAllGridColumns();\n        const rowTotalColumns = allColumns.filter(column => column?.getColDef()?.pivotTotalColumnIds);\n        this.agGridColumnApi.setColumnsPinned(\n          rowTotalColumns.map(c => c.getColId()),\n          'right',\n        );\n      }\n      this.onResize();\n    }\n  }\n\n  dateCompare(a, b) {\n    const dateA = new Date(a);\n    dateA.setHours(0, 0, 0, 0);\n    const dateB = new Date(b);\n    dateB.setHours(0, 0, 0, 0);\n    return dateA.getTime() - dateB.getTime();\n  }\n\n  @Watch('columnDefs')\n  createColumnDefs() {\n    if (this.agGridApi) {\n      let columnDefs = [...this.columnDefs];\n      columnDefs.push({\n        field: this.dateKey,\n        pivot: true,\n        pivotComparator: this.dateCompare,\n        valueGetter: params => {\n          let dateString = '';\n          if (this.convertDatesFromUTC) {\n            dateString = new Date(params.data[this.dateKey] + 'Z').toLocaleDateString('en-US');\n          } else {\n            dateString = new Date(params.data[this.dateKey]).toLocaleDateString('en-US');\n          }\n          return dateString;\n        },\n      });\n      this.agGridApi.setColumnDefs(columnDefs);\n    }\n  }\n\n  private onResize() {\n    if (this.gridOptions && this.agGridApi) {\n      this.agGridApi.sizeColumnsToFit();\n    }\n  }\n\n  expandColumns() {\n    if (this.gridOptions && this.agGridApi && this.agGridColumnApi) {\n      this.agGridColumnApi.autoSizeAllColumns();\n    }\n  }\n\n  fitColumns() {\n    if (this.gridOptions && this.agGridApi) {\n      this.agGridApi.sizeColumnsToFit();\n    }\n  }\n\n  toggleGroupExpandAll() {\n    if (this.gridOptions && this.agGridApi) {\n      if (this.groupExpandedToggle) {\n        this.agGridApi.expandAll();\n      } else {\n        this.agGridApi.collapseAll();\n      }\n      this.groupExpandedToggle = !this.groupExpandedToggle;\n    }\n  }\n\n  loadAgGridScript() {\n    return import('ag-grid-enterprise');\n  }\n\n  setAgGridLicenseKey() {\n    if (window['agGrid'] && window['agGrid'].LicenseManager) {\n      window['agGrid'].LicenseManager.setLicenseKey(LicenseKey);\n    }\n  }\n\n  initializeGrid() {\n    //initial grid options\n    this.gridOptions = {\n      domLayout: 'normal',\n      animateRows: true,\n      components: {\n        udpCalendarCellRenderer: TimesheetsCellRenderer,\n        udpCalendarGroupRenderer: AgGridSubtitleCellRenderer,\n        udpCalendarCustomHeader: ResourceTimelineHeader,\n      },\n      onGridReady: (event: GridReadyEvent<any>) => {\n        this.agGridColumnApi = event.columnApi;\n        this.agGridApi = event.api;\n        if (this.setAgGridOptions) {\n          this.setAgGridOptions(this.gridOptions); //put grid options into caller state\n        }\n        this.createColumnDefs();\n        this.updateRowData();\n      },\n      onRowDataUpdated: params => {\n        params.api.forEachNode(node => {\n          if (node.key === '' || node.key === 'undefined_undefined') {\n            node.setRowHeight(0);\n          }\n        });\n        this.agGridApi.onRowHeightChanged();\n      },\n      rowClassRules: {\n        'hide-row': params => {\n          if (params.node.key === '' || params.node.key === 'undefined_undefined') {\n            return true;\n          }\n        },\n      },\n      pivotMode: true,\n      removePivotHeaderRowWhenSingleValueColumn: true,\n      groupAllowUnbalanced: true,\n      suppressAggFuncInHeader: true,\n      pivotRowTotals: this.showRowTotals ? 'after' : null,\n      defaultColDef: {minWidth: 60},\n      ...this.additionalGridOptions,\n    } as GridOptions;\n    const myGrid = this.el.shadowRoot.querySelector('#myGrid') as HTMLElement;\n    if (!myGrid) throw new Error('myGrid element not found when trying to initialize agGrid');\n    new window['agGrid'].Grid(myGrid, this.gridOptions);\n  }\n\n  componentWillLoad() {\n    // Load the ag-Grid script\n    lazySetupAgGridLibrary({LicenseKey})\n      .then(() => {\n        this.initializeGrid();\n      })\n      .catch(error => {\n        console.error('Error during grid initialization:', error);\n      });\n  }\n\n  waitForGrid(callback: () => void) {\n    const observer = new MutationObserver(([], observer) => {\n      console.log('Waiting for myGrid to be available in shadow DOM');\n      const myGrid = this.el.shadowRoot.querySelector('#myGrid');\n      if (myGrid) {\n        observer.disconnect(); // Stop observing once the grid is found\n        callback();\n      }\n    });\n\n    observer.observe(this.el, {\n      childList: true, // Observe direct children changes\n      subtree: true, // Observe nested children changes\n    });\n  }\n\n  render() {\n    return (\n      <div>\n        <resource-timeline-primary-bar\n          gridBarTitle={this.gridBarTitle}\n          subTitle={this.subTitle}\n          primaryActionClick={this.handlePrimaryActionClick}\n          primaryActionTitle={this.primaryActionTitle}\n          secondaryActionClick={this.handleSecondaryActionClick}\n          secondaryActionTitle={this.secondaryActionTitle}\n          clickBackward={this.handleClickBackward}\n          clickForward={this.handleClickForward}\n          clickToday={this.handleClickToday}\n          customFitColumnClick={this.fitColumns.bind(this)}\n          subtitleStatus={this.subtitleStatus}\n          subtitleStatusMappingClasses={this.subtitleStatusMappingClasses}\n          disablePrimaryAction={this.disablePrimaryAction}\n          disableSecondaryAction={this.disableSecondaryAction}\n          toggleGroupExpandAll={this.toggleGroupExpandAll.bind(this)}\n          showLockedIcon={this.showLockedIcon}\n        ></resource-timeline-primary-bar>\n        <div>\n          {' '}\n          <ag-table gridOptions={this.gridOptions} licensekey={LicenseKey} height={this.gridHeight ?? \"calc(100vh - 245px)\"}></ag-table>{' '}\n        </div>\n        <div />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-header.js

@@ -0,0 +1,37 @@
+export default class ResourceTimelineHeader {
+    init(params) {
+        this.eGui = document.createElement('div');
+        this.eGui.classList.add('custom-header');
+        let stringDate = '';
+        //this is used for a timesheets use case
+        if (params.displayName !== "Hours" && params.displayName !== "Business Object Key") {
+            stringDate = params.displayName;
+        }
+        else {
+            stringDate = params.column.colDef.pivotKeys[0];
+        }
+        const day = new Date(stringDate).toLocaleString(undefined, {
+            weekday: 'short',
+        });
+        const date = new Date(stringDate).toLocaleString(undefined, {
+            month: 'short',
+            day: 'numeric',
+        });
+        var dayOfWeek = new Date(stringDate).getDay();
+        if ((dayOfWeek === 6) || (dayOfWeek === 0)) {
+            params.eGridHeader.style.backgroundColor = 'rgba(0,0,0,0.03)';
+        }
+        this.eGui.innerHTML = `
+          <div class="header-group">
+          <div class="title">${day}</div>
+          <div class="sub-title">${date}</div>
+          </div>`;
+    }
+    getGui() {
+        return this.eGui;
+    }
+    refresh() {
+        return false;
+    }
+}
+//# sourceMappingURL=resource-timeline-header.js.map

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-timeline-header.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-header.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,sBAAsB;IAGzC,IAAI,CAAC,MAAM;QACT,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QACzC,IAAI,UAAU,GAAC,EAAE,CAAC;QAElB,wCAAwC;QACxC,IAAG,MAAM,CAAC,WAAW,KAAK,OAAO,IAAI,MAAM,CAAC,WAAW,KAAK,qBAAqB,EAAC,CAAC;YACjF,UAAU,GAAG,MAAM,CAAC,WAAW,CAAA;QACjC,CAAC;aACG,CAAC;YACH,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;QAChD,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE;YACzD,OAAO,EAAE,OAAO;SACjB,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE;YAC1D,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,SAAS;SACf,CAAC,CAAC;QAEH,IAAI,SAAS,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,EAAE,CAAC;QAC9C,IAAG,CAAC,SAAS,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,KAAM,CAAC,CAAC,EAAC,CAAC;YAC1C,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,eAAe,GAAG,kBAAkB,CAAA;QAC/D,CAAC;QAGD,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;+BAEK,GAAG;mCACC,IAAI;iBACtB,CAAC;IAChB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["export default class ResourceTimelineHeader {\n  eGui;\n\n  init(params) {\n    this.eGui = document.createElement('div');\n    this.eGui.classList.add('custom-header');\n    let stringDate='';\n\n    //this is used for a timesheets use case\n    if(params.displayName !== \"Hours\" && params.displayName !== \"Business Object Key\"){\n      stringDate = params.displayName\n    }\n    else{\n      stringDate = params.column.colDef.pivotKeys[0]\n    }\n    const day = new Date(stringDate).toLocaleString(undefined, {\n      weekday: 'short',\n    });\n    const date = new Date(stringDate).toLocaleString(undefined, {\n      month: 'short',\n      day: 'numeric',\n    });\n\n    var dayOfWeek = new Date(stringDate).getDay();\n    if((dayOfWeek === 6) || (dayOfWeek  === 0)){\n      params.eGridHeader.style.backgroundColor = 'rgba(0,0,0,0.03)'\n    }\n\n   \n    this.eGui.innerHTML = `\n          <div class=\"header-group\">\n          <div class=\"title\">${day}</div>\n          <div class=\"sub-title\">${date}</div>\n          </div>`;\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh() {\n    return false;\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.css

@@ -0,0 +1,44 @@
+/* grid-primary-bar.css */
+.header-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    background: var(--accent-color);
+  }
+  
+  .title-section {
+    flex: 1;
+    margin-left: 16px;
+    display: flex;
+    flex-direction: column;
+   
+  }
+
+  .title {
+    font-weight: 900;
+  }
+
+  .subtitle {
+    display: flex;
+    flex-direction: row;
+  }
+
+  .lock-icon {
+    margin-top: -6px;
+    margin-left: -4px;
+  }
+
+  .status-icon {
+    height: 16px;
+    margin-left: var(--spacing-03);
+  }
+  
+  .button-section {
+    display: flex;
+    gap: var(--spacing-03);
+    align-items: center;
+    padding-right: var(--spacing-05);
+    padding-top: var(--spacing-03);
+    padding-bottom: var(--spacing-03);
+  }

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.js

@@ -0,0 +1,345 @@
+import { h } from "@stencil/core";
+import ChevronLeft24 from "@carbon/icons/es/chevron--left/16";
+import ChevronRight24 from "@carbon/icons/es/chevron--right/16";
+import Add24 from "@carbon/icons/es/add/16";
+import Fit16 from "@carbon/icons/es/fit-to-width/16";
+import Checkmark16 from "@carbon/icons/es/checkmark/16";
+import FitToHeight16 from "@carbon/icons/es/fit-to-height/16";
+import Locked16 from "@carbon/icons/es/locked/16";
+export class ResourceTimelinePrimaryBar {
+    constructor() {
+        this.subtitleStatusMappingClasses = {};
+    }
+    render() {
+        return (h("div", { key: '30665e9fdb7ac1c96ba3db3903bc761f34a75967', class: "header-bar" }, h("div", { key: '9eeb85e6a41a49ee4d3e7710a713a166504b7976', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { class: "title", variant: "button" }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '15ba84bdb8f268d54f0c47b3ab0a4875562ff0d9', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "caption-text" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), this.subtitleStatus && h("status-chip", { key: 'f33a215253117775c9dd99dc5a3cef611cc4d2db', class: "status-icon", statusValue: this.subtitleStatus, statusClasses: this.subtitleStatusMappingClasses }, this.subtitleStatus), this.showLockedIcon && h("stencil-icon-button", { key: 'f7793d25d958fee6953d6748ceb7bd5d744017c9', class: "lock-icon", noBackground: true, darkIcon: true, icon: Locked16, noTooltip: true, showLabel: false }))), h("div", { key: '814540205e27b0132dcb9c1c476dd83ae7bff0f0', class: "button-section" }, h("stencil-icon-button", { key: '50bfbcdd98149e71364ba6ba92f32c7e262ad497', darkIcon: true, icon: Fit16, showLabel: false, noTooltip: true, onClick: this.customFitColumnClick }), h("stencil-icon-button", { key: '11996636afa11c138fb7696dc4a9b147ffca984e', darkIcon: true, icon: FitToHeight16, showLabel: false, noTooltip: true, onClick: this.toggleGroupExpandAll }), this.clickBackward && (h("stencil-icon-button", { key: '96c64c67042b8d5217453fb82e9092d45b5f32cb', darkIcon: true, icon: ChevronLeft24, showLabel: false, noTooltip: true, onClick: this.clickBackward })), this.clickToday && (h("stencil-icon-button", { key: 'f872655a3daf3a809e68583f8a2c36c4b320bb19', tooltip: "Current Date", noTooltip: true, onClick: this.clickToday }, "Today")), this.clickForward && (h("stencil-icon-button", { key: '33b2ff3cccfc41f0ff4290b54b0bc8665ca5886e', darkIcon: true, icon: ChevronRight24, noTooltip: true, showLabel: false, onClick: this.clickForward })), this.secondaryActionClick && (h("stencil-icon-button", { key: '56caf90b3e9e780ab00e41a980a8c4bc7f556d4f', icon: Checkmark16, disabled: this.disableSecondaryAction, noTooltip: true, onClick: this.secondaryActionClick }, this.secondaryActionTitle)), this.primaryActionClick && (h("stencil-icon-button", { key: '0a8377921ae1cee713688028111f423974bbac74', disabled: this.disablePrimaryAction, darkIcon: true, icon: Add24, noTooltip: true, onClick: this.primaryActionClick }, this.primaryActionTitle)))));
+    }
+    static get is() { return "resource-timeline-primary-bar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["resource-timeline-primary-bar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["resource-timeline-primary-bar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "gridBarTitle": {
+                "type": "string",
+                "attribute": "grid-bar-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "subTitle": {
+                "type": "string",
+                "attribute": "sub-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "primaryActionClick": {
+                "type": "unknown",
+                "attribute": "primary-action-click",
+                "mutable": false,
+                "complexType": {
+                    "original": "(event?: MouseEvent) => void",
+                    "resolved": "(event?: MouseEvent) => void",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "primaryActionTitle": {
+                "type": "string",
+                "attribute": "primary-action-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "secondaryActionClick": {
+                "type": "unknown",
+                "attribute": "secondary-action-click",
+                "mutable": false,
+                "complexType": {
+                    "original": "(event?: MouseEvent) => void",
+                    "resolved": "(event?: MouseEvent) => void",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "secondaryActionTitle": {
+                "type": "string",
+                "attribute": "secondary-action-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "clickForward": {
+                "type": "unknown",
+                "attribute": "click-forward",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => void",
+                    "resolved": "() => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "clickBackward": {
+                "type": "unknown",
+                "attribute": "click-backward",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => void",
+                    "resolved": "() => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "clickToday": {
+                "type": "unknown",
+                "attribute": "click-today",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => void",
+                    "resolved": "() => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "customFitColumnClick": {
+                "type": "unknown",
+                "attribute": "custom-fit-column-click",
+                "mutable": false,
+                "complexType": {
+                    "original": "(event?: MouseEvent) => void",
+                    "resolved": "(event?: MouseEvent) => void",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "subtitleStatus": {
+                "type": "string",
+                "attribute": "subtitle-status",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "subtitleStatusMappingClasses": {
+                "type": "unknown",
+                "attribute": "subtitle-status-mapping-classes",
+                "mutable": false,
+                "complexType": {
+                    "original": "{ [key: string]: string }",
+                    "resolved": "{ [key: string]: string; }",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{}"
+            },
+            "disablePrimaryAction": {
+                "type": "boolean",
+                "attribute": "disable-primary-action",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "disableSecondaryAction": {
+                "type": "boolean",
+                "attribute": "disable-secondary-action",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "toggleGroupExpandAll": {
+                "type": "unknown",
+                "attribute": "toggle-group-expand-all",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => void",
+                    "resolved": "() => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "showLockedIcon": {
+                "type": "boolean",
+                "attribute": "show-locked-icon",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=resource-timeline-primary-bar.js.map

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-timeline-primary-bar.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport ChevronLeft24 from '@carbon/icons/es/chevron--left/16';\nimport ChevronRight24 from '@carbon/icons/es/chevron--right/16';\nimport Add24 from '@carbon/icons/es/add/16';\nimport Fit16 from '@carbon/icons/es/fit-to-width/16';\nimport Checkmark16 from '@carbon/icons/es/checkmark/16';\nimport FitToHeight16 from '@carbon/icons/es/fit-to-height/16';\nimport Locked16 from '@carbon/icons/es/locked/16';\n\n\n@Component({\n  tag: 'resource-timeline-primary-bar',\n  styleUrl: 'resource-timeline-primary-bar.css',\n  shadow: true,\n})\nexport class ResourceTimelinePrimaryBar {\n  @Prop() gridBarTitle: string;\n  @Prop() subTitle: string;\n  @Prop() primaryActionClick: (event?: MouseEvent) => void;\n  @Prop() primaryActionTitle: string;\n  @Prop() secondaryActionClick: (event?: MouseEvent) => void;\n  @Prop() secondaryActionTitle: string;\n  @Prop() clickForward: () => void;\n  @Prop() clickBackward: () => void;\n  @Prop() clickToday: () => void;\n  @Prop() customFitColumnClick?: (event?: MouseEvent) => void;\n  @Prop() subtitleStatus: string;\n  @Prop() subtitleStatusMappingClasses: { [key: string]: string } = {};\n  @Prop() disablePrimaryAction: boolean;\n  @Prop() disableSecondaryAction: boolean;\n  @Prop() toggleGroupExpandAll: () => void;\n  @Prop() showLockedIcon: boolean;\n\n  render() {\n    return (\n      <div class=\"header-bar\">\n        <div class=\"title-section\">\n          {this.gridBarTitle || this.gridBarTitle === '' ? (\n            <unity-typography class=\"title\" variant=\"button\">\n              {this.gridBarTitle}{' '}\n            </unity-typography>\n          ) : (\n            <udp-skeleton-loading width=\"200px\"></udp-skeleton-loading>\n          )}\n          <div class=\"subtitle\">\n            {this.subTitle || this.subTitle === '' ? (\n              <unity-typography variant=\"caption-text\">{this.subTitle} </unity-typography>\n            ) : (\n              <udp-skeleton-loading width=\"200px\"></udp-skeleton-loading>\n            )}\n            {this.subtitleStatus && <status-chip class=\"status-icon\" statusValue={this.subtitleStatus} statusClasses={this.subtitleStatusMappingClasses}>\n              {this.subtitleStatus}\n            </status-chip>}\n            {this.showLockedIcon && <stencil-icon-button class=\"lock-icon\" noBackground darkIcon={true} icon={Locked16} noTooltip={true} showLabel={false}></stencil-icon-button>}\n            \n          </div>\n        </div>\n        <div class=\"button-section\">\n          <stencil-icon-button darkIcon={true} icon={Fit16} showLabel={false} noTooltip={true} onClick={this.customFitColumnClick}></stencil-icon-button>\n          <stencil-icon-button darkIcon={true} icon={FitToHeight16} showLabel={false} noTooltip={true} onClick={this.toggleGroupExpandAll}></stencil-icon-button>\n          {this.clickBackward && (\n            <stencil-icon-button darkIcon={true} icon={ChevronLeft24} showLabel={false} noTooltip={true} onClick={this.clickBackward}></stencil-icon-button>\n          )}\n          {this.clickToday && (\n            <stencil-icon-button tooltip=\"Current Date\" noTooltip={true} onClick={this.clickToday}>\n              Today\n            </stencil-icon-button>\n          )}\n          {this.clickForward && (\n            <stencil-icon-button darkIcon={true} icon={ChevronRight24} noTooltip={true} showLabel={false} onClick={this.clickForward}></stencil-icon-button>\n          )}\n          {this.secondaryActionClick && (\n            <stencil-icon-button icon={Checkmark16} disabled={this.disableSecondaryAction} noTooltip={true} onClick={this.secondaryActionClick}>\n              {this.secondaryActionTitle}\n            </stencil-icon-button>\n          )}\n          {this.primaryActionClick && (\n            <stencil-icon-button disabled={this.disablePrimaryAction} darkIcon={true} icon={Add24} noTooltip={true} onClick={this.primaryActionClick}>\n              {this.primaryActionTitle}\n            </stencil-icon-button>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resourceTimelineUtilities.js

@@ -0,0 +1,9 @@
+//takes two representations of dates and strings and compares them
+export const compareDates = (transactionDateString, columnDateString) => {
+    const dateA = new Date(transactionDateString);
+    dateA.setHours(0, 0, 0, 0);
+    const dateB = new Date(columnDateString);
+    dateB.setHours(0, 0, 0, 0);
+    return dateA.getTime() === dateB.getTime();
+};
+//# sourceMappingURL=resourceTimelineUtilities.js.map

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resourceTimelineUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resourceTimelineUtilities.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/grid/resource-timeline-calendar/resourceTimelineUtilities.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,qBAA6B,EAAE,gBAAwB,EAAE,EAAE;IACpF,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC9C,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3B,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACzC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3B,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,EAAE,CAAC;AAC/C,CAAC,CAAA","sourcesContent":["//takes two representations of dates and strings and compares them\nexport const compareDates = (transactionDateString: string, columnDateString: string) =>{\n    const dateA = new Date(transactionDateString);\n    dateA.setHours(0, 0, 0, 0);\n    const dateB = new Date(columnDateString);\n    dateB.setHours(0, 0, 0, 0);\n    return dateA.getTime() === dateB.getTime();\n}"]}

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/timesheets-cell-renderer.js

@@ -0,0 +1,106 @@
+import { compareDates } from "./resourceTimelineUtilities";
+import Plane16 from "@carbon/icons/es/plane/16";
+import Calendar16 from "@carbon/icons/es/calendar/16";
+export default class TimesheetsCellRenderer {
+    btnClickedHandler() {
+        this.params.clicked(this.params);
+    }
+    init(params) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        this.node = params.node;
+        this.params = params;
+        this.eGui = document.createElement('div');
+        this.btnClickedHandler = this.btnClickedHandler.bind(this);
+        params.eGridCell.style.justifyContent = 'center';
+        let displayValue = null;
+        if (params === null || params === void 0 ? void 0 : params.value) {
+            if ((_a = params.value) === null || _a === void 0 ? void 0 : _a.hours) {
+                //if an hours value
+                displayValue = params.value.hours.toFixed(2) + 'h';
+            }
+            // else if (params.value?.expectedHours) {
+            //   //if no hours but expected hours
+            //   displayValue = params.value.expectedHours.toFixed(1) + 'h';
+            //   params.eGridCell.style.fontStyle = 'italic';
+            // } 
+            else {
+                displayValue = typeof (params === null || params === void 0 ? void 0 : params.value) !== 'object' ? `${params === null || params === void 0 ? void 0 : params.value.toFixed(2)}h ` : null;
+            }
+            this.eGui.innerHTML = displayValue;
+            if (!(((_b = params.value) === null || _b === void 0 ? void 0 : _b.hours) === 0 && ((_c = params.value) === null || _c === void 0 ? void 0 : _c.expectedHours) === 0)) {
+                if (params.node.level === 0 || params.node.level === 1) {
+                    const diff = ((_d = params.value) === null || _d === void 0 ? void 0 : _d.hours) - ((_e = params.value) === null || _e === void 0 ? void 0 : _e.expectedHours);
+                    if (diff === 0) {
+                        params.eGridCell.style.backgroundColor = 'rgba(76, 175, 80, 0.2)'; //exact
+                    }
+                    else if (diff > 0) {
+                        params.eGridCell.style.backgroundColor = 'rgba(255, 152, 0, 0.2)'; //overtime
+                    }
+                    else {
+                        params.eGridCell.style.backgroundColor = 'rgba(33, 150, 243, 0.2)'; //under
+                    }
+                }
+            }
+            if (this.node.level === 0) {
+                params.eGridCell.style.fontWeight = 600;
+                params.eGridCell.style.backgroundColor = params.eGridCell.style.backgroundColor.replace(/[^,]+(?=\))/, '0.45');
+                (_f = params === null || params === void 0 ? void 0 : params.timeBankTransactionData) === null || _f === void 0 ? void 0 : _f.forEach(group => {
+                    var _a;
+                    (_a = group === null || group === void 0 ? void 0 : group.timeOffRequestGroupTimeOffRequest) === null || _a === void 0 ? void 0 : _a.forEach((request) => {
+                        var _a;
+                        if (compareDates(request === null || request === void 0 ? void 0 : request.date, (_a = params === null || params === void 0 ? void 0 : params.colDef) === null || _a === void 0 ? void 0 : _a.pivotKeys[0])) {
+                            let icon = document.createElement("span");
+                            icon.innerHTML = '<stencil-icon-button></stencil-icon-button>';
+                            icon.style.position = 'absolute';
+                            icon.style.top = "-10px";
+                            icon.style.right = "-8px";
+                            this.icon = icon.querySelector('stencil-icon-button');
+                            this.icon.noBackground = true;
+                            this.icon.noTooltip = true;
+                            //if(transaction?.timeBankEntryName === "Vacation"){
+                            this.icon.icon = Plane16;
+                            //}
+                            //else{
+                            //this.icon.icon = Heart16
+                            //}
+                            this.eGui.appendChild(icon);
+                        }
+                    });
+                });
+                (_g = params === null || params === void 0 ? void 0 : params.holidayData) === null || _g === void 0 ? void 0 : _g.forEach(transaction => {
+                    var _a;
+                    (_a = transaction === null || transaction === void 0 ? void 0 : transaction.holidayCalendarHolidayCalendarDay) === null || _a === void 0 ? void 0 : _a.forEach(day => {
+                        var _a;
+                        if (compareDates(day === null || day === void 0 ? void 0 : day.date, (_a = params === null || params === void 0 ? void 0 : params.colDef) === null || _a === void 0 ? void 0 : _a.pivotKeys[0])) {
+                            let icon = document.createElement("span");
+                            icon.innerHTML = '<stencil-icon-button></stencil-icon-button>';
+                            icon.style.position = 'absolute';
+                            icon.style.top = "-10px";
+                            icon.style.right = "-8px";
+                            this.icon = icon.querySelector('stencil-icon-button');
+                            this.icon.noBackground = true;
+                            this.icon.noTooltip = true;
+                            this.icon.icon = Calendar16;
+                            this.eGui.appendChild(icon);
+                        }
+                    });
+                });
+            }
+        }
+        params.eGridCell.addEventListener('click', this.btnClickedHandler);
+        params.eGridCell.style.cursor = 'pointer';
+    }
+    getGui() {
+        return this.eGui;
+    }
+    refresh() {
+        return false;
+    }
+    destroy() {
+        // Cleanup: remove the click event listener
+        if (this.eGui && this.clickListener) {
+            this.eGui.removeEventListener('click', this.clickListener);
+        }
+    }
+}
+//# sourceMappingURL=timesheets-cell-renderer.js.map

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/timesheets-cell-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timesheets-cell-renderer.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/grid/resource-timeline-calendar/timesheets-cell-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\nimport { compareDates } from './resourceTimelineUtilities';\nimport Plane16 from '@carbon/icons/es/plane/16';\nimport Calendar16 from '@carbon/icons/es/calendar/16';\n\nexport default class TimesheetsCellRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private params: any;\n  private clickListener: () => void;\n  private icon: any; // Use appropriate type\n  node;\n\n  btnClickedHandler() {\n    this.params.clicked(this.params);\n  }\n\n  public init(params: any): void {\n    this.node = params.node;\n    this.params = params;\n    this.eGui = document.createElement('div');\n    this.btnClickedHandler = this.btnClickedHandler.bind(this);\n    params.eGridCell.style.justifyContent = 'center';\n    let displayValue = null;\n    if (params?.value) {\n      if (params.value?.hours) {\n        //if an hours value\n        displayValue = params.value.hours.toFixed(2) + 'h';\n      } \n      // else if (params.value?.expectedHours) {\n      //   //if no hours but expected hours\n      //   displayValue = params.value.expectedHours.toFixed(1) + 'h';\n      //   params.eGridCell.style.fontStyle = 'italic';\n      // } \n      else {\n        displayValue = typeof params?.value !== 'object' ? `${params?.value.toFixed(2)}h ` : null;\n      }\n      this.eGui.innerHTML = displayValue;\n      \n      if (!(params.value?.hours === 0 && params.value?.expectedHours === 0 )) {\n        if (params.node.level === 0 || params.node.level === 1){\n          const diff = params.value?.hours - params.value?.expectedHours;\n          if (diff === 0) {\n            params.eGridCell.style.backgroundColor = 'rgba(76, 175, 80, 0.2)'; //exact\n          } else if (diff > 0) {\n            params.eGridCell.style.backgroundColor = 'rgba(255, 152, 0, 0.2)'; //overtime\n          } else {\n            params.eGridCell.style.backgroundColor = 'rgba(33, 150, 243, 0.2)'; //under\n          }\n        }\n        \n      }\n      if (this.node.level === 0) {\n        params.eGridCell.style.fontWeight = 600;\n        params.eGridCell.style.backgroundColor = params.eGridCell.style.backgroundColor.replace(/[^,]+(?=\\))/, '0.45');\n\n        params?.timeBankTransactionData?.forEach(group =>{\n          group?.timeOffRequestGroupTimeOffRequest?.forEach((request)=>{\n            if(compareDates(request?.date, params?.colDef?.pivotKeys[0]) ){\n              let icon = document.createElement(\"span\");\n              icon.innerHTML = '<stencil-icon-button></stencil-icon-button>';\n              icon.style.position = 'absolute'\n              icon.style.top = \"-10px\"\n              icon.style.right = \"-8px\"\n              this.icon = icon.querySelector('stencil-icon-button');\n              this.icon.noBackground = true;\n              this.icon.noTooltip = true;\n              //if(transaction?.timeBankEntryName === \"Vacation\"){\n              this.icon.icon = Plane16\n              //}\n              //else{\n                //this.icon.icon = Heart16\n              //}\n              this.eGui.appendChild(icon)\n            }\n          })\n          \n        })\n\n        params?.holidayData?.forEach(transaction =>{\n          transaction?.holidayCalendarHolidayCalendarDay?.forEach(day =>{\n            if(compareDates(day?.date, params?.colDef?.pivotKeys[0]) ){\n              let icon = document.createElement(\"span\");\n              icon.innerHTML = '<stencil-icon-button></stencil-icon-button>';\n              icon.style.position = 'absolute'\n              icon.style.top = \"-10px\"\n              icon.style.right = \"-8px\"\n              this.icon = icon.querySelector('stencil-icon-button');\n              this.icon.noBackground = true;\n              this.icon.noTooltip = true;\n              this.icon.icon = Calendar16\n              this.eGui.appendChild(icon)\n            }\n          })\n        })\n      }\n    }\n    \n\n    params.eGridCell.addEventListener('click', this.btnClickedHandler);\n    params.eGridCell.style.cursor = 'pointer';\n\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(): boolean {\n   return false\n  }\n\n  public destroy(): void {\n    // Cleanup: remove the click event listener\n    if (this.eGui && this.clickListener) {\n      this.eGui.removeEventListener('click', this.clickListener);\n    }\n  }\n}\n"]}