@rws-framework/client 2.18.18 → 2.19.0

package/src/services/_api/calls.ts

@@ -1,116 +1,116 @@
-import { ApiServiceInstance, IAPIOptions } from "../ApiService";
-
-const _DEFAULT_CONTENT_TYPE = 'application/json';
-
-type HeadersType = Headers | [string, string][] | Record<string, string>;
-
-export const calls = {
-    addHeader(headers: HeadersType, key: string, val: string): void {
-        if (headers instanceof Headers) {
-            headers.append(key, val);
-        } else if (Array.isArray(headers)) {
-            headers.push([key, val]);
-        } else {
-            headers[key] = val;
-        }
-    },
-
-    getHeaders(token: string | null = null, optHeaders: HeadersInit = {}): HeadersInit {
-        const headers: Record<string, string> = { ...(optHeaders as Record<string, string>) };
-
-        if (!('Content-Type' in headers)) {
-            this.addHeader(headers, 'Content-Type', _DEFAULT_CONTENT_TYPE);
-        }
-
-        if (token) {
-            this.addHeader(headers, 'Authorization', `Bearer ${token}`);
-        }
-
-        if (headers['Content-Type']) {
-            this.addHeader(headers, 'Accept', '*/*');
-        } else {
-            this.addHeader(headers, 'Accept', headers['Content-Type'] || _DEFAULT_CONTENT_TYPE);
-        }
-
-        return headers;
-    },
-
-    async pureGet(this: ApiServiceInstance, url: string, options: IAPIOptions = {}): Promise<string> {
-        try {
-            const response = await fetch(url, {
-                headers: calls.getHeaders(this.token, options.headers),
-            });
-            return await response.text();
-        } catch (error) {
-            console.error('GET request failed:', error);
-            throw error;
-        }
-    },
-
-    async get<T>(this: ApiServiceInstance, url: string, options: IAPIOptions = {}): Promise<T> {
-        try {
-            const response = await fetch(url, {
-                headers: calls.getHeaders(this.token, options.headers),
-            });
-            const data: T = await response.json();
-            return data;
-        } catch (error) {
-            console.error('GET request failed:', error);
-            throw error;
-        }
-    },
-
-    async post<T, P extends object = object>(
-        this: ApiServiceInstance,
-        url: string,
-        payload?: P,
-        options: IAPIOptions = {}
-    ): Promise<T> {
-        try {
-            const response = await fetch(url, {
-                method: 'POST',
-                headers: calls.getHeaders(this.token, options.headers),
-                body: payload ? JSON.stringify(payload) : null,
-            });
-            const data: T = await response.json();
-            return data;
-        } catch (error) {
-            console.error('POST request failed:', error);
-            throw error;
-        }
-    },
-
-    async put<T, P extends object = object>(
-        this: ApiServiceInstance,
-        url: string,
-        payload: P,
-        options: IAPIOptions = {}
-    ): Promise<T> {
-        try {
-            const response = await fetch(url, {
-                method: 'PUT',
-                headers: calls.getHeaders(this.token, options.headers),
-                body: JSON.stringify(payload),
-            });
-            const data: T = await response.json();
-            return data;
-        } catch (error) {
-            console.error('PUT request failed:', error);
-            throw error;
-        }
-    },
-
-    async delete<T>(this: ApiServiceInstance, url: string, options: IAPIOptions = {}): Promise<T> {
-        try {
-            const response = await fetch(url, {
-                method: 'DELETE',
-                headers: calls.getHeaders(this.token, options.headers),
-            });
-            const data: T = await response.json();
-            return data;
-        } catch (error) {
-            console.error('DELETE request failed:', error);
-            throw error;
-        }
-    }
+import { ApiServiceInstance, IAPIOptions } from "../ApiService";
+
+const _DEFAULT_CONTENT_TYPE = 'application/json';
+
+type HeadersType = Headers | [string, string][] | Record<string, string>;
+
+export const calls = {
+    addHeader(headers: HeadersType, key: string, val: string): void {
+        if (headers instanceof Headers) {
+            headers.append(key, val);
+        } else if (Array.isArray(headers)) {
+            headers.push([key, val]);
+        } else {
+            headers[key] = val;
+        }
+    },
+
+    getHeaders(token: string | null = null, optHeaders: HeadersInit = {}): HeadersInit {
+        const headers: Record<string, string> = { ...(optHeaders as Record<string, string>) };
+
+        if (!('Content-Type' in headers)) {
+            this.addHeader(headers, 'Content-Type', _DEFAULT_CONTENT_TYPE);
+        }
+
+        if (token) {
+            this.addHeader(headers, 'Authorization', `Bearer ${token}`);
+        }
+
+        if (headers['Content-Type']) {
+            this.addHeader(headers, 'Accept', '*/*');
+        } else {
+            this.addHeader(headers, 'Accept', headers['Content-Type'] || _DEFAULT_CONTENT_TYPE);
+        }
+
+        return headers;
+    },
+
+    async pureGet(this: ApiServiceInstance, url: string, options: IAPIOptions = {}): Promise<string> {
+        try {
+            const response = await fetch(url, {
+                headers: calls.getHeaders(this.token, options.headers),
+            });
+            return await response.text();
+        } catch (error) {
+            console.error('GET request failed:', error);
+            throw error;
+        }
+    },
+
+    async get<T>(this: ApiServiceInstance, url: string, options: IAPIOptions = {}): Promise<T> {
+        try {
+            const response = await fetch(url, {
+                headers: calls.getHeaders(this.token, options.headers),
+            });
+            const data: T = await response.json();
+            return data;
+        } catch (error) {
+            console.error('GET request failed:', error);
+            throw error;
+        }
+    },
+
+    async post<T, P extends object = object>(
+        this: ApiServiceInstance,
+        url: string,
+        payload?: P,
+        options: IAPIOptions = {}
+    ): Promise<T> {
+        try {
+            const response = await fetch(url, {
+                method: 'POST',
+                headers: calls.getHeaders(this.token, options.headers),
+                body: payload ? JSON.stringify(payload) : null,
+            });
+            const data: T = await response.json();
+            return data;
+        } catch (error) {
+            console.error('POST request failed:', error);
+            throw error;
+        }
+    },
+
+    async put<T, P extends object = object>(
+        this: ApiServiceInstance,
+        url: string,
+        payload: P,
+        options: IAPIOptions = {}
+    ): Promise<T> {
+        try {
+            const response = await fetch(url, {
+                method: 'PUT',
+                headers: calls.getHeaders(this.token, options.headers),
+                body: JSON.stringify(payload),
+            });
+            const data: T = await response.json();
+            return data;
+        } catch (error) {
+            console.error('PUT request failed:', error);
+            throw error;
+        }
+    },
+
+    async delete<T>(this: ApiServiceInstance, url: string, options: IAPIOptions = {}): Promise<T> {
+        try {
+            const response = await fetch(url, {
+                method: 'DELETE',
+                headers: calls.getHeaders(this.token, options.headers),
+            });
+            const data: T = await response.json();
+            return data;
+        } catch (error) {
+            console.error('DELETE request failed:', error);
+            throw error;
+        }
+    }
 };

package/src/styles/README.md

@@ -1,158 +1,158 @@
-# RWS Grid System
-A flexible SASS-based grid system providing responsive column layouts with simple syntax.
-
-## Table of Contents
-- [Installation](#installation)
-- [Breakpoints](#breakpoints)
-- [Basic Usage](#basic-usage)
-- [Mixins](#mixins)
-- [Examples](#examples)
-
-## Installation
-Import the mixins file into your SASS project:
-
-```scss
-@import '@rws-mixins';
-```
-
-## Breakpoints
-The system uses three main breakpoint values:
-
-| Name | Default Width | CSS Variable |
-|------|---------------|-------------|
-| md   | 1200px       | --rws-md-width |
-| sm   | 992px        | --rws-sm-width |
-| xs   | 768px        | --rws-xs-width |
-
-Breakpoints can be customized using CSS variables or directly in the `$breakpoints` map.
-
-## Basic Usage
-
-### Grid Container
-```scss
-.container {
-@include rws-gr; // Basic flex container
-@include rws-gr-gap(20px); // Adds gaps between columns
-}
-```
-
-### Responsive Columns
-```scss
-.column {
-@include rws-gr-col(3, 4, 6, 12);
-// 3 columns on large screens
-// 4 columns on medium screens (< 1200px)
-// 6 columns on small screens (< 992px)
-// 12 columns on extra small screens (< 768px)
-}
-```
-
-## Mixins
-
-### rws-gr
-Creates a basic flexbox container with wrap enabled.
-```scss
-@include rws-gr;
-```
-
-### rws-gr-gap($gap)
-Adds spacing between columns.
-```scss
-@include rws-gr-gap(20px);
-```
-
-### rws-gr-col($lg, $md, $sm, $xs)
-Defines column width for different breakpoints.
-- `$lg`: width for large screens (default 12)
-- `$md`: width for medium screens (optional)
-- `$sm`: width for small screens (optional)
-- `$xs`: width for extra small screens (optional)
-
-### rws-gr-align($h, $v)
-Controls alignment of items in the container.
-- `$h`: horizontal alignment (default flex-start)
-- `$v`: vertical alignment (default top)
-
-### rws-gr-center
-Centers the container relative to its parent.
-
-## Examples
-
-### Basic Layout with Gaps
-```scss
-.container {
-@include rws-gr;
-@include rws-gr-gap(20px);
-@include rws-gr-center;
-
-.column {
-  @include rws-gr-col(4, 6, 12);
-}
-}
-```
-
-### Aligned Layout
-```scss
-.aligned-container {
-@include rws-gr;
-@include rws-gr-align(center, center);
-
-.column {
-  @include rws-gr-col(3);
-}
-}
-```
-
-### Complete Responsive Layout Example
-```scss
-.page-layout {
-@include rws-gr;
-@include rws-gr-gap(30px);
-@include rws-gr-center;
-
-.sidebar {
-  @include rws-gr-col(3, 4, 12);
-}
-
-.main-content {
-  @include rws-gr-col(9, 8, 12);
-}
-
-.footer {
-  @include rws-gr-col(12);
-}
-}
-```
-
-## Advanced Tips
-
-### Custom Breakpoints
-You can override default breakpoints using CSS variables:
-```css
-:root {
---rws-md-width: 1400px;
---rws-sm-width: 1024px;
---rws-xs-width: 800px;
-}
-```
-
-### Column Calculation
-The system uses a 12-column grid by default. Column widths are calculated using:
-```scss
-width = (100% / 12) * columns
-```
-
-### Best Practices
-1. Always start with mobile layout first
-2. Use semantic class names
-3. Avoid deeply nested grids
-4. Consider using the gap mixin for consistent spacing
-5. Test layouts across different screen sizes
-
-## Browser Support
-This grid system relies on modern CSS features including:
-- Flexbox
-- CSS Custom Properties (CSS Variables)
-- CSS calc()
-
+# RWS Grid System
+A flexible SASS-based grid system providing responsive column layouts with simple syntax.
+
+## Table of Contents
+- [Installation](#installation)
+- [Breakpoints](#breakpoints)
+- [Basic Usage](#basic-usage)
+- [Mixins](#mixins)
+- [Examples](#examples)
+
+## Installation
+Import the mixins file into your SASS project:
+
+```scss
+@import '@rws-mixins';
+```
+
+## Breakpoints
+The system uses three main breakpoint values:
+
+| Name | Default Width | CSS Variable |
+|------|---------------|-------------|
+| md   | 1200px       | --rws-md-width |
+| sm   | 992px        | --rws-sm-width |
+| xs   | 768px        | --rws-xs-width |
+
+Breakpoints can be customized using CSS variables or directly in the `$breakpoints` map.
+
+## Basic Usage
+
+### Grid Container
+```scss
+.container {
+@include rws-gr; // Basic flex container
+@include rws-gr-gap(20px); // Adds gaps between columns
+}
+```
+
+### Responsive Columns
+```scss
+.column {
+@include rws-gr-col(3, 4, 6, 12);
+// 3 columns on large screens
+// 4 columns on medium screens (< 1200px)
+// 6 columns on small screens (< 992px)
+// 12 columns on extra small screens (< 768px)
+}
+```
+
+## Mixins
+
+### rws-gr
+Creates a basic flexbox container with wrap enabled.
+```scss
+@include rws-gr;
+```
+
+### rws-gr-gap($gap)
+Adds spacing between columns.
+```scss
+@include rws-gr-gap(20px);
+```
+
+### rws-gr-col($lg, $md, $sm, $xs)
+Defines column width for different breakpoints.
+- `$lg`: width for large screens (default 12)
+- `$md`: width for medium screens (optional)
+- `$sm`: width for small screens (optional)
+- `$xs`: width for extra small screens (optional)
+
+### rws-gr-align($h, $v)
+Controls alignment of items in the container.
+- `$h`: horizontal alignment (default flex-start)
+- `$v`: vertical alignment (default top)
+
+### rws-gr-center
+Centers the container relative to its parent.
+
+## Examples
+
+### Basic Layout with Gaps
+```scss
+.container {
+@include rws-gr;
+@include rws-gr-gap(20px);
+@include rws-gr-center;
+
+.column {
+  @include rws-gr-col(4, 6, 12);
+}
+}
+```
+
+### Aligned Layout
+```scss
+.aligned-container {
+@include rws-gr;
+@include rws-gr-align(center, center);
+
+.column {
+  @include rws-gr-col(3);
+}
+}
+```
+
+### Complete Responsive Layout Example
+```scss
+.page-layout {
+@include rws-gr;
+@include rws-gr-gap(30px);
+@include rws-gr-center;
+
+.sidebar {
+  @include rws-gr-col(3, 4, 12);
+}
+
+.main-content {
+  @include rws-gr-col(9, 8, 12);
+}
+
+.footer {
+  @include rws-gr-col(12);
+}
+}
+```
+
+## Advanced Tips
+
+### Custom Breakpoints
+You can override default breakpoints using CSS variables:
+```css
+:root {
+--rws-md-width: 1400px;
+--rws-sm-width: 1024px;
+--rws-xs-width: 800px;
+}
+```
+
+### Column Calculation
+The system uses a 12-column grid by default. Column widths are calculated using:
+```scss
+width = (100% / 12) * columns
+```
+
+### Best Practices
+1. Always start with mobile layout first
+2. Use semantic class names
+3. Avoid deeply nested grids
+4. Consider using the gap mixin for consistent spacing
+5. Test layouts across different screen sizes
+
+## Browser Support
+This grid system relies on modern CSS features including:
+- Flexbox
+- CSS Custom Properties (CSS Variables)
+- CSS calc()
+
 Ensure your target browsers support these features or include appropriate fallbacks.

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/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[];
+    };
 }