@rws-framework/client 2.20.1 → 2.20.2

package/src/styles/_grid.scss

@@ -1,76 +1,76 @@
-$mediaQuerySteps: (
-  'md': var(--rws-md-width, 1200px),
-  'sm': var(--rws-sm-width, 992px),
-  'xs': var(--rws-xs-width, 768px)
-);
-
-// Mixin for the grid container
-@mixin grid-container() {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-@mixin grid-container-gap($gap) {
-  gap: $gap;
-  margin-right: -#{$gap}; 
-  margin-left: -#{$gap}; 
-}
-
-// Mixin for grid columns
-
-@mixin internal-grid-column($columns: 12) {
-  flex: 0 0 calc(100% / 12 * $columns);
-  max-width: calc(100% / 12 * $columns);
-}
-
-@mixin grid-column($columns: 12) {
-  @include internal-grid-column($columns);
-}
-
-@mixin grid-column($columns: 12, $mdColumns: 12) {
-  @include internal-grid-column($columns);
-
-  @media screen and (max-width: map.get($mediaQuerySteps, 'md')) {
-    @include internal-grid-column($mdColumns);
-  }
-}
-
-@mixin grid-column($columns: 12, $mdColumns: 12, $smColumns: 12) {
-  @include internal-grid-column($columns);
-
-  @media screen and (max-width: map.get($mediaQuerySteps, 'md')) {
-    @include internal-grid-column($mdColumns);
-  }
-
-  @media screen and (max-width: map.get($mediaQuerySteps, 'sm')) {
-    @include internal-grid-column($smColumns);
-  }
-}
-
-@mixin grid-column($columns: 12, $mdColumns: 12, $smColumns: 12, $xsColumns: 12) {
-  @include internal-grid-column($columns);
-
-  @media screen and (max-width: map.get($mediaQuerySteps, 'md')) {
-    @include internal-grid-column($mdColumns);
-  }
-
-  @media screen and (max-width: map.get($mediaQuerySteps, 'sm')) {
-    @include internal-grid-column($smColumns);
-  }
-
-  @media screen and (max-width: map.get($mediaQuerySteps, 'xs')) {
-    @include internal-grid-column($xsColumns);
-  }
-}
-
-// Mixins for grid alignment
-
-@mixin grid-flex-align-items($horizontal, $vertical: top) {
-  justify-content: $horizontal;
-  align-items: $vertical;
-}
-
-@mixin center-container() {
-  margin-left: auto;
-  margin-right: auto;
+$mediaQuerySteps: (
+  'md': var(--rws-md-width, 1200px),
+  'sm': var(--rws-sm-width, 992px),
+  'xs': var(--rws-xs-width, 768px)
+);
+
+// Mixin for the grid container
+@mixin grid-container() {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+@mixin grid-container-gap($gap) {
+  gap: $gap;
+  margin-right: -#{$gap}; 
+  margin-left: -#{$gap}; 
+}
+
+// Mixin for grid columns
+
+@mixin internal-grid-column($columns: 12) {
+  flex: 0 0 calc(100% / 12 * $columns);
+  max-width: calc(100% / 12 * $columns);
+}
+
+@mixin grid-column($columns: 12) {
+  @include internal-grid-column($columns);
+}
+
+@mixin grid-column($columns: 12, $mdColumns: 12) {
+  @include internal-grid-column($columns);
+
+  @media screen and (max-width: map.get($mediaQuerySteps, 'md')) {
+    @include internal-grid-column($mdColumns);
+  }
+}
+
+@mixin grid-column($columns: 12, $mdColumns: 12, $smColumns: 12) {
+  @include internal-grid-column($columns);
+
+  @media screen and (max-width: map.get($mediaQuerySteps, 'md')) {
+    @include internal-grid-column($mdColumns);
+  }
+
+  @media screen and (max-width: map.get($mediaQuerySteps, 'sm')) {
+    @include internal-grid-column($smColumns);
+  }
+}
+
+@mixin grid-column($columns: 12, $mdColumns: 12, $smColumns: 12, $xsColumns: 12) {
+  @include internal-grid-column($columns);
+
+  @media screen and (max-width: map.get($mediaQuerySteps, 'md')) {
+    @include internal-grid-column($mdColumns);
+  }
+
+  @media screen and (max-width: map.get($mediaQuerySteps, 'sm')) {
+    @include internal-grid-column($smColumns);
+  }
+
+  @media screen and (max-width: map.get($mediaQuerySteps, 'xs')) {
+    @include internal-grid-column($xsColumns);
+  }
+}
+
+// Mixins for grid alignment
+
+@mixin grid-flex-align-items($horizontal, $vertical: top) {
+  justify-content: $horizontal;
+  align-items: $vertical;
+}
+
+@mixin center-container() {
+  margin-left: auto;
+  margin-right: auto;
 }

package/src/styles/_grid_legacy.scss

@@ -1,50 +1,50 @@
-// Import the new grid system (if needed - depends on your build setup)
-// @import 'grid';
-
-// Keep the legacy breakpoints for backward compatibility
-$mediaQuerySteps: $breakpoints;
-
-// Legacy mixins using new system
-
-// Mixin for the grid container
-@mixin grid-container() {
-  @include rws-gr;
-}
-
-@mixin grid-container-gap($gap) {
-  @include rws-gr-gap($gap);
-}
-
-// Internal helper kept for backward compatibility
-@mixin internal-grid-column($columns: 12) {
-  @include _gr-col-calc($columns);
-}
-
-// Legacy column mixins using new system
-@mixin grid-column($columns: 12) {
-  @include rws-gr-col($columns);
-}
-
-// Two breakpoint version
-@mixin grid-column($columns: 12, $mdColumns: 12) {
-  @include rws-gr-col($columns, $mdColumns);
-}
-
-// Three breakpoint version
-@mixin grid-column($columns: 12, $mdColumns: 12, $smColumns: 12) {
-  @include rws-gr-col($columns, $mdColumns, $smColumns);
-}
-
-// Four breakpoint version
-@mixin grid-column($columns: 12, $mdColumns: 12, $smColumns: 12, $xsColumns: 12) {
-  @include rws-gr-col($columns, $mdColumns, $smColumns, $xsColumns);
-}
-
-// Mixins for grid alignment
-@mixin grid-flex-align-items($horizontal, $vertical: top) {
-  @include rws-gr-align($horizontal, $vertical);
-}
-
-@mixin center-container() {
-  @include rws-gr-center;
+// Import the new grid system (if needed - depends on your build setup)
+// @import 'grid';
+
+// Keep the legacy breakpoints for backward compatibility
+$mediaQuerySteps: $breakpoints;
+
+// Legacy mixins using new system
+
+// Mixin for the grid container
+@mixin grid-container() {
+  @include rws-gr;
+}
+
+@mixin grid-container-gap($gap) {
+  @include rws-gr-gap($gap);
+}
+
+// Internal helper kept for backward compatibility
+@mixin internal-grid-column($columns: 12) {
+  @include _gr-col-calc($columns);
+}
+
+// Legacy column mixins using new system
+@mixin grid-column($columns: 12) {
+  @include rws-gr-col($columns);
+}
+
+// Two breakpoint version
+@mixin grid-column($columns: 12, $mdColumns: 12) {
+  @include rws-gr-col($columns, $mdColumns);
+}
+
+// Three breakpoint version
+@mixin grid-column($columns: 12, $mdColumns: 12, $smColumns: 12) {
+  @include rws-gr-col($columns, $mdColumns, $smColumns);
+}
+
+// Four breakpoint version
+@mixin grid-column($columns: 12, $mdColumns: 12, $smColumns: 12, $xsColumns: 12) {
+  @include rws-gr-col($columns, $mdColumns, $smColumns, $xsColumns);
+}
+
+// Mixins for grid alignment
+@mixin grid-flex-align-items($horizontal, $vertical: top) {
+  @include rws-gr-align($horizontal, $vertical);
+}
+
+@mixin center-container() {
+  @include rws-gr-center;
 }

package/src/styles/_misc.scss

@@ -1,9 +1,9 @@
-@function px-to-em($pixels, $base-font-size: 16) {
-    @return #{calc($pixels / $base-font-size)}em;
-}  
-  
-@mixin vars($variables) {
-    @each $name, $value in $variables {
-        --#{$name}: #{$value};
-    }
+@function px-to-em($pixels, $base-font-size: 16) {
+    @return #{calc($pixels / $base-font-size)}em;
+}  
+  
+@mixin vars($variables) {
+    @each $name, $value in $variables {
+        --#{$name}: #{$value};
+    }
 }

package/src/styles/_scrollbars.scss

@@ -1,41 +1,41 @@
-@mixin customScrollbars($width: 10px, $trackColor: #f1f1f1, $thumbColor: #888) {
-
-    /* WebKit (Safari/Chrome) */
-    &::-webkit-scrollbar {
-      width: $width;
-    }
-  
-    &::-webkit-scrollbar-track {
-      background: $trackColor;
-    }
-  
-    &::-webkit-scrollbar-thumb {
-      background: $thumbColor;
-    }
-  
-    /* Firefox */
-    &::-moz-scrollbar {
-      width: $width;
-    }
-  
-    &::-moz-scrollbar-track {
-      background: $trackColor;
-    }
-  
-    &::-moz-scrollbar-thumb {
-      background: $thumbColor;
-    }
-  
-    /* IE/Edge */
-    &::-ms-scrollbar {
-      width: $width;
-    }
-  
-    &::-ms-scrollbar-track {
-      background: $trackColor;
-    }
-  
-    &::-ms-scrollbar-thumb {
-      background: $thumbColor;
-    }
+@mixin customScrollbars($width: 10px, $trackColor: #f1f1f1, $thumbColor: #888) {
+
+    /* WebKit (Safari/Chrome) */
+    &::-webkit-scrollbar {
+      width: $width;
+    }
+  
+    &::-webkit-scrollbar-track {
+      background: $trackColor;
+    }
+  
+    &::-webkit-scrollbar-thumb {
+      background: $thumbColor;
+    }
+  
+    /* Firefox */
+    &::-moz-scrollbar {
+      width: $width;
+    }
+  
+    &::-moz-scrollbar-track {
+      background: $trackColor;
+    }
+  
+    &::-moz-scrollbar-thumb {
+      background: $thumbColor;
+    }
+  
+    /* IE/Edge */
+    &::-ms-scrollbar {
+      width: $width;
+    }
+  
+    &::-ms-scrollbar-track {
+      background: $trackColor;
+    }
+  
+    &::-ms-scrollbar-thumb {
+      background: $thumbColor;
+    }
   }

package/src/styles/includes.scss

@@ -1,6 +1,6 @@
-@use "sass:map";
-
-@import "_misc";
-@import "_scrollbars";
-@import "_grid";
-@import "_darkreader";
+@use "sass:map";
+
+@import "_misc";
+@import "_scrollbars";
+@import "_grid";
+@import "_darkreader";

package/src/types/IBackendCore.ts

@@ -1,12 +1,12 @@
-export interface IKDBTypeInfo {
-    fieldName: string;
-    type: string;
-    boundModel?: string
-}
-
-export interface IKDBTypesResponse {
-    success: boolean;
-    data: {
-        types: IKDBTypeInfo[];
-    };
+export interface IKDBTypeInfo {
+    fieldName: string;
+    type: string;
+    boundModel?: string
+}
+
+export interface IKDBTypesResponse {
+    success: boolean;
+    data: {
+        types: IKDBTypeInfo[];
+    };
 }

package/src/types/IRWSConfig.ts

@@ -1,30 +1,30 @@
-import RWSViewComponent from '../components/_component';
-import { IPluginSpawnOption } from './IRWSPlugin';
-
-export type IFrontRoutes = Record<string, unknown>; 
-export default interface IRWSConfig {
-    [key: string]: any
-    dev?: boolean
-    defaultLayout?: typeof RWSViewComponent
-    backendUrl?: string
-    wsUrl?: string
-    backendRoutes?: any[]
-    apiPrefix?: string
-    routes?: IFrontRoutes
-    transports?: string[]
-    user?: any
-    ignoreRWSComponents?: boolean
-    pubUrl?: string
-    pubUrlFilePrefix?: string
-    partedDirUrlPrefix?: string
-    dontPushToSW?: boolean
-    parted?: boolean,
-    rwsDefines?: {[key: string]: any}
-    partedFileDir?: string
-    partedPrefix?: string
-    hotReload?: boolean,
-    hotReloadPort?: number,
-    plugins?: IPluginSpawnOption<any>[]
-    routing_enabled?: boolean
-    _noLoad?: boolean    
+import RWSViewComponent from '../components/_component';
+import { IPluginSpawnOption } from './IRWSPlugin';
+
+export type IFrontRoutes = Record<string, unknown>; 
+export default interface IRWSConfig {
+    [key: string]: any
+    dev?: boolean
+    defaultLayout?: typeof RWSViewComponent
+    backendUrl?: string
+    wsUrl?: string
+    backendRoutes?: any[]
+    apiPrefix?: string
+    routes?: IFrontRoutes
+    transports?: string[]
+    user?: any
+    ignoreRWSComponents?: boolean
+    pubUrl?: string
+    pubUrlFilePrefix?: string
+    partedDirUrlPrefix?: string
+    dontPushToSW?: boolean
+    parted?: boolean,
+    rwsDefines?: {[key: string]: any}
+    partedFileDir?: string
+    partedPrefix?: string
+    hotReload?: boolean,
+    hotReloadPort?: number,
+    plugins?: IPluginSpawnOption<any>[]
+    routing_enabled?: boolean
+    _noLoad?: boolean    
 }

package/src/types/IRWSPlugin.ts

@@ -1,24 +1,24 @@
-import { DefaultRWSPluginOptionsType, RWSPlugin } from "../plugins/_plugin";
-import IRWSUser from "./IRWSUser";
-import { Container } from "../components/_container";
-import RWSWindow from "./RWSWindow";
-import { RWSInfoType } from "../client/components";
-
-export abstract class IRWSPlugin<T extends DefaultRWSPluginOptionsType> {
-    abstract onClientStart(): Promise<void>;
-    abstract onPartedComponentsLoad(componentParts: RWSInfoType): Promise<void>;
-    abstract onComponentsDeclare(): Promise<void>;
-    abstract onSetUser(user: IRWSUser): Promise<void>;    
-    protected abstract options: T;
-    protected abstract container: Container;
-    protected abstract window: RWSWindow;
-}
-
-export interface IStaticRWSPlugin<T extends DefaultRWSPluginOptionsType> {    
-    new (options: T): RWSPlugin<T>;    
-}
-
-export interface IPluginSpawnOption<T extends DefaultRWSPluginOptionsType = DefaultRWSPluginOptionsType> { 
-    pluginEntry: IStaticRWSPlugin<T>;
-    options?: T;
+import { DefaultRWSPluginOptionsType, RWSPlugin } from "../plugins/_plugin";
+import IRWSUser from "./IRWSUser";
+import { Container } from "../components/_container";
+import RWSWindow from "./RWSWindow";
+import { RWSInfoType } from "../client/components";
+
+export abstract class IRWSPlugin<T extends DefaultRWSPluginOptionsType> {
+    abstract onClientStart(): Promise<void>;
+    abstract onPartedComponentsLoad(componentParts: RWSInfoType): Promise<void>;
+    abstract onComponentsDeclare(): Promise<void>;
+    abstract onSetUser(user: IRWSUser): Promise<void>;    
+    protected abstract options: T;
+    protected abstract container: Container;
+    protected abstract window: RWSWindow;
+}
+
+export interface IStaticRWSPlugin<T extends DefaultRWSPluginOptionsType> {    
+    new (options: T): RWSPlugin<T>;    
+}
+
+export interface IPluginSpawnOption<T extends DefaultRWSPluginOptionsType = DefaultRWSPluginOptionsType> { 
+    pluginEntry: IStaticRWSPlugin<T>;
+    options?: T;
 }

package/src/types/IRWSResource.ts

@@ -1,5 +1,5 @@
-export interface IRWSResourceQuery {
-    fieldName: string,
-    type: String,
-    boundModel: string
+export interface IRWSResourceQuery {
+    fieldName: string,
+    type: String,
+    boundModel: string
 }

package/src/types/IRWSUser.ts

@@ -1,7 +1,7 @@
-export default interface IRWSUser {
-    email: string;
-    mongoId: string;
-    name: string;
-    message: string;
-    jwt_token: string,
+export default interface IRWSUser {
+    email: string;
+    mongoId: string;
+    name: string;
+    message: string;
+    jwt_token: string,
 }

package/src/types/IRWSViewComponent.ts

@@ -1,37 +1,37 @@
-import { ViewTemplate } from '@microsoft/fast-element';
-import { DOMOutputType } from '../services/DOMService';
-
-type IAssetShowOptions = Record<string, any>;
-
-interface IRWSViewComponent extends Node {    
-    __isLoading: boolean;
-    routeParams: Record<string, string>;
-    trashIterator: number;
-    fileAssets: { [key: string]: ViewTemplate };
-
-    connectedCallback(): void;
-
-    passRouteParams(routeParams?: Record<string, string>): void;
-
-    showAsset(assetName: string, options?: IAssetShowOptions): ViewTemplate<any>;
-
-    on<T>(type: string, listener: (event: CustomEvent<T>) => any): void;
-
-    $emitDown<T>(eventName: string, payload: T): void;
-
-    parse$<T extends Element>(input: NodeListOf<T>, directReturn?: boolean): DOMOutputType<T>;
-
-    $<T extends Element>(selectors: string, directReturn?: boolean): DOMOutputType<T>;
-
-    loadingString<T, C>(item: T, addContent: (cnt: C | { output: string }, paste?: boolean, error?: boolean) => void, shouldStop: (stopItem: T, addContent: (cnt: C | { output: string }, paste?: boolean,error?: boolean) => void) => Promise<boolean>): Promise<void>
-
-    onDOMLoad(): Promise<void>;    
-
-    forceReload(): void;
-
-    hotReplacedCallback(): void;    
-
-    sendEventToOutside<T>(eventName: string, data: T): void;           
-}
-
+import { ViewTemplate } from '@microsoft/fast-element';
+import { DOMOutputType } from '../services/DOMService';
+
+type IAssetShowOptions = Record<string, any>;
+
+interface IRWSViewComponent extends Node {    
+    __isLoading: boolean;
+    routeParams: Record<string, string>;
+    trashIterator: number;
+    fileAssets: { [key: string]: ViewTemplate };
+
+    connectedCallback(): void;
+
+    passRouteParams(routeParams?: Record<string, string>): void;
+
+    showAsset(assetName: string, options?: IAssetShowOptions): ViewTemplate<any>;
+
+    on<T>(type: string, listener: (event: CustomEvent<T>) => any): void;
+
+    $emitDown<T>(eventName: string, payload: T): void;
+
+    parse$<T extends Element>(input: NodeListOf<T>, directReturn?: boolean): DOMOutputType<T>;
+
+    $<T extends Element>(selectors: string, directReturn?: boolean): DOMOutputType<T>;
+
+    loadingString<T, C>(item: T, addContent: (cnt: C | { output: string }, paste?: boolean, error?: boolean) => void, shouldStop: (stopItem: T, addContent: (cnt: C | { output: string }, paste?: boolean,error?: boolean) => void) => Promise<boolean>): Promise<void>
+
+    onDOMLoad(): Promise<void>;    
+
+    forceReload(): void;
+
+    hotReplacedCallback(): void;    
+
+    sendEventToOutside<T>(eventName: string, data: T): void;           
+}
+
 export {IRWSViewComponent, IAssetShowOptions};

package/src/types/IReFormerField.ts

@@ -1,5 +1,5 @@
-export interface IReFormerField {
-    name: string,
-    defaultValue?: any,
-    setForm: (field: string, value: any) => Promise<void>   
+export interface IReFormerField {
+    name: string,
+    defaultValue?: any,
+    setForm: (field: string, value: any) => Promise<void>   
 }

package/src/types/RWSNotify.ts

@@ -1,7 +1,7 @@
-type NotifyUiType = 'alert' | 'notification' | 'silent';
-type NotifyLogType = 'info' | 'error' | 'warning';
-
-type RWSNotify =  (message: string, logType?: NotifyLogType, uiType?: NotifyUiType, onConfirm?: (params?: any) => void, notifierOptions?: any) => any;
-
-export default RWSNotify;
+type NotifyUiType = 'alert' | 'notification' | 'silent';
+type NotifyLogType = 'info' | 'error' | 'warning';
+
+type RWSNotify =  (message: string, logType?: NotifyLogType, uiType?: NotifyUiType, onConfirm?: (params?: any) => void, notifierOptions?: any) => any;
+
+export default RWSNotify;
 export { NotifyUiType, NotifyLogType };