@corp-products/ui-components 0.0.1 → 1.0.0

package/lib/form-components/components/base-input.component.d.ts

@@ -0,0 +1,21 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { FormControl } from "@angular/forms";
+import { Subject } from "rxjs";
+import * as i0 from "@angular/core";
+export declare abstract class BaseInputComponent implements OnInit, OnDestroy {
+    control: FormControl;
+    name: string;
+    label?: string;
+    placeholder: string;
+    inputId: string;
+    readonly: boolean;
+    disabled: boolean;
+    hint?: string;
+    protected destroy$: Subject<void>;
+    get required(): boolean;
+    get isInvalid(): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseInputComponent, "ng-component", never, { "control": { "alias": "control"; "required": true; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/form-components/components/date-picker/date-picker.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from "@angular/core";
+import { BaseInputComponent } from "../base-input.component";
+import * as i0 from "@angular/core";
+export declare class DatePickerComponent extends BaseInputComponent {
+    showIcon: boolean;
+    showClear: boolean;
+    basicInput: boolean;
+    isTimeOnly: boolean;
+    minDate: Date | undefined | null;
+    maxDate: Date | undefined | null;
+    hourFormat: "12" | "24";
+    nowTime: Date;
+    selectionMode: "single" | "range";
+    onAfterClearDate: EventEmitter<void>;
+    constructor();
+    selectCurrentTime(e: any): void;
+    clearButtonClick(e: any): void;
+    afterClearDate(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "stc-date-picker", never, { "showIcon": { "alias": "showIcon"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; "isTimeOnly": { "alias": "isTimeOnly"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; }, { "onAfterClearDate": "onAfterClearDate"; }, never, never, true, never>;
+}

package/lib/form-components/components/input/input.component.d.ts

@@ -0,0 +1,17 @@
+import { BaseInputComponent } from "../base-input.component";
+import * as i0 from "@angular/core";
+export declare class InputComponent extends BaseInputComponent {
+    type: "text" | "textarea";
+    contentType: "text" | "email" | "number";
+    prefix: string;
+    rows: number;
+    cols: number;
+    autoResize: boolean;
+    basicInput: boolean;
+    noStyle: boolean;
+    hideOptionalLabel: boolean;
+    inputDirection: "ltr" | "rtl" | "inherit";
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "stc-input", never, { "type": { "alias": "type"; "required": false; }; "contentType": { "alias": "contentType"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; "noStyle": { "alias": "noStyle"; "required": false; }; "hideOptionalLabel": { "alias": "hideOptionalLabel"; "required": false; }; "inputDirection": { "alias": "inputDirection"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/form-components/components/select/select.component.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { SelectChangeEvent } from "primeng/select";
+import { BaseInputComponent } from "../base-input.component";
+import * as i0 from "@angular/core";
+export declare class SelectComponent extends BaseInputComponent {
+    selectedItemTemplate: TemplateRef<unknown> | null;
+    optionTemplate: TemplateRef<unknown> | null;
+    options: unknown[];
+    optionLabel: string;
+    checkmark: boolean;
+    showClear: boolean;
+    editable: boolean;
+    filter: boolean;
+    multiple: boolean;
+    filterBy: string;
+    selectedItemsLabel: string;
+    basicInput: boolean;
+    change: EventEmitter<any>;
+    constructor();
+    onChange(e: SelectChangeEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "stc-select", never, { "selectedItemTemplate": { "alias": "selectedItemTemplate"; "required": false; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}

package/lib/form-components/components/select-button/select-button.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from "@angular/core";
+import { SelectButtonChangeEvent } from 'primeng/selectbutton';
+import { BaseInputComponent } from "../base-input.component";
+import { LabelValue } from "../../interfaces";
+import * as i0 from "@angular/core";
+export declare class SelectButtonComponent extends BaseInputComponent {
+    onChange: EventEmitter<any>;
+    options: LabelValue<any>[];
+    title: string;
+    changeValue(e: SelectButtonChangeEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectButtonComponent, "stc-select-button", never, { "options": { "alias": "options"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}

package/lib/form-components/components/switcher/switch.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class SwitchComponent {
+    label: string;
+    key: string;
+    checked: boolean;
+    onChange: EventEmitter<string>;
+    sendUpdatedValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "stc-switch", never, { "label": { "alias": "label"; "required": false; }; "key": { "alias": "key"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}

package/{src/lib/form-components/index.ts → lib/form-components/index.d.ts}

@@ -1,9 +1,9 @@
-export * from "./components/input/input.component";
-export * from "./components/select/select.component";
-export * from "./components/date-picker/date-picker.component";
-export * from "./components/auto-complete/auto-complete.component";
-export * from "./components/select-button/select-button.component";
-export * from "./components/switcher/switch.component";
-export * from "./@utils/form-utils";
-export * from "./@utils/validations";
-export * from "./interfaces";
+export * from "./components/input/input.component";
+export * from "./components/select/select.component";
+export * from "./components/date-picker/date-picker.component";
+export * from "./components/auto-complete/auto-complete.component";
+export * from "./components/select-button/select-button.component";
+export * from "./components/switcher/switch.component";
+export * from "./@utils/form-utils";
+export * from "./@utils/validations";
+export * from "./interfaces";

package/{src/lib/form-components/interfaces/index.ts → lib/form-components/interfaces/index.d.ts}

@@ -1 +1 @@
-export * from "./label-value";
+export * from "./label-value";

package/lib/form-components/interfaces/label-value.d.ts

@@ -0,0 +1,4 @@
+export interface LabelValue<T> {
+    label: string;
+    value: T | any;
+}

package/lib/ico-moon-icon/ico-moon-icon.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class IcoMoonIconComponent {
+    iconName: string;
+    iconClass: string;
+    iconPathCount: number;
+    get getPathCount(): number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<IcoMoonIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IcoMoonIconComponent, "app-ico-moon-card", never, { "iconName": { "alias": "iconName"; "required": true; }; "iconClass": { "alias": "iconClass"; "required": false; }; "iconPathCount": { "alias": "iconPathCount"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/read-more/read-more.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ReadMoreComponent {
+    text: string;
+    styleClass: string;
+    maxCharacters: number;
+    isExpanded: boolean;
+    toggleReadMore(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReadMoreComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReadMoreComponent, "app-read-more", never, { "text": { "alias": "text"; "required": true; }; "styleClass": { "alias": "styleClass"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/side-bar/side-bar.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter, TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class SideBarComponent {
+    show: boolean;
+    title: string;
+    closable: boolean;
+    dismissible: boolean;
+    closeOnEscape: boolean;
+    sidebarSize: "sm" | "md" | "lg" | "xl";
+    styleClass: string;
+    hide: EventEmitter<boolean>;
+    onShow: EventEmitter<boolean>;
+    contentTemplate: TemplateRef<unknown>;
+    footerTemplate: TemplateRef<unknown>;
+    hideSidebar(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideBarComponent, "app-side-bar", never, { "show": { "alias": "show"; "required": false; }; "title": { "alias": "title"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "sidebarSize": { "alias": "sidebarSize"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; }, { "hide": "hide"; "onShow": "onShow"; }, never, ["*"], true, never>;
+}

package/lib/user-autocomplete-card/user-autocomplete-card.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class UserAutocompleteCardComponent {
+    select: EventEmitter<any>;
+    delete: EventEmitter<any>;
+    userData: any;
+    explicitRole: string;
+    showDeleteAction: boolean;
+    onDelete(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserAutocompleteCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserAutocompleteCardComponent, "app-user-autocomplete-card", never, { "userData": { "alias": "userData"; "required": true; }; "explicitRole": { "alias": "explicitRole"; "required": false; }; "showDeleteAction": { "alias": "showDeleteAction"; "required": false; }; }, { "select": "select"; "delete": "delete"; }, never, never, true, never>;
+}

package/lib/user-info/user-info.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class UserInfoComponent {
+    profileImage: string;
+    name: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserInfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserInfoComponent, "user-info", never, { "profileImage": { "alias": "profileImage"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -1,19 +1,35 @@
-{
-  "name": "@corp-products/ui-components",
-  "version": "0.0.1",
-  "author": "shireen Omar",
-  "description": "shared UI components across our apps",
-  "peerDependencies": {
-    "@angular/common": "^18.2.0",
-    "@angular/core": "^18.2.0"
-  },
-  "keywords": [
-    "angular",
-    "library"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "license": "MIT",
-  "sideEffects": false
-}
+{
+  "name": "@corp-products/ui-components",
+  "version": "1.0.0",
+  "author": "shireen Omar",
+  "description": "shared UI components across our apps",
+  "peerDependencies": {
+    "@angular/common": "^18.2.0",
+    "@angular/core": "^18.2.0"
+  },
+  "keywords": [
+    "angular",
+    "library"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "module": "fesm2022/corp-products-ui-components.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/corp-products-ui-components.mjs",
+      "esm": "./esm2022/corp-products-ui-components.mjs",
+      "default": "./fesm2022/corp-products-ui-components.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/eslint.config.js

@@ -1,34 +0,0 @@
-const nx = require('@nx/eslint-plugin');
-const baseConfig = require('../../eslint.config.js');
-
-module.exports = [
-  ...baseConfig,
-  ...nx.configs['flat/angular'],
-  ...nx.configs['flat/angular-template'],
-  {
-    files: ['**/*.ts'],
-    rules: {
-      '@angular-eslint/directive-selector': [
-        'error',
-        {
-          type: 'attribute',
-          prefix: 'app',
-          style: 'camelCase',
-        },
-      ],
-      '@angular-eslint/component-selector': [
-        'error',
-        {
-          type: 'element',
-          prefix: 'app',
-          style: 'kebab-case',
-        },
-      ],
-    },
-  },
-  {
-    files: ['**/*.html'],
-    // Override or add rules here
-    rules: {},
-  },
-];

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/libs/ui-components",
-  "lib": {
-    "entryFile": "src/index.ts"
-  }
-}

package/project.json

@@ -1,29 +0,0 @@
-{
-  "name": "ui-components",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "libs/ui-components/src",
-  "prefix": "",
-  "projectType": "library",
-  "tags": [],
-  "targets": {
-    "build": {
-      "executor": "@nx/angular:package",
-      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
-      "options": {
-        "project": "libs/ui-components/ng-package.json"
-      },
-      "configurations": {
-        "production": {
-          "tsConfig": "libs/ui-components/tsconfig.lib.prod.json"
-        },
-        "development": {
-          "tsConfig": "libs/ui-components/tsconfig.lib.json"
-        }
-      },
-      "defaultConfiguration": "production"
-    },
-    "lint": {
-      "executor": "@nx/eslint:lint"
-    }
-  }
-}

package/src/lib/app-accordion/app-accordion.component.html

@@ -1,15 +0,0 @@
-<p-accordion value="0">
-  <p-accordion-panel value="0" [class.!border-0]="!accordionPanelBorder">
-    <p-accordion-header>
-            <span class="flex items-center gap-2 w-full">
-                <app-ico-moon-card [iconClass]="'text-[24px] text-secondary'" [iconName]="'font-icon-'+iconName" />
-                <span class="font-bold whitespace-nowrap">{{title}}</span>
-            </span>
-    </p-accordion-header>
-    <p-accordion-content>
-      <div [ngClass]="{'border-t-2 border-gray-light pt-2': contentBorderTop, }">
-        <ng-content></ng-content>
-      </div>
-    </p-accordion-content>
-  </p-accordion-panel>
-</p-accordion>

package/src/lib/app-accordion/app-accordion.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { AppAccordionComponent } from "./app-accordion.component";
-
-describe("HeaderCardComponent", () => {
-  let component: AppAccordionComponent;
-  let fixture: ComponentFixture<AppAccordionComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [AppAccordionComponent]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(AppAccordionComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it("should create", () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/app-accordion/app-accordion.component.ts

@@ -1,21 +0,0 @@
-import { Component, Input } from "@angular/core";
-import { CommonModule } from "@angular/common";
-import { IcoMoonIconComponent } from '../ico-moon-icon/ico-moon-icon.component';
-import { AccordionModule } from 'primeng/accordion';
-import { DividerModule } from 'primeng/divider';
-
-@Component({
-  selector: "app-accordion",
-  standalone: true,
-  imports: [CommonModule, DividerModule, AccordionModule, IcoMoonIconComponent],
-  templateUrl: "./app-accordion.component.html",
-  styleUrl: "./app-accordion.component.scss"
-})
-export class AppAccordionComponent {
-  @Input() iconName!: string;
-  @Input() iconClass!: string;
-  @Input() iconPathCount = 0;
-  @Input({required: true}) title!: string;
-  @Input() contentBorderTop: boolean = true;
-  @Input() accordionPanelBorder: boolean = true;
-}

package/src/lib/app-accordion/index.ts

@@ -1,2 +0,0 @@
-// export * from './app-button';
-export * from './app-accordion.component';

package/src/lib/app-button/app-button.component.html

@@ -1,13 +0,0 @@
-<p-button
-  (click)="clickEmitter.emit()"
-  [class]="class"
-  [disabled]="disabled"
-  [iconPos]="iconPos"
-  [icon]="icon"
-  [label]="title"
-  [rounded]="rounded"
-  [severity]="style"
-  [styleClass]="'w-full'"
-  [text]="text"
-  [variant]="variant">
-</p-button>

package/src/lib/app-button/app-button.component.ts

@@ -1,28 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { AppButtonIconPos, AppButtonSeverity, AppButtonSize, AppButtonVariant } from './app-button';
-
-@Component({
-  imports: [RouterModule, ButtonModule, CommonModule],
-  selector: 'app-button',
-  standalone: true,
-  encapsulation: ViewEncapsulation.None,
-  styleUrl: './app-button.component.scss',
-  templateUrl: './app-button.component.html',
-})
-export class AppButtonComponent {
-  @Input() title: string;
-  @Input() class: string;
-  @Input() icon: string;
-  @Input() size: AppButtonSize;
-  @Input() style: AppButtonSeverity;
-  @Input() iconPos: AppButtonIconPos;
-  @Input() variant: AppButtonVariant;
-  @Input() disabled = false;
-  @Input() text = false;
-  @Input() rounded = false;
-
-  @Output() clickEmitter = new EventEmitter<void>();
-}

package/src/lib/app-dropdown-menu/app-dropdown-menu.component.html

@@ -1,25 +0,0 @@
-@if (showMenu) {
-  <app-button (click)="op.toggle($event)" [class]="buttonClass"
-              [iconPos]="buttonIconPosition"
-              [icon]="buttonIcon" [title]="buttonTitle"
-              [style]="buttonStyle"/>
-}
-<p-popover #op [styleClass]="popupMenuStyle === 'white' ? 'white-menu' : 'purple-menu'">
-  <div class="flex flex-col gap-4 text-sm md:text-xs">
-    <ul>
-      @for (item of menuItems; track $index) {
-        @if (item.show) {
-          <li
-            [ngClass]="{'flex-row-reverse': item.iconPosition === 'right'}"
-            [class]="'flex justify-between min-w-[130px] gap-3 items-center cursor-pointer text-sm ' + (item.textColor | popupTextColorClass)"
-            (click)="onMenuItemClick(item)">
-            {{ item.title | translate }}
-            @if (item.icon) {
-              <i [class]="item.icon"></i>
-            }
-          </li>
-        }
-      }
-    </ul>
-  </div>
-</p-popover>

package/src/lib/app-dropdown-menu/app-dropdown-menu.component.scss

@@ -1,39 +0,0 @@
-.p-popover.p-component {
-  box-shadow: none;
-  &:is(.purple-menu) {
-    @apply bg-primary text-white text-sm mt-2;
-    li:not(:last-child) {
-      @apply border-b-2 border-purple-700;
-    }
-  }
-  &:is(.white-menu) {
-    li:not(:last-child) {
-      @apply border-b;
-    }
-  }
-  border-radius: 3px;
-  margin-top: 13px;
-  &::before, &::after {
-    display: none;
-  }
-  .p-popover-content {
-    width: auto;
-    min-width: unset;
-
-    ul {
-      li {
-        @apply py-3;
-        &:hover {
-          opacity: 0.7;
-        }
-      }
-      li:first-child {
-        @apply pt-0
-      }
-      li:last-child {
-        @apply pb-0
-      }
-    }
-
-  }
-}

package/src/lib/app-dropdown-menu/app-dropdown-menu.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { AppDropdownMenuComponent } from './app-dropdown-menu.component';
-
-describe('AppDropdownMenuComponent', () => {
-  let component: AppDropdownMenuComponent;
-  let fixture: ComponentFixture<AppDropdownMenuComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [AppDropdownMenuComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(AppDropdownMenuComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/app-dropdown-menu/app-dropdown-menu.component.ts

@@ -1,43 +0,0 @@
-import {Component, inject, Input, OnInit, ViewEncapsulation} from '@angular/core';
-import { AppButtonComponent } from '../app-button';
-import { Popover } from 'primeng/popover';
-import { DropdownMenuItem } from './app-dropdown-menu';
-import {Router} from '@angular/router';
-import {AppButtonIconPos, AppButtonSeverity} from '../app-button';
-import { TranslateModule } from '@ngx-translate/core';
-import {NgClass} from "@angular/common";
-import {MenuPopupTextColorPipe} from "./menu-popup.pipe";
-
-@Component({
-  selector: "app-dropdown-menu",
-  standalone: true,
-  imports: [AppButtonComponent, Popover, TranslateModule, NgClass, MenuPopupTextColorPipe],
-  templateUrl: "./app-dropdown-menu.component.html",
-  styleUrl: "./app-dropdown-menu.component.scss",
-  encapsulation: ViewEncapsulation.None
-})
-export class AppDropdownMenuComponent implements OnInit {
-  @Input({ required: true }) buttonTitle: string;
-  @Input({ required: true }) menuItems: DropdownMenuItem[] = [];
-  @Input() popupMenuStyle: "white" | "purple" = "purple";
-  @Input() buttonIcon = "font-icon-plus";
-  @Input() buttonClass: string;
-  @Input() buttonStyle: AppButtonSeverity;
-  @Input() buttonIconPosition: AppButtonIconPos = "left";
-  router = inject(Router);
-
-  showMenu: boolean;
-
-  ngOnInit() {
-    this.showMenu = this.menuItems.some((item) => {
-      return item.show;
-    });
-  }
-  onMenuItemClick(item: DropdownMenuItem): void {
-    if (item.callback) {
-      item.callback();
-    } else if (item.routerLink) {
-      this.router.navigate(Array.isArray(item.routerLink) ? item.routerLink : [item.routerLink], { queryParams: item.queryParams || {} });
-    }
-  }
-}

package/src/lib/app-dropdown-menu/app-dropdown-menu.ts

@@ -1,17 +0,0 @@
-import {Params} from "@angular/router";
-import {AppButtonIconPos} from "../app-button";
-
-export interface DropdownMenuItem {
-  title: string;
-  routerLink?: string;
-  queryParams?: Params;
-  callback?: () => void;
-  icon?: string;
-  show?: boolean;
-  // TODO: add type
-  permissionKey?: string;
-  permissionAction?: string;
-  iconPosition?: AppButtonIconPos;
-  textColor?: DropdownTextColor;
-}
-export type DropdownTextColor = 'white' | 'purple' | 'green';

package/src/lib/app-dropdown-menu/menu-popup.pipe.ts

@@ -1,18 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import {DropdownTextColor} from "./app-dropdown-menu";
-
-@Pipe({
-  name: 'popupTextColorClass',
-  standalone: true,
-  pure: true
-})
-export class MenuPopupTextColorPipe implements PipeTransform {
-  transform(color?: DropdownTextColor): string {
-    switch (color) {
-      case 'white': return 'text-white';
-      case 'purple': return 'text-purple-500';
-      case 'green': return 'text-green-500';
-      default: return 'text-white';
-    }
-  }
-}