@corp-products/ui-components 3.6.0 → 3.6.1

package/package.json

@@ -1,17 +1,14 @@
 {
   "name": "@corp-products/ui-components",
-  "version": "3.6.0",
-  "scripts": {
-    "storybook": "npx storybook dev -p 6006"
-  },
+  "version": "3.6.1",
   "author": "shireen Omar",
   "description": "shared UI components across our apps",
   "peerDependencies": {
-    "@angular/animations": ">=17.0.0 <21.0.0",
     "@angular/common": ">=17.0.0 <21.0.0",
     "@angular/core": ">=17.0.0 <21.0.0",
-    "@ngx-translate/core": ">=15.0.0 <18.0.0",
-    "primeng": ">=17.0.0 <21.0.0"
+    "@angular/animations": ">=17.0.0 <21.0.0",
+    "primeng": ">=17.0.0 <21.0.0",
+    "@ngx-translate/core": ">=15.0.0 <18.0.0"
   },
   "keywords": [
     "angular",

package/src/lib/dual-calender/dual-calendar.component.html

@@ -1,10 +1,12 @@
-<div class="calender-content  "   #calendarContainer>
-  <stc-date-picker-switcher [variant]="'in'" [label]="label" id="dateId" (openCalender)="showCalender($event)"
+<div class="calender-content"   #calendarContainer>
+  @if(isDatePickerShow) {
+    <stc-date-picker-switcher [variant]="'in'" [label]="label" id="dateId" (openCalender)="showCalender($event)"
     [control]="control" [formattedDate]='selectedDate'  >
-  </stc-date-picker-switcher>
+    </stc-date-picker-switcher>
+  }
 
   <!-- calender.html -->
-  <div [dir]="currentLang() === 'ar' ? 'rtl' : 'ltr'" class="p-2 calendar-wrapper " [@slideDown]="isCalendarOpen ? 'open' : 'closed'"  >
+  <div [dir]="currentLang() === 'ar' ? 'rtl' : 'ltr'" class="p-2 calendar-wrapper " [@slideDown]="isShown ? 'open' : 'closed'"  >
     <div class="header-tabs">
       <div class="header-label">{{'calender.calender_type' | translate}}</div>
       <div class="tabs">

package/src/lib/dual-calender/dual-calendar.component.ts

@@ -56,13 +56,14 @@ export class DualCalendarComponent {
   @Input() label = '';
   @Input() name = '';
   @Input() withTime = true;
+  @Input() isDatePickerShow = true;
   mode: 'gregorian' | 'hijri' = 'gregorian';
   gregorianModel!: NgbDateStruct;
   hijriModel!: NgbDateStruct;
   @Input() currentLang = signal<'ar' | 'en'>('ar');
   @Output() gregorianUTC = new EventEmitter<string>();
   gregorianUTCValue  = ''
-  isCalendarOpen = false
+  @Input() isShown =  false
   @ViewChild('calendarContainer') calendarContainer!: ElementRef;
   hijriCal = new NgbCalendarIslamicUmalqura();
   constructor() {
@@ -95,7 +96,7 @@ export class DualCalendarComponent {
     if (!this.calendarContainer) return;
     const clickedInside = this.calendarContainer.nativeElement.contains(event.target);
     if (!clickedInside) {
-      this.isCalendarOpen = false;
+      this.isShown = false;
     }
   }
   private structToNgbDate(d: NgbDateStruct): NgbDate {
@@ -118,7 +119,7 @@ export class DualCalendarComponent {
     }; // datepicker
 
     this.selectedDate = this.formatHijri(this.structToNgbDate(this.hijriModel)); //input
-    this.isCalendarOpen = false;
+    this.isShown = false;
   }
 
   onSelectHijri(date: NgbDateStruct) {
@@ -135,11 +136,11 @@ export class DualCalendarComponent {
      this.gregorianUTCValue = this.withTime ? isoUTC : formatDate(jsDate, DateFormats.DATE_ONLY, 'en');
     this.gregorianUTC.emit(this.gregorianUTCValue);
     this.selectedDate = this.formatHijri(ngbDate);
-    this.isCalendarOpen = false;
+    this.isShown = false;
   }
 
   showCalender(isOpen: boolean) {
-    this.isCalendarOpen = isOpen;
+    this.isShown = isOpen;
   }
 
   formatHijri(h: NgbDate): string {

package/.storybook/main.ts

@@ -1,12 +0,0 @@
-import type { StorybookConfig } from '@storybook/angular';
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.ts'],
-  addons: ['@storybook/addon-essentials'],
-  framework: {
-    name: '@storybook/angular',
-    options: {},
-  },
-};
-
-export default config;

package/debug-storybook.log

@@ -1,53 +0,0 @@
-[14:40:41.151] [INFO] storybook v10.2.1
-[14:40:41.896] [DEBUG] Getting package.json info for D:/stc projects/ui-components/projects/ui-components-lib/package.json...
-[14:40:42.170] [WARN] You are currently using Storybook 10.2.1 but you have packages which are incompatible with it:
-
-- @storybook/addon-essentials@8.6.14 which depends on 8.6.14
- Repo: https://github.com/storybookjs/storybook/tree/next/code/addons/essentials
-
-Please consider updating your packages or contacting the maintainers for compatibility details.
-
-For more details on compatibility guidance, see:
-https://github.com/storybookjs/storybook/issues/32836
-[14:40:42.185] [ERROR] SB_CORE-SERVER_0002 (CriticalPresetLoadError): Storybook failed to load the following preset: @storybook/angular/preset.
-
-Please check whether your setup is correct, the Storybook dependencies (and their peer dependencies) are installed correctly and there are no package version clashes.
-
-If you believe this is a bug, please open an issue on Github.
-
-Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@storybook/angular' imported from C:\Users\digi_\AppData\Local\npm-cache\_npx\6fe9a9991b157df1\node_modules\storybook\dist\_node-chunks\chunk-KYZVFZ4V.js
-    at packageResolve (node:internal/modules/esm/resolve:873:9)
-    at moduleResolve (node:internal/modules/esm/resolve:946:18)
-    at defaultResolve (node:internal/modules/esm/resolve:1188:11)
-    at nextResolve (node:internal/modules/esm/hooks:864:28)
-    at Hooks.resolve (node:internal/modules/esm/hooks:306:30)
-    at MessagePort.handleMessage (node:internal/modules/esm/worker:196:24)
-    at [nodejs.internal.kHybridDispatch] (node:internal/event_target:831:20)
-    at MessagePort.<anonymous> (node:internal/per_context/messageport:23:28)
-
-More info: 
-
-    at loadPreset (file:///C:/Users/digi_/AppData/Local/npm-cache/_npx/6fe9a9991b157df1/node_modules/storybook/dist/_node-chunks/chunk-R3KAQRS5.js:10081:13)
-    at async Promise.all (index 0)
-    at async loadPresets (file:///C:/Users/digi_/AppData/Local/npm-cache/_npx/6fe9a9991b157df1/node_modules/storybook/dist/_node-chunks/chunk-R3KAQRS5.js:10090:73)
-    at async getPresets (file:///C:/Users/digi_/AppData/Local/npm-cache/_npx/6fe9a9991b157df1/node_modules/storybook/dist/_node-chunks/chunk-R3KAQRS5.js:10121:23)
-    at async buildDevStandalone (file:///C:/Users/digi_/AppData/Local/npm-cache/_npx/6fe9a9991b157df1/node_modules/storybook/dist/core-server/index.js:7532:17)
-    at async withTelemetry (file:///C:/Users/digi_/AppData/Local/npm-cache/_npx/6fe9a9991b157df1/node_modules/storybook/dist/_node-chunks/chunk-KNMEGL7N.js:218:12)
-    at async dev (file:///C:/Users/digi_/AppData/Local/npm-cache/_npx/6fe9a9991b157df1/node_modules/storybook/dist/bin/core.js:2734:3)
-    at async _Command.<anonymous> (file:///C:/Users/digi_/AppData/Local/npm-cache/_npx/6fe9a9991b157df1/node_modules/storybook/dist/bin/core.js:2801:92)
-[14:40:42.195] [WARN] Broken build, fix the error above.
-You may need to refresh the browser.
-[14:40:42.436] [WARN]   Failed to load preset: {"name":"D:/stc projects/ui-components/projects/ui-components-lib/node_modules/@storybook/addon-essentials/dist/preset.js"} on level 2
-[14:40:42.437] [ERROR] Error: Cannot find module 'storybook/internal/common'
-Require stack:
-- .\node_modules\@storybook\addon-essentials\dist\preset.js
-    at Module._resolveFilename (node:internal/modules/cjs/loader:1212:15)
-    at Module._load (node:internal/modules/cjs/loader:1043:27)
-    at Module.require (node:internal/modules/cjs/loader:1298:19)
-    at require (node:internal/modules/helpers:182:18)
-    at Object.<anonymous> (.\node_modules\@storybook\addon-essentials\dist\preset.js:4:14)
-    at Module._compile (node:internal/modules/cjs/loader:1529:14)
-    at Module._extensions..js (node:internal/modules/cjs/loader:1613:10)
-    at Module.load (node:internal/modules/cjs/loader:1275:32)
-    at Module._load (node:internal/modules/cjs/loader:1096:12)
-    at cjsLoader (node:internal/modules/esm/translators:298:15)