@soyfri/template 1.0.10-beta.3 → 1.0.10-beta.4

package/README.md

@@ -143,4 +143,4 @@ function App() {
 MIT
 
 ## Support
-For support, please contact the FRI frontend development team.cd
+For support, please contact the FRI frontend development team.

package/dist/assets/ts/_utils/EventHandlerUtil.js

@@ -6,7 +6,7 @@ export class EventHandlerUtil {
     static setEventMetasByName(name, handlers) {
         EventHandlerUtil.store[name] = handlers;
     }
-    // @ts-ignore
+    // @ts-ignore   
     static getEventMetaByName(name) {
         return EventHandlerUtil.store[name];
     }
@@ -18,7 +18,6 @@ export class EventHandlerUtil {
         EventHandlerUtil.store[name] = {};
         EventHandlerUtil.store[name][handlerId] = meta;
     }
-    //@ts-ignore
     static getEventMetaByHandlerId(name, handlerId) {
         const handlersIds = EventHandlerUtil.store[name];
         if (!handlersIds) {
@@ -26,7 +25,7 @@ export class EventHandlerUtil {
         }
         return handlersIds[handlerId];
     }
-    //@ts-ignore
+    // @ts-ignore
     static setFiredByNameAndHandlerId(name, handerId, fired) {
         const meta = EventHandlerUtil.getEventMetaByHandlerId(name, handerId);
         if (!meta) {

package/dist/assets/ts/_utils/EventHandlerUtil.ts

@@ -1,5 +1,5 @@
-import { DataUtil } from './_DataUtil'
-import { getUniqueIdWithPrefix } from './_TypesHelpers'
+import {DataUtil} from './_DataUtil'
+import {getUniqueIdWithPrefix} from './_TypesHelpers'
 
 export interface EventMeta {
   name: string
@@ -23,16 +23,15 @@ export class EventHandlerUtil {
   ): void {
     EventHandlerUtil.store[name] = handlers
   }
-  // @ts-ignore
+  // @ts-ignore   
   private static getEventMetaByName(name: string):
     | {
-      [handlerId: string]: EventMeta
-    }
+        [handlerId: string]: EventMeta
+      }
     | undefined {
     return EventHandlerUtil.store[name]
   }
 
-
   private static setEventMetaByNameAndHandlerId(
     name: string,
     handlerId: string,
@@ -46,7 +45,6 @@ export class EventHandlerUtil {
     EventHandlerUtil.store[name][handlerId] = meta
   }
 
-  //@ts-ignore
   private static getEventMetaByHandlerId(name: string, handlerId: string): EventMeta | undefined {
     const handlersIds = EventHandlerUtil.store[name]
     if (!handlersIds) {
@@ -54,8 +52,7 @@ export class EventHandlerUtil {
     }
     return handlersIds[handlerId]
   }
-
-    //@ts-ignore
+  // @ts-ignore
   private static setFiredByNameAndHandlerId(name: string, handerId: string, fired: boolean): void {
     const meta = EventHandlerUtil.getEventMetaByHandlerId(name, handerId)
     if (!meta) {

package/dist/assets/ts/components/MenuComponent.js

@@ -262,7 +262,8 @@ class MenuComponent {
     _isItemParentShown = (item) => {
         return getElementParents(item, '.menu-item.show').length > 0;
     };
-    //@ts-ignore
+    // Test of it is item sub element
+    // @ts-ignore
     _isItemSubElement = (item) => {
         return item.classList.contains('menu-sub');
     };
@@ -470,7 +471,8 @@ class MenuComponent {
             }
         } // updated
     };
-    //@ts-ignore
+    // TODO: not done
+    // @ts-ignore
     _destroy = () => { };
     // Update all item state classes if item sub type changed
     _update = () => {
@@ -765,7 +767,8 @@ class MenuComponent {
                     const item = menuItems[i];
                     const menuObj = MenuComponent.getInstance(item);
                     if (menuObj && menuObj.getItemSubType(item) === 'dropdown') {
-                        //@ts-ignore
+                        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                        // @ts-ignore
                         const menu = menuObj.getElement();
                         const sub = menuObj.getItemSubElement(item);
                         if (item === e.target || item.contains(e.target)) {

package/dist/assets/ts/components/MenuComponent.ts

@@ -1,4 +1,4 @@
-import { createPopper, VirtualElement } from '@popperjs/core'
+import {createPopper, VirtualElement} from '@popperjs/core'
 import {
   getElementChild,
   getElementParents,
@@ -352,10 +352,13 @@ class MenuComponent {
   private _isItemParentShown = (item: HTMLElement) => {
     return getElementParents(item, '.menu-item.show').length > 0
   }
- //@ts-ignore
+
+  // Test of it is item sub element
+  // @ts-ignore
   private _isItemSubElement = (item: HTMLElement) => {
     return item.classList.contains('menu-sub')
   }
+
   // Test if item has sub
   private _hasItemSub = (item: HTMLElement) => {
     return item.classList.contains('menu-item') && item.hasAttribute('data-kt-menu-trigger')
@@ -602,8 +605,10 @@ class MenuComponent {
     } // updated
   }
 
-  //@ts-ignore
-  private _destroy = () => { }
+  // TODO: not done
+  // @ts-ignore
+  private _destroy = () => {}
+
   // Update all item state classes if item sub type changed
   private _update = () => {
     const items = this.element.querySelectorAll('.menu-item[data-kt-menu-trigger]')
@@ -956,7 +961,8 @@ class MenuComponent {
           const item = menuItems[i] as HTMLElement
           const menuObj = MenuComponent.getInstance(item) as MenuComponent
           if (menuObj && menuObj.getItemSubType(item) === 'dropdown') {
-            //@ts-ignore
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            // @ts-ignore
             const menu = menuObj.getElement()
             const sub = menuObj.getItemSubElement(item) as HTMLElement
             if (item === e.target || item.contains(e.target as HTMLElement)) {
@@ -1084,4 +1090,4 @@ class MenuComponent {
   }
 }
 
-export { MenuComponent, defaultMenuOptions }
+export {MenuComponent, defaultMenuOptions}

package/dist/assets/ts/components/_DrawerComponent.js

@@ -192,11 +192,11 @@ class DrawerComponent {
             this.overlayElement.parentNode.removeChild(this.overlayElement);
         }
     };
-    //@ts-ignore
+    // @ts-ignore  
     _getDirection = () => {
         return String(this._getOption('direction')) === 'left' ? 'left' : 'right';
     };
-    //@ts-ignore
+    // @ts-ignore
     _getWidth = () => {
         let width = this._getOption('width');
         if (width && width === 'auto') {

package/dist/assets/ts/components/_DrawerComponent.ts

@@ -223,7 +223,7 @@ class DrawerComponent {
         this.overlayElement.classList.add(overlayClassOption.toString())
       }
 
-      if(!this._getOption('permanent')){
+      if (!this._getOption('permanent')) {
         this.overlayElement.addEventListener('click', (e) => {
           e.preventDefault()
           this._hide()
@@ -237,11 +237,11 @@ class DrawerComponent {
       this.overlayElement.parentNode.removeChild(this.overlayElement)
     }
   }
-  //@ts-ignore
+  // @ts-ignore  
   private _getDirection = () => {
     return String(this._getOption('direction')) === 'left' ? 'left' : 'right'
   }
-  //@ts-ignore
+  // @ts-ignore
   private _getWidth = () => {
     let width = this._getOption('width')
     if (width && width === 'auto') {
@@ -250,6 +250,7 @@ class DrawerComponent {
 
     return width
   }
+
   ///////////////////////
   // ** Public API  ** //
   ///////////////////////
@@ -384,4 +385,4 @@ class DrawerComponent {
   }
 }
 
-export {DrawerComponent, defaultDrawerOptions}
+export { DrawerComponent, defaultDrawerOptions }

package/dist/assets/ts/components/_FeedbackComponent.ts

@@ -140,7 +140,7 @@ class FeedbackComponent {
     throw new Error('not implemented')
   }
 
-  public static getInstance(_element: HTMLElement ) {
+  public static getInstance(_element: HTMLElement) {
     throw new Error('not implemented')
   }
 

package/dist/assets/ts/components/_ImageInputComponent.js

@@ -88,7 +88,6 @@ class ImageInputComponent {
         // Fire canceled event
         EventHandlerUtil.trigger(this.element, 'kt.imageinput.canceled', e);
     };
-    //@ts-ignore
     _remove = (e) => {
         e.preventDefault();
         // Fire remove event

package/dist/assets/ts/components/_ImageInputComponent.ts

@@ -120,8 +120,7 @@ class ImageInputComponent {
     // Fire canceled event
     EventHandlerUtil.trigger(this.element, 'kt.imageinput.canceled', e)
   }
-  
-  //@ts-ignore
+
   private _remove = (e: Event) => {
     e.preventDefault()
 
@@ -147,6 +146,7 @@ class ImageInputComponent {
     // Fire removed event
     EventHandlerUtil.trigger(this.element, 'kt.imageinput.removed', e)
   }
+
   ///////////////////////
   // ** Public API  ** //
   ///////////////////////

package/dist/assets/ts/components/_PasswordMeterComponent.ts

@@ -102,7 +102,7 @@ class PasswordMeterComponent {
       this.inputElement.focus()
     }
   }
-  //@ts-ignore
+ //@ts-ignore
   private checkScore(): number {
     return 0
   }

package/dist/assets/ts/components/_StepperComponent.d.ts

@@ -37,7 +37,7 @@ declare class StepperComponent {
     getNextStepIndex: () => number;
     getPassedStepIndex: () => number;
     getPrevStepIndex: () => number;
-    getElement: (_index: number) => HTMLElement;
+    getElement: (index: number) => HTMLElement;
     on: (name: string, handler: Function) => void;
     one: (name: string, handler: Function) => void;
     off: (name: string, handlerId: string) => void;

package/dist/assets/ts/components/_StepperComponent.js

@@ -197,7 +197,7 @@ class StepperComponent {
             return 1;
         }
     };
-    getElement = (_index) => {
+    getElement = (index) => {
         return this.element;
     };
     // Event API

package/dist/assets/ts/components/_StepperComponent.ts

@@ -116,8 +116,7 @@ class StepperComponent {
   private _getStepDirection = (index: number) => {
     return index > this.currentStepIndex ? 'next' : 'previous'
   }
-
- //@ts-ignore
+  //@ts-ignore
   private getStepContent = (index: number) => {
     const content = this.element.querySelectorAll('[data-kt-stepper-element="content"]')
     if (!content) {
@@ -130,14 +129,15 @@ class StepperComponent {
 
     return false
   }
+
   private getLastStepIndex = () => {
     return this.totalStepsNumber
   }
-
- //@ts-ignore
+//@ts-ignore
   private getTotalStepsNumber = () => {
     return this.totalStepsNumber
   }
+
   private refreshUI = () => {
     let state = ''
 
@@ -205,8 +205,7 @@ class StepperComponent {
   private isFirstStep = () => {
     return this.currentStepIndex === 1
   }
-  
- //@ts-ignore
+//@ts-ignore
   private isBetweenStep = () => {
     return this.isLastStep() === false && this.isFirstStep() === false
   }
@@ -260,7 +259,7 @@ class StepperComponent {
     }
   }
 
-  public getElement = (_index: number) => {
+  public getElement = (index: number) => {
     return this.element
   }
 
@@ -330,4 +329,4 @@ class StepperComponent {
   }
 }
 
-export { StepperComponent, defaultStepperOptions }
+export {StepperComponent, defaultStepperOptions}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/template",
-  "version": "1.0.10-beta.3",
+  "version": "1.0.10-beta.4",
   "description": "Metronic template components and utilities for Fri projects",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -57,6 +57,7 @@
     "react-flatpickr": "^3.10.13",
     "@formatjs/intl-pluralrules": "5.2.4",
     "@formatjs/intl-relativetimeformat": "11.2.4"
+    
   },
   "devDependencies": {
     "@types/bootstrap": "5.1.10",
@@ -70,4 +71,5 @@
   "publishConfig": {
     "access": "public"
   }
-}
+  
+}