@rws-framework/client 2.18.18 → 2.19.0

package/src/components/rws/reformer/fields/number/component.ts

@@ -1,20 +1,20 @@
-import RWSViewComponent from '../../../../_component';
-import { RWSView} from '../../../../_decorator';
-import { attr, observable } from '@microsoft/fast-element';
-
-@RWSView('reformer-number')
-class ReFormerNumber extends RWSViewComponent {
-    @attr name: string;
-    @observable defaultValue: number = null;
-    @observable value: number = null;
-    @observable setForm: (field: string, value: any) => Promise<void>;    
-
-    connectedCallback(): void {
-        super.connectedCallback();
-        this.value = this.defaultValue;
-    }
-}
-
-ReFormerNumber.defineComponent();
-
-export { ReFormerNumber };
+import RWSViewComponent from '../../../../_component';
+import { RWSView} from '../../../../_decorator';
+import { attr, observable } from '@microsoft/fast-element';
+
+@RWSView('reformer-number')
+class ReFormerNumber extends RWSViewComponent {
+    @attr name: string;
+    @observable defaultValue: number = null;
+    @observable value: number = null;
+    @observable setForm: (field: string, value: any) => Promise<void>;    
+
+    connectedCallback(): void {
+        super.connectedCallback();
+        this.value = this.defaultValue;
+    }
+}
+
+ReFormerNumber.defineComponent();
+
+export { ReFormerNumber };

package/src/components/rws/reformer/fields/number/template.html

@@ -1,7 +1,7 @@
-<sl-input 
-    type="number" 
-    name="${ x => x.name}"
-    id="re-former-field-${x => x.name}" 
-    :value="${x => x.value}"     
-    @change="${(x,c) => x.setForm(x.name, c.event.target)}"
-></sl-input>
+<sl-input 
+    type="number" 
+    name="${ x => x.name}"
+    id="re-former-field-${x => x.name}" 
+    :value="${x => x.value}"     
+    @change="${(x,c) => x.setForm(x.name, c.event.target)}"
+></sl-input>

package/src/components/rws/reformer/types/IReFormerTypes.ts

@@ -1,5 +1,5 @@
-import { IKDBTypeInfo } from "../../../../types/IBackendCore";
-
-export type IReFormerOrder = IKDBTypeInfo[] | IReFormerOrder[];
-
+import { IKDBTypeInfo } from "../../../../types/IBackendCore";
+
+export type IReFormerOrder = IKDBTypeInfo[] | IReFormerOrder[];
+
 export type IReFormerMassOrdering = IReFormerOrder[];

package/src/components/rws/rws-api-resource/component.ts

@@ -1,53 +1,53 @@
-import { IKDBTypesResponse } from '../../../types/IBackendCore';
-import { observable, attr } from '@microsoft/fast-element';
-import { RWSView } from '../../_decorator';
-import { RWSViewComponent } from '../../_component';
-import { RWSResourceListComponent } from './variants/list/component';
-import { RWSResourceFormComponent } from './variants/form/component';
-import { IRWSResourceQuery } from '../../../types/IRWSResource';
-import { ActionType, IExtraColumnFormatter, IFlexTableColumn } from '../rws-table/component';
-
-
-RWSResourceListComponent;
-RWSResourceFormComponent;
-
-@RWSView('rws-resource')
-class RWSApiResource extends RWSViewComponent {    
-    @attr resource: string; 
-    @attr resourceLabel: string = null;
-
-    @attr createEntryLabel = 'Create entry';
-    @attr listEntryLabel = 'Entries list';
-
-    @attr createEnabled = 'true'; 
-    @attr emptyLabel: string = 'No records';
-
-    @observable dbModelData: IKDBTypesResponse = null;
-
-    @observable viewType: 'list' | 'form' = 'list';
-    
-    @observable fields: string[] = [];
-    @observable extraFormatters: {[header_key: string] : IExtraColumnFormatter} = {};  
-    @observable headerTranslations: {[header_key: string] : string} = {};  
-
-    @observable listActions: ActionType[] = []; 
-
-    @observable back: (resource: any) => Promise<void> = async (resource: any) => {
-        this.viewType = 'list';
-    };
-
-    async connectedCallback(): Promise<void> 
-    {
-        super.connectedCallback();
-        this.dbModelData = await this.apiService.getResource(this.resource);          
-    }
-
-    toggleForm()
-    {
-        this.viewType = this.viewType === 'form' ? 'list' : 'form';
-    }
-}
-
-RWSApiResource.defineComponent();
-
+import { IKDBTypesResponse } from '../../../types/IBackendCore';
+import { observable, attr } from '@microsoft/fast-element';
+import { RWSView } from '../../_decorator';
+import { RWSViewComponent } from '../../_component';
+import { RWSResourceListComponent } from './variants/list/component';
+import { RWSResourceFormComponent } from './variants/form/component';
+import { IRWSResourceQuery } from '../../../types/IRWSResource';
+import { ActionType, IExtraColumnFormatter, IFlexTableColumn } from '../rws-table/component';
+
+
+RWSResourceListComponent;
+RWSResourceFormComponent;
+
+@RWSView('rws-resource')
+class RWSApiResource extends RWSViewComponent {    
+    @attr resource: string; 
+    @attr resourceLabel: string = null;
+
+    @attr createEntryLabel = 'Create entry';
+    @attr listEntryLabel = 'Entries list';
+
+    @attr createEnabled = 'true'; 
+    @attr emptyLabel: string = 'No records';
+
+    @observable dbModelData: IKDBTypesResponse = null;
+
+    @observable viewType: 'list' | 'form' = 'list';
+    
+    @observable fields: string[] = [];
+    @observable extraFormatters: {[header_key: string] : IExtraColumnFormatter} = {};  
+    @observable headerTranslations: {[header_key: string] : string} = {};  
+
+    @observable listActions: ActionType[] = []; 
+
+    @observable back: (resource: any) => Promise<void> = async (resource: any) => {
+        this.viewType = 'list';
+    };
+
+    async connectedCallback(): Promise<void> 
+    {
+        super.connectedCallback();
+        this.dbModelData = await this.apiService.getResource(this.resource);          
+    }
+
+    toggleForm()
+    {
+        this.viewType = this.viewType === 'form' ? 'list' : 'form';
+    }
+}
+
+RWSApiResource.defineComponent();
+
 export { RWSApiResource };

package/src/components/rws/rws-api-resource/styles/layout.scss

@@ -1,7 +1,7 @@
-@import "@rws-mixins";
-
-.rws-api-container {
-    .rws-api-controls{
-        margin-bottom: 15px;
-    }    
+@import "@rws-mixins";
+
+.rws-api-container {
+    .rws-api-controls{
+        margin-bottom: 15px;
+    }    
 }

package/src/components/rws/rws-api-resource/template.html

@@ -1,29 +1,29 @@
-<div class="rws-api-container">
-    ${T.when(x => x.resourceLabel, T.html`<h3>${x => x.resourceLabel}</h3>`)}
-
-    <div class="rws-api-controls">
-        ${T.when(x => x.createEnabled === 'true', T.html`<sl-button @click="${ (x, c) => x.toggleForm() }" variant="secondary" >
-            ${T.when(x => x.viewType === 'list', T.html`<span>${ x => x.createEntryLabel }</span>`)}
-            ${T.when(x => x.viewType === 'form', T.html`<span>${ x => x.listEntryLabel }</span>`)}
-        </sl-button>`)}  
-    </div>
-
-    <div class="rws-api-content">
-        ${T.when(x => x.dbModelData && x.viewType === 'list', T.html`<rws-resource-list 
-            resource="${x => x.resource}"
-            emptyLabel="${x => x.emptyLabel}"
-            :dbModelData="${x => x.dbModelData}"                
-            :fields="${x => x.fields}"
-            :actions="${x => x.listActions}" 
-            :extraFormatters="${x => x.extraFormatters}"
-            :headerTranslations="${x => x.headerTranslations}"
-            >
-        </rws-resource-list>`)}
-
-        ${T.when(x => x.viewType === 'form', T.html`<rws-resource-form
-            resource="${x => x.resource}"
-            :dbModelData="${x => x.dbModelData}"
-            :back="${x => x.back}"
-        ></rws-resource-form> `)}
-    </div>
+<div class="rws-api-container">
+    ${T.when(x => x.resourceLabel, T.html`<h3>${x => x.resourceLabel}</h3>`)}
+
+    <div class="rws-api-controls">
+        ${T.when(x => x.createEnabled === 'true', T.html`<sl-button @click="${ (x, c) => x.toggleForm() }" variant="secondary" >
+            ${T.when(x => x.viewType === 'list', T.html`<span>${ x => x.createEntryLabel }</span>`)}
+            ${T.when(x => x.viewType === 'form', T.html`<span>${ x => x.listEntryLabel }</span>`)}
+        </sl-button>`)}  
+    </div>
+
+    <div class="rws-api-content">
+        ${T.when(x => x.dbModelData && x.viewType === 'list', T.html`<rws-resource-list 
+            resource="${x => x.resource}"
+            emptyLabel="${x => x.emptyLabel}"
+            :dbModelData="${x => x.dbModelData}"                
+            :fields="${x => x.fields}"
+            :actions="${x => x.listActions}" 
+            :extraFormatters="${x => x.extraFormatters}"
+            :headerTranslations="${x => x.headerTranslations}"
+            >
+        </rws-resource-list>`)}
+
+        ${T.when(x => x.viewType === 'form', T.html`<rws-resource-form
+            resource="${x => x.resource}"
+            :dbModelData="${x => x.dbModelData}"
+            :back="${x => x.back}"
+        ></rws-resource-form> `)}
+    </div>
 </div>

package/src/components/rws/rws-api-resource/variants/form/component.ts

@@ -1,37 +1,37 @@
-import { attr, observable } from '@microsoft/fast-element';
-import { IKDBTypesResponse } from '../../../../../types/IBackendCore';
-import { RWSViewComponent} from '../../../../_component';
-import { RWSView} from '../../../../_decorator';
-import { IReFormerMassOrdering } from '../../../reformer/types/IReFormerTypes';
-
-
-@RWSView('rws-resource-form')
-class RWSResourceFormComponent extends RWSViewComponent {
-    @attr resource: string;             
-    
-    @observable dbModelData: IKDBTypesResponse = null;
-    @observable formOrdering: IReFormerMassOrdering = [];
-    @observable back: (resource: any) => Promise<void>;
-
-    connectedCallback(): void 
-    {
-        super.connectedCallback();
-        this.createOrdering();
-    }
-
-    setForm()
-    {
-
-    }
-
-    createOrdering()
-    {
-        for(const type of this.dbModelData.data.types){
-            this.formOrdering.push(type as unknown as IReFormerMassOrdering);
-        }
-    }
-}
-
-RWSResourceFormComponent.defineComponent();
-
+import { attr, observable } from '@microsoft/fast-element';
+import { IKDBTypesResponse } from '../../../../../types/IBackendCore';
+import { RWSViewComponent} from '../../../../_component';
+import { RWSView} from '../../../../_decorator';
+import { IReFormerMassOrdering } from '../../../reformer/types/IReFormerTypes';
+
+
+@RWSView('rws-resource-form')
+class RWSResourceFormComponent extends RWSViewComponent {
+    @attr resource: string;             
+    
+    @observable dbModelData: IKDBTypesResponse = null;
+    @observable formOrdering: IReFormerMassOrdering = [];
+    @observable back: (resource: any) => Promise<void>;
+
+    connectedCallback(): void 
+    {
+        super.connectedCallback();
+        this.createOrdering();
+    }
+
+    setForm()
+    {
+
+    }
+
+    createOrdering()
+    {
+        for(const type of this.dbModelData.data.types){
+            this.formOrdering.push(type as unknown as IReFormerMassOrdering);
+        }
+    }
+}
+
+RWSResourceFormComponent.defineComponent();
+
 export { RWSResourceFormComponent };

package/src/components/rws/rws-api-resource/variants/form/template.html

@@ -1,3 +1,3 @@
-<div id="resource-form">
-    <rws-reformer :modelTypes="${ x => x.dbModelData}" resource="${x => x.resource}" :afterForm="${x => x.back}"></rws-reformer>
-</div>
+<div id="resource-form">
+    <rws-reformer :modelTypes="${ x => x.dbModelData}" resource="${x => x.resource}" :afterForm="${x => x.back}"></rws-reformer>
+</div>

package/src/components/rws/rws-api-resource/variants/list/component.ts

@@ -1,44 +1,44 @@
-import { RWSViewComponent} from '../../../../_component';
-import { RWSView} from '../../../../_decorator';
-import { observable, attr } from '@microsoft/fast-element';
-import { ActionType, IExtraColumnFormatter, IFlexTableColumn } from '../../../rws-table/component';
-import { IKDBTypeInfo, IKDBTypesResponse } from '../../../../../types/IBackendCore';
-
-@RWSView('rws-resource-list')
-class RWSResourceListComponent extends RWSViewComponent {
-    @attr resource: string;         
-    @attr emptyLabel: string = 'No records';
-
-    @observable dbModelData: IKDBTypesResponse = null;
-    @observable resourceList: any[] = [];
-    @observable columns: IFlexTableColumn[] = [];
-
-    @observable fields: string[] = [];
-    @observable extraFormatters: {[header_key: string] : IExtraColumnFormatter} = {};  
-    @observable headerTranslations: {[header_key: string] : string} = {};  
-
-    @observable actions: ActionType[] = []; 
-
-    async connectedCallback() 
-    {
-        super.connectedCallback();
-        const makeColumns: IFlexTableColumn[] = [];
-
-        for(const key in Object.keys(this.dbModelData.data.types)){
-            const responseObject: IKDBTypeInfo = this.dbModelData.data.types[key];
-
-            makeColumns.push({
-                key: responseObject.fieldName,
-                header: responseObject.fieldName,                
-            });
-        }
-
-        this.columns = makeColumns;
-
-        this.resourceList = await this.apiService.back.get(`${this.resource}:list`);
-    }
-}
-
-RWSResourceListComponent.defineComponent();
-
+import { RWSViewComponent} from '../../../../_component';
+import { RWSView} from '../../../../_decorator';
+import { observable, attr } from '@microsoft/fast-element';
+import { ActionType, IExtraColumnFormatter, IFlexTableColumn } from '../../../rws-table/component';
+import { IKDBTypeInfo, IKDBTypesResponse } from '../../../../../types/IBackendCore';
+
+@RWSView('rws-resource-list')
+class RWSResourceListComponent extends RWSViewComponent {
+    @attr resource: string;         
+    @attr emptyLabel: string = 'No records';
+
+    @observable dbModelData: IKDBTypesResponse = null;
+    @observable resourceList: any[] = [];
+    @observable columns: IFlexTableColumn[] = [];
+
+    @observable fields: string[] = [];
+    @observable extraFormatters: {[header_key: string] : IExtraColumnFormatter} = {};  
+    @observable headerTranslations: {[header_key: string] : string} = {};  
+
+    @observable actions: ActionType[] = []; 
+
+    async connectedCallback() 
+    {
+        super.connectedCallback();
+        const makeColumns: IFlexTableColumn[] = [];
+
+        for(const key in Object.keys(this.dbModelData.data.types)){
+            const responseObject: IKDBTypeInfo = this.dbModelData.data.types[key];
+
+            makeColumns.push({
+                key: responseObject.fieldName,
+                header: responseObject.fieldName,                
+            });
+        }
+
+        this.columns = makeColumns;
+
+        this.resourceList = await this.apiService.back.get(`${this.resource}:list`);
+    }
+}
+
+RWSResourceListComponent.defineComponent();
+
 export { RWSResourceListComponent };

package/src/components/rws/rws-api-resource/variants/list/template.html

@@ -1,11 +1,11 @@
-<div class="resource-list">
-    ${T.when(x => x.columns.length, T.html`<rws-table 
-        emptyLabel="${x => x.emptyLabel}"
-        :columns="${x => x.columns}" 
-        :data="${x => x.resourceList}" 
-        :fields="${x => x.fields}" 
-        :actions="${x => x.actions}" 
-        :extraFormatters="${x => x.extraFormatters}"
-        :headerTranslations="${x => x.headerTranslations}">
-    </rws-table>`)}
+<div class="resource-list">
+    ${T.when(x => x.columns.length, T.html`<rws-table 
+        emptyLabel="${x => x.emptyLabel}"
+        :columns="${x => x.columns}" 
+        :data="${x => x.resourceList}" 
+        :fields="${x => x.fields}" 
+        :actions="${x => x.actions}" 
+        :extraFormatters="${x => x.extraFormatters}"
+        :headerTranslations="${x => x.headerTranslations}">
+    </rws-table>`)}
 </div>

package/src/components/rws/rws-modal/component.ts

@@ -1,20 +1,20 @@
-import { observable } from '@microsoft/fast-element';
-import { RWSViewComponent} from '../../_component';
-import { RWSView} from '../../_decorator';
-
-@RWSView('rws-modal')
-class RWSModal extends RWSViewComponent {      
-    @observable closeModal: () => void
-    @observable onShowModal: ($: ShadowRoot) => void
-
-    connectedCallback(): void {
-        super.connectedCallback(); 
-        if(this.onShowModal){
-            this.onShowModal(this.shadowRoot);
-        }       
-    }
-}
-
-RWSModal.defineComponent();
-
+import { observable } from '@microsoft/fast-element';
+import { RWSViewComponent} from '../../_component';
+import { RWSView} from '../../_decorator';
+
+@RWSView('rws-modal')
+class RWSModal extends RWSViewComponent {      
+    @observable closeModal: () => void
+    @observable onShowModal: ($: ShadowRoot) => void
+
+    connectedCallback(): void {
+        super.connectedCallback(); 
+        if(this.onShowModal){
+            this.onShowModal(this.shadowRoot);
+        }       
+    }
+}
+
+RWSModal.defineComponent();
+
 export { RWSModal };

package/src/components/rws/rws-modal/styles/layout.scss

@@ -1,47 +1,47 @@
-@import "@rws-mixins";
-
-.backdrop {
-    position: fixed;    
-    width: 100vw;
-    height: 100vh;
-    top: 0;
-    left: 0;
-    background-color: rgba(0,0,0,0.8);
-    cursor: pointer;
-    z-index: 1001;
-}
-
-.rws-modal {
-    position: fixed;    
-    width: 100vw;
-    height: 100vh;
-    top: 0;
-    left: 0;
-    z-index: 1000;
-    
-    .rws-modal-wrapper{
-        background: #FFF;
-        border-radius: 20px;
-        padding: 20px;
-        max-width: 70vw;
-        max-height: 80vh;
-        min-height: 40vh;
-        transform: translate(50%, 50%);
-        left: -15%;
-        margin-left: 30px;
-        color: #000;
-        position: relative;
-        z-index: 1002;
-        overflow-y: auto;
-        
-        @include customScrollbars();
-
-        .rws-modal-header{
-            display: flex;
-    
-            justify-content: end;
-        }
-    
-        .rws-modal-body{}
-    }   
+@import "@rws-mixins";
+
+.backdrop {
+    position: fixed;    
+    width: 100vw;
+    height: 100vh;
+    top: 0;
+    left: 0;
+    background-color: rgba(0,0,0,0.8);
+    cursor: pointer;
+    z-index: 1001;
+}
+
+.rws-modal {
+    position: fixed;    
+    width: 100vw;
+    height: 100vh;
+    top: 0;
+    left: 0;
+    z-index: 1000;
+    
+    .rws-modal-wrapper{
+        background: #FFF;
+        border-radius: 20px;
+        padding: 20px;
+        max-width: 70vw;
+        max-height: 80vh;
+        min-height: 40vh;
+        transform: translate(50%, 50%);
+        left: -15%;
+        margin-left: 30px;
+        color: #000;
+        position: relative;
+        z-index: 1002;
+        overflow-y: auto;
+        
+        @include customScrollbars();
+
+        .rws-modal-header{
+            display: flex;
+    
+            justify-content: end;
+        }
+    
+        .rws-modal-body{}
+    }   
 }

package/src/components/rws/rws-modal/template.html

@@ -1,11 +1,11 @@
-<div class="rws-modal">
-    <div @click="${ (x, c) => x.closeModal() }" class="backdrop"></div>
-    <div class="rws-modal-wrapper">
-      <div class="rws-modal-header">
-        <sl-button @click="${ (x, c) => x.closeModal() }" variant="secondary" >Close</sl-button>  
-      </div>
-      <div class="rws-modal-body">
-        <slot></slot>
-      </div>
-  </div>
+<div class="rws-modal">
+    <div @click="${ (x, c) => x.closeModal() }" class="backdrop"></div>
+    <div class="rws-modal-wrapper">
+      <div class="rws-modal-header">
+        <sl-button @click="${ (x, c) => x.closeModal() }" variant="secondary" >Close</sl-button>  
+      </div>
+      <div class="rws-modal-body">
+        <slot></slot>
+      </div>
+  </div>
 </div>